.swiper-wrapper {
    width: 100%;
    height: max-content !important;
    padding-bottom: 32px !important;
    -webkit-transition-timing-function: linear !important;
    transition-timing-function: linear !important;
    position: relative;
    }
    .swiper-pagination-bullet {
    background: gray;
    }
    .swiper-button-next, .swiper-button-prev  {
        color: gray !important;
    }
    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: small !important;
    }

    /* For medium and larger screens */
    @media (min-width: 768px) { /* Tablets and up */
        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-size: medium !important;
        }
    }

    /* For larger screens (desktops) */
    @media (min-width: 1200px) { /* Larger screens */
        .swiper-button-next:after,
        .swiper-button-prev:after {
            font-size: large !important;
        }
    }