.swiper-wrapper{
    height: fit-content !important;
    height: -moz-fit-content !important;
    height: available !important;
    height: -moz-available !important;
}
#banner .swiper-wrapper{
    padding-bottom: 0px !important;
}

.swiper-pagination{
    padding: 10px 0px !important;
    bottom: 0px !important;
    z-index: 2 !important;
}
.swiper-pagination-bullet{
    background: transparent !important;
    border: 2px solid #fff !important;
    border-radius: 20px !important;
    width: 17px !important;
    height: 12px !important;
    position: relative !important;
    opacity: 1 !important;
}

.swiper-pagination-bullet-active{
    background: #fff !important;
    width: 23px !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background: url("../img/arrowLeft.png") no-repeat center !important;
    left: auto !important;
    bottom: 0 !important;
    right: 0 !important;
    width: 46px !important;
    height: 46px !important;
    background-size: contain !important;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background: url("../img/arrowRight.png") no-repeat center !important;
    top: 0 !important;
    right: 0px !important;
    width: 46px !important;
    height: 46px !important;
    background-size: contain !important;
}

#banner .swiper-pagination{
    bottom: 40px !important;
}

@media screen and (max-width: 500px){
    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next,
    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
        width: 28px !important;
        height: 28px !important;
    }

    .mainArrows {
        width: 35px !important;
        height: 63px !important;
        bottom: 35px !important;
    }
}