/* swiper custom */
.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    height: 5px;
    top: auto;
    bottom: 0;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--main-color);
}

.swiper{
    --swiper-navigation-color: #fff; 
    --swiper-pagination-color: #fff;
    margin-top: 50px;
    height: auto;
}

.swiper h1{
    font-weight: 300;
    height: 50px;
    text-align: left;
    font-size: 22px;
}

.swiper h1 span{
    margin-right: 10px;
}

@media all and (max-width: 1250px){
.swiper{
    height: auto;
}
}

@media all and (max-width: 600px){
    .swiper{
        height: auto;
    }
}

@media all and (max-width: 500px){
    .swiper h1{
        font-size: 18px;
    }
}