.testimonials-section {
  padding: 100px 172px;
  padding-top: 0;
}

.testimonials-wrap {
  padding: 56px 60px;
}

.testimonials-wrap .section-heading {
  font-size: 50px;
  line-height: normal;
  font-weight: 700;
}

.testimonials-row {
  align-items: stretch;
}

/* Testimonials list */
.testimonials-list {
  display: flex;
  flex-direction: column;
  gap: 20px;
  height: 100%;
}

.testimonial-card {
  padding: 30px;
  border-radius: 20px;
}

.testimonial-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 20px;
}

.testimonial-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.testimonial-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.testimonial-name {
  font-size: 17px;
  font-weight: 700;
  margin: 0;
}

.testimonial-quote p {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
  color: rgba(255, 255, 255, 0.85);
}

/* Comparison (BEAF) — restore so the image actually renders */
.comparison-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.comparison-caption {
  padding-top: 10px;
  font-size: 16px;
  font-weight: 700;
  margin: 0;
  flex-shrink: 0;
}

/* Book Now button row */
.testimonials-wrap > .container-fluid > .row:last-child,
.testimonials-wrap .row:has(.cta-btn) {
  margin-top: 40px;
}

/* Before/After slider handle — custom SVG arrows, white circle */
.comparison-slider-embed .twentytwenty-handle {
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  border: none;
  border-radius: 50%;
  background-color: white;
  box-shadow: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' viewBox='0 0 60 61' fill='none'%3E%3Ccircle cx='30' cy='30.6562' r='30' fill='white'/%3E%3Cpath d='M49.043 29.2461L41.7812 21.9844C41 21.2031 39.7383 21.2031 38.957 21.9844C38.1758 22.7656 38.1758 24.0273 38.957 24.8086L44.8086 30.6562L38.957 36.5039C38.1758 37.2852 38.1758 38.5469 38.957 39.3281C39.7383 40.1094 41 40.1094 41.7812 39.3281L49.043 32.0664C49.8203 31.2891 49.8203 30.0234 49.043 29.2461Z' fill='%23524E4F'/%3E%3Cpath d='M10.957 29.2461L18.2188 21.9844C19 21.2031 20.2617 21.2031 21.043 21.9844C21.8242 22.7656 21.8242 24.0273 21.043 24.8086L15.1914 30.6562L21.043 36.5039C21.8242 37.2852 21.8242 38.5469 21.043 39.3281C20.2617 40.1094 19 40.1094 18.2188 39.3281L10.957 32.0664C10.1797 31.2891 10.1797 30.0234 10.957 29.2461Z' fill='%23524E4F'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  cursor: pointer;
}

/* Push the line segments behind the handle explicitly */
.comparison-slider-embed .twentytwenty-handle::before,
.comparison-slider-embed .twentytwenty-handle::after {
  z-index: 1;
}

.comparison-slider-embed .twentytwenty-horizontal .twentytwenty-handle:before {
  margin-bottom: 30px;
}

.comparison-slider-embed .twentytwenty-horizontal .twentytwenty-handle:after {
  margin-top: 30px;
}

@media (max-width: 1300px) {
  .testimonials-row > .testimonials-col,
  .testimonials-row > .comparison-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 1200px) {
  .testimonials-section {
    padding: 70px 30px;
    padding-top: 0;
  }
}

@media (max-width: 991px) {
  .testimonials-wrap {
    padding: 40px 24px;
  }

  .testimonials-wrap .section-heading {
    font-size: 55px;
  }
}

@media (max-width: 767px) {
  .testimonials-wrap .section-heading {
    font-size: 30px;
  }
  .testimonials-section {
    padding: 50px 20px;
    padding-top: 0;
  }
}
