@media (min-width: 768px) {
    .swiper {
        width: 100%;
        height: 820px;
    }
    .swiper-slide {
        display: flex;
        align-items: center;
        justify-content: center;
        overflow-y: auto;
    }
    .first-slide {
        overflow-y: auto;
    }
    .last-slide {
        overflow-y: auto;
    }
}
@media (max-width: 767px) {
    .swiper {
        width: 100%;
        height: auto;
    }
    .swiper-slide {
        height: auto !important;
    }
    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }
}