:root{
    --dotWidth:15px;
}
.swiper{
    overflow:visible;
}
@media(max-width:768px){
    .mainpage__banners{
        padding-inline:15px;
        overflow:hidden;
    }
    .swiper{
        overflow:hidden;
    }
}
.slider{
    padding-bottom:3rem;
}
.banner__bottom{
    margin-top:20px;
    display:flex;
    justify-content: space-between;
}
.banner__item{
    margin-bottom: 20px;
    flex: 1 1 25%;
    padding-inline: 10px;
}
.banner__item:last-child{
    padding-right:0px;
}
.banner__item:first-child{
    padding-left:0px;
}

.banner__link{
    display:block;
    width:100%;
    height:100%;
}
.banner__item .banner__link img{
    height:inherit;
    width:100%
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 4px;
}
@media(max-width:1000px){
    .banner__item{
        flex:0 1 50%;
        /*
        height:224px;
        */
    }
    .banner__item:nth-child(2n+1){
        margin-right:auto;
        padding-left:0;
    }
    .banner__item:nth-child(2n+2){
        /*margin-right:auto;*/
        padding-right:0;
    }
    .banner__item .banner__link img{
        width: 100%;
    }
    .banner__link{
        height: 100%;
        width: 100%;
        display:block;
    }
    .banner__bottom{
        /*
        margin-inline: -10px;
        */
        flex-wrap:wrap;
    }
}
@media(max-width:550px){
    .banner__item{
        height:auto;
    }
}

.swiper-pagination{
    position: static !important;
    top: 95.5%;
    margin-top:2.5rem;
}


.mainpage__banners{
    padding-top: 185px;
}
@media(max-width:770px){
    .mainpage__banners{
        padding-top: 116px;
    }
}
.swiper-pagination-bullet{
    width:15px!important;
    height:15px!important;
}
.swiper-button-prev:after, .swiper-button-next:after{
    content:''!important;
}
.swiper-button-prev{
    background:no-repeat url("./img/slider-arrow-l.png")!important;
    left:40px;
}
.swiper-button-next{
    background:no-repeat url("./img/slider-arrow-r.png")!important;
    right:40px;
}
.swiper-button-next, .swiper-button-prev{
    display:none !important;
}
.slider:hover .swiper-button-next, .slider:hover .swiper-button-prev{
    display:block !important;
}
.swiper-button-prev,.swiper-button-next{
    top:45% !important;
    transform:translateY(-50%);
}
.swiper-pagination-bullet-active{
    background:#b1c153 !important;
}
@media(max-width:850px){
    .swiper-button-next, .swiper-button-prev{
        display:none !important;
    }
    .banner__img--slider{
        height:auto;
    }
}

@media(max-width:550px){
    .swiper-pagination{
        display:none !important;
    }
    .slider{
        padding-bottom:0 !important;
    }
    .swiper-button-prev, .swiper-button-next{
        top: 62% !important;
    }
}