@charset "UTF-8";
/* ==============================
   COMPONENT: Testimonial Slider
   ============================== */

.testimonial-slide {
  @apply bg-white rounded-[20px] p-8 shadow-sm border border-gray-200 transition-all duration-300;
}

.testimonial-slide:hover {
  @apply shadow-lg -translate-y-1;
}

.testimonial-stars {
  @apply flex justify-center mb-2 text-[#fabc06] text-lg;
}

.testimonial-name {
  @apply font-semibold text-[#003551];
}

.testimonial-location {
  @apply text-sm text-[#636363];
}

.testimonial-quote {
  @apply text-lg text-[#333] italic mb-4;
}

/* Section container */
#testimonials {
  @apply bg-[#f8f8f8] py-[100px] px-6 md:px-10;
}

.testimonial-heading {
  @apply text-4xl font-medium text-[#003551] mb-4;
}

.testimonial-subtext {
  @apply text-[#636363];
}

.testimonial-swiper {
  padding-left: 2rem;
  padding-right: 2rem;
}

/* Centered single testimonial layout */
.testimonial-swiper {
  padding-left: 2rem;
  padding-right: 2rem;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  max-width: 700px;
  margin: 0 auto;
}

.testimonial-slide {
  max-width: 600px;        /* <== Keeps testimonial readable and narrow */
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  border-radius: 20px;
  border: 1px solid #e5e7eb;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.04);
}

/* Optional: add subtle hover lift if desired */
.testimonial-slide:hover {
  transform: translateY(-4px);
  transition: all 0.3s ease;
}

/* Navigation arrows: centered vertically and spaced out */
.swiper-button-prev,
.swiper-button-next {
  color: #003551;
  opacity: 0.7;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 1;
  transform: scale(1.1);
}