/* 1. kill swiper’s own wrapper background/shadow */
        .teacher-carousel.swiper { background: transparent; box-shadow: none; }

        /* 2. let the glassmorphic card stay full-bleed */
        .teacher-carousel .swiper-slide { background: transparent; }

        /* ----- kill swiper visuals ----- */
        .student-carousel.swiper          { background: transparent; box-shadow: none; }
        .student-carousel .swiper-slide   { background: transparent; }
        /* ----- hide arrows ----- */
        .student-carousel .swiper-button-next,
        .student-carousel .swiper-button-prev { display: none !important; }
        .student-carousel.swiper,
        .teacher-carousel.swiper {
            padding-top: 1.5rem;
            padding-bottom: 3.5rem;   /* ← tweak this number until it looks right */
        }