.swiper-wrapper {
    flex-wrap: wrap;
}
.swiper-pagination { 
    visibility: hidden;
}
.swiper-pagination-bullet {
    background-color: #fff !important;
    border: 1px solid #565656;
    width: 10px;
}
.swiper-pagination-bullet-active {
    background-color: #565656 !important;
    background-color: #565656 !important;
}
@media (max-width: 768px) {
    .swiper-wrapper {
        flex-wrap: nowrap;
        flex-direction: column;
    }

        .swiper-pagination {
            visibility: visible;
        }

        html,
        body {
            position: relative;
            height: 100%;
        }



        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

            .swiper-slide img {
                display: block;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .swiper {
            margin-left: auto;
            margin-right: auto;
            width: 96% !important;
            height: auto !important;
        }

        .swiper-button-prev {
        }

        .swiper-button-next {
        }

            .swiper-button-next:after, .swiper-button-prev:after {
                font-size: 19px !important;
                font-weight: 700;
                color: #808080 !important;
            }
    }