/* Main testimonial section – clean card-like container with subtle depth */

    /* Swiper container – relative to hold navigation and pagination */
    .testimonial-swiper {
      width: 100%;
      overflow: hidden;
      position: relative;
      z-index: 2;
      border-radius: 1rem;
    }

    /* each slide content – centered, comfortable spacing */
    .swiper-slide {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      padding: 0.5rem 0.5rem 1.5rem 0.5rem;
      background: transparent;
    }





    /* custom navigation buttons (Swiper default but enhanced) */
    .swiper-button-next,
    .swiper-button-prev {
      background-color: #ffffffcc;
      backdrop-filter: blur(8px);
      width: 48px;
      height: 48px;
      border-radius: 60px;
      box-shadow: 0 10px 18px -6px rgba(0, 0, 0, 0.12), 0 0 0 1px rgba(0, 0, 0, 0.02);
      transition: all 0.25s ease;
    }

    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background-color: white;
      box-shadow: 0 12px 22px -8px rgba(0, 0, 0, 0.2);
      transform: scale(1.02);
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
      font-size: 1.6rem;
      font-weight: 700;
      color: #1f2b48;
    }

    /* custom pagination (dots) – modern rounded, matches original feel */
    .swiper-pagination {
      bottom: -0.5rem !important;
      position: relative;
      margin-top: 2.2rem;
      padding-bottom: 10px;
    }

    .swiper-pagination-bullet {
      width: 10px;
      height: 10px;
      background: #cbd5e1;
      opacity: 0.6;
      margin: 0 6px;
      transition: all 0.2s ease;
      border-radius: 20px;
      display: none; /* hide default bullets, we'll show only active */
    }

    .swiper-pagination-bullet-active {
      background: #ffffff;
      width: 28px;
      border-radius: 20px;
      opacity: 1;
    }

    /* spacing adjustments for mobile */
    @media (max-width: 680px) {
      .testimonial-section {
        padding: 2rem 1.2rem 2.8rem 1.2rem;
        border-radius: 1.8rem;
      }

      blockquote {
        margin-bottom: 1.5rem;
      }

      .swiper-button-next,
      .swiper-button-prev {
        width: 38px;
        height: 38px;
      }

      .swiper-button-next:after,
      .swiper-button-prev:after {
        font-size: 1.2rem;
      }

      .testimonial-author {
        font-size: 1.2rem;
      }

      .testimonial-role {
        font-size: 0.85rem;
      }

      .swiper-pagination {
        margin-top: 1.6rem;
      }
    }

    /* ensure smooth slide transitions */
    .swiper-slide {
      transition-timing-function: cubic-bezier(0.2, 0.9, 0.4, 1.1);
    }

    /* optional little extra: focus ring for accessibility */
    .swiper-button-next:focus-visible,
    .swiper-button-prev:focus-visible {
      outline: 2px solid #2463eb;
      outline-offset: 2px;
    }