:root {
    --swiper-navigation-size: 30px;
    --swiper-pagination-bullet-inactive-color: #ffffff;
    --swiper-pagination-bullet-size: 11px;
}
.swiper {
    width: 100%;
}
.swiper .swiper-button-prev,
.swiper .swiper-button-next {
    opacity: 0;
    transition: opacity 0.3s;
}
.swiper .swiper-button-prev:after,
.swiper .swiper-button-next::after {
    background-color: #ffffff;
    padding: 5px;
}
.swiper:hover .swiper-button-prev,
.swiper:hover .swiper-button-next {
    opacity: 0.6;
}

.swiper .swiper-pagination-bullet {
    opacity: 1;
}

@media screen and (max-width: 450px) {
    :root {
        --swiper-navigation-size: 20px;
    }
}