/* Swiper styles for desktop */
        @media (min-width: 1024px) {
            .swiper-wrapper {
                display: flex !important;
                gap: 1rem;
            }
            .swiper-slide {
                flex: 1 1 0%;
                width: auto !important;
            }
            .swiper-pagination {
                display: none !important;
            }
        }

        /* Swiper slide styling */
        .swiper-slide {
            display: flex;
            justify-content: center;
        }
        .swiper-slide > * {
            max-width: 500px;
            width: 100%;
        }

        /* Swiper slide styling for mobile */
        @media (max-width: 1024px) {
            .swiper-slide {
                width: 100% !important;
            }
        }