.swiper {
        padding: 60px 0;
    }

    .swiper-wrapper {
        align-items: center;
    }

    .swiper-slide {
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.05);
        padding: 30px;
        text-align: center;
        transition: transform 0.4s ease, opacity 0.4s ease;
        max-width: 320px;
        opacity: 0.5;
        transform: scale(0.9);
        border: 2px solid transparent;
    }

    .swiper-slide-active {
        opacity: 1;
        transform: scale(1.05);
        border-color: #000;
    }

    @media (max-width: 768px) {
        .swiper-slide {
            max-width: 100%;
        }
    }