:root {
    --swiper-navigation-top-offset: calc( 100% - 0px );
    --swiper-pagination-bullet-width: 16px;
    --swiper-pagination-bullet-height: 16px;
    --swiper-theme-color: var(--color-primary-2);
    --swiper-pagination-bullet-inactive-color: var(--color-white);
    --swiper-pagination-bullet-inactive-opacity: 1;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-navigation-size: 36px;
    --swiper-navigation-color: #fff;
    --swiper-navigation-sides-offset: 0;
    --swiper-pagination-bottom: -8px;
}
.swiper-button-next, .swiper-button-prev {
    top: calc(var(--swiper-navigation-size)/2);
    width: var(--swiper-navigation-size);
    background-color: var(--color-primary-2);
    background-image: url("../images/arrow-right.svg");
    border-radius: 50%;
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: center center;
}
.swiper-button-next:after, .swiper-button-prev:after {
    opacity: 0;
}
.swiper-button-prev {
    background-image: url("../images/arrow-left.svg");
}
.swiper-pagination { position: relative;}

@media (min-width: 768px) {
    .swiper-wrapper {
        padding-bottom: 20px;
    }
}
.swiper-controls {
    position: absolute;
    width: 100%;
    min-height: var(--swiper-navigation-size);
    bottom: auto;
    top: 39%;
}
@media (min-width: 768px){
    .swiper-controls {
        position: relative;
        top: auto;
    }
}
.homeSwiper .swiper-controls {
    top: 23%;
}
@media (min-width: 768px){
    .homeSwiper .swiper-controls {
        top: auto;
    }
}