.testimonials-slider {
   background-color: #0F1219;
   padding: 55px 0;
   color: #fff;
   font-family: 'ClashDisplay-Light', sans-serif;
   overflow: hidden;
}

.testimonials-slider__container {
   max-width: 1440px;
   margin: 0 auto;
   padding: 0 107px;
}

.testimonials-slider__title {
   font-family: 'ClashDisplay-Light', sans-serif;
   font-size: 48px;
   margin-bottom: 88px;
}

.testimonials-slider__content {
   display: flex;
   gap: 120px;
   border-bottom: 1px solid #A7B6BD;
   padding-bottom: 40px;
}

.testimonials-slider__image-col {
   flex: 0 0 35%;
   position: relative;
}

.testimonials-slider__image-col::after {
   content: '';
   position: absolute;
   right: -120px;
   top: 0;
   width: 120px;
   height: 100%;
   background: linear-gradient(to right, #0F1219, transparent);
   z-index: 2;
}

.image-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
}

.main-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.image-overlay-text {
   position: absolute;
   bottom: 40px;
   left: 40px;
   padding-right: 40px;
   font-size: 24px;
   line-height: 1.4;
}

.testimonials-slider__quotes-col {
   flex: 0 0 65%;
   position: relative;
   overflow: hidden;
   padding-left: 0;
}

.testimonials-swiper {
   overflow: visible !important;
   margin-left: -120px;
   padding-left: 120px;
}

.swiper-wrapper {
   display: flex;
}

.swiper-slide {
   width: 75% !important;
   opacity: 1;
   transition: all 0.5s ease;
   transform: translateX(0);
}

.swiper-slide-next {
   opacity: 0.3;
   transform: translateX(30px);
   margin-left: 50px;
}

.swiper-slide-prev, 
.swiper-slide-duplicate-prev {
   opacity: 0;
   transform: translateX(-60px);
}

.quote-icon {
   margin-bottom: 24px;
}

.testimonial-content {
   font-size: 24px;
   line-height: 1.5;
   margin-bottom: 40px;
}

.testimonial-author {
   display: flex;
   align-items: center;
   gap: 31px;
   margin-bottom: 40px;
}

.author-image {
   width: 64px;
   height: 64px;
   border-radius: 50%;
   object-fit: cover;
}

.author-name {
   font-size: 24px;
}

.testimonial-border {
   height: 0.5px;
   background-color: #A7B6BD;
   margin: 40px 0;
}

.testimonials-nav {
   display: flex;
   gap: 16px;
}

.testimonials-button-prev,
.testimonials-button-next {
   width: 48px;
   height: 48px;
   border-radius: 50%;
   background: #fff;
   border-color: #0F1219;
   color: #0F1219;
   cursor: pointer;
   transition: all 0.3s ease;
   padding: 0;
}

.testimonials-button-prev:hover,
.testimonials-button-next:hover {
   background-color: #7855DA;
   border-color: #7855DA;
}

@media (max-width: 1440px) {
   .testimonials-slider__container {
       padding: 0 60px;
   }

   .testimonials-slider__title {
       font-size: 56px;
   }
}

@media (max-width: 1080px) {
   .testimonials-slider__container {
       padding: 0 60px;
   }

   .testimonials-slider__content {
       gap: 80px;
   }

   .testimonials-slider__image-col {
       flex: 0 0 40%;
   }

   .testimonials-slider__quotes-col {
       flex: 0 0 60%;
   }

   .testimonial-content {
       font-size: 20px;
   }

   .author-name {
       font-size: 20px;
   }
   .testimonials-slider__image-col::after{
      display: none;
   }
}

@media (max-width: 768px) {
  .testimonials-slider__container {
      padding: 0 60px;
  }
  
  .testimonials-slider__content {
      flex-direction: column;
      gap: 80px;
  }
  
  .testimonials-slider__image-col,
  .testimonials-slider__quotes-col {
      flex: 0 0 100%;
  }
  
  .testimonials-slider__image-col::after {
      display: none;
  }

  .testimonials-slider__title {
     font-size: 32px;
     line-height: 39.36px;
     margin-bottom: 80px;
  }

  .swiper-slide {
      width: 100% !important;
      margin-right: 0;
  }

  .testimonials-swiper {
      margin-left: 0;
      padding-left: 0;
  }

  .swiper-slide-next {
      margin-left: 0;
  }

  .testimonials-slider__quotes-col {
      padding-left: 0;
      overflow: visible;
  }

  .image-overlay-text {
     bottom: 24px;
     left: 24px;
  }

  .image-overlay-text, 
  .testimonial-content {
     font-size: 21px;
     font-weight: 400;
     line-height: 25.83px;
  }

  .testimonial-author {
      gap: 31px;
  }

  .author-image {
      width: 64px;
      height: 64px;
  }

  .author-name {
     font-size: 24px;
     line-height: 32px;
  }
}

@media (max-width: 390px) {
   .testimonials-slider__container {
       padding: 0 32px;
   }
}