:root {

    --gray: #EFEEEE;

    --primary: #034BB1;

    --secondary: #005EE2;

    --dark: #212121;

    --white: #fff;

    --warning: #FBCA3D;

}



.slider-solution__nav {

    margin-top: 40px;

    display: flex;

    align-items: center;

}

.slider-solution .swiper-button {

    position: static;

    margin: 0;

}

.slider-solution .swiper-button + .swiper-button {

    margin-left: 12px;

}



.swiper-pagination--solution.swiper-pagination-progressbar.swiper-pagination-horizontal {

    margin: 0 36px 0 0;

    height: 5px;

    background: var(--white);

    width: auto;

    flex: 1;

    position: static;

}

.swiper-pagination--solution .swiper-pagination-progressbar-fill {

    background: var(--primary);

}



.solution-img {

    overflow: hidden;

    position: relative;

    border-radius: 20px;

    margin-bottom: 20px;

    max-height: 332px;

    display: block;

}

.solution-img:before {

    content: '';

    padding-top: 100%;

    display: block;

}

/*.solution-img:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: var(--warning);

    opacity: 0.2;

}*/

.solution-img img {

    width: 100%;

    min-height: 100%;

    object-fit: cover;

    position: absolute;

    top: 0;

    left: 0;

}

.slider-solution h4,

.slider-solution .h4 {

    margin: 0;

    font-weight: 700;

}

.slider-solution a {

    color: var(--dark);

    text-decoration: none;

}

.slider-solution a:hover {

    color: var(--primary);

}









@media (max-width: 767px) {



    .slider-solution .swiper-slide {

        width: 276px;

    }

    .swiper-pagination--solution.swiper-pagination-progressbar.swiper-pagination-horizontal {

        height: 3px;

        margin-right: 16px;

    }

    .slider-solution__nav {

        margin-top: 24px;

    }

    .slider-solution h4, .slider-solution .h4 {

        font-size: 16px;

    }

    .solution-img {

        margin-bottom: 12px;

        height: 266px;

    }

    .slider-solution .swiper-button + .swiper-button {

        margin-left: 4px;

    }

    



}