/* styling testimonial slider section */
#testimonial {
  padding-block: 100px;
  margin-bottom: 40px;
  background: var(--main-gradient);
  margin-top: -50px;
  border-bottom-right-radius: var(--large-radius);
  border-bottom-left-radius: var(--large-radius);
  
  .head {
    text-transform: capitalize;
    margin-bottom: 30px;
    color: white;
    font-size: 32px;
  }

  .swiper {
    margin-bottom: -400px;
    width: 100%;
    margin-inline: auto;
    height: 500px;
    overflow: visible !important;

    swiper-wraper {
      overflow: hidden;
    }

    .swiper-slide {
      scale: .8;
      border-radius: var(--main-radius);
      overflow: hidden;

      img {
        width: 100%;
        height: 100%;
        margin-inline: auto !important;
      }
    }

    .swiper-button-next,
    .swiper-button-prev {
      position: absolute !important;
      top: -55px !important;
      right: 0 !important;
      width: fit-content !important;
      display: flex !important;
      align-items: center;
      justify-content: center;
      min-width: 50px;
      min-height: 50px;
      z-index: 20;
      padding: 20px !important;
      background-color: white;
      width: fit-content;
      border-radius: 50%;
      color: #0FA98A;

      &::after {
        font-size: 20px;
      }
    }

    .swiper-button-prev {
      right: 60px !important;
      margin-inline-start: auto !important;
    }

    .swiper-pagination-bullet-active {
      background-color: #0FA98A;
    }
  }
}