.home-banner{ background: #fff}
.banner-slider{ }
.banner-slider .swiper-slide{ height: unset}

.banner-slider .banner-item{}
.banner-slider .banner-inner{ display: flex; flex-direction: column;}
.banner-slider .banner-content{ padding: 40px 15px 30px 15px;  flex: 1; max-width: 420px; margin: auto }
.banner-slider .banner-item-title{}
.banner-slider  h1{ margin-top: 0; margin-bottom: 20px; font-size: 36px; text-align: center; font-weight: 700; line-height: .9 }
.banner-slider  h1 span:first-child{color:var(--color-green-second); display: block}
.banner-slider  h1 span:last-child{color:var(--color-green-third)}
.banner-slider .banner-item-description{ text-align: center; line-height: 1.1;font-size: 18px;font-weight: 400;}
.banner-slider .banner-item-link{ display: flex; justify-content: center; margin-top: 20px}
.banner-slider .button{width: 200px; height: 46px; font-size: 16px; }

.banner-slider .swiper{ overflow: visible !important}
.banner-slider .swiper-slide{ border-radius: 25px}
.banner-slider .banner-image{ width: 100%; padding-bottom: 30px; overflow: hidden;  }
.banner-slider .banner-image-inner{ width: 75%;  max-width: 460px; margin: auto; }

.banner-slider .slider-button{position: absolute; display: block; bottom: 20px; right: 20px; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; opacity: .7; z-index: 10;
    background-image: url(../../../../images/sprite-icons.svg#arrow-r-dark); background-repeat: no-repeat; background-position: center; background-size: 8px; transition: .4s; cursor: pointer}
.banner-slider .slider-button.slider-button-prev { right: auto; left:20px; transform: rotate(180deg)}
.banner-slider .slider-button.swiper-button-disabled{ opacity: 0}

@media only screen and (min-width: 480px) {
}

@media only screen and (min-width: 600px) {

    .banner-slider .banner-content h1{   }

}

@media only screen and (min-width: 768px) {

    .banner-slider .banner-inner{ flex-direction: row; justify-content: space-between; align-items: center; padding: 40px 20px; box-sizing: border-box}

    .banner-slider .banner-content{ padding: 0;  width: 45%}
    .banner-slider .banner-image{padding: 0; overflow: visible; max-width: none; width:55%}
    .banner-slider  h1{font-size: 40px; text-align: left; }
    .banner-slider .banner-item-description{text-align: left}
    .banner-slider .banner-item-link{ justify-content: left; margin-top: 30px}
}

@media only screen and (min-width: 1024px) {
    .banner-slider .banner-inner{ padding: 50px 30px;  }

    .banner-slider .banner-content{ padding: 0; margin: 0; max-width: none}

    .banner-slider  h1{font-size: 52px;   }
    .banner-slider .banner-item-description{ font-size: 24px}
    .banner-slider .banner-image-inner{ max-width: none; margin: auto; }
    .banner-slider .banner-item-link { margin-top: 70px}
    .banner-slider .button {width: 280px;height: 54px;font-size: 18px;}


}


@media only screen and (min-width: 1280px) {

    .banner-slider .banner-content{ width: 42%}
    .banner-slider .banner-image{width:58%}
    .banner-slider .banner-inner{ max-width: 1360px; margin: auto}
    .banner-slider  h1{font-size:68px;   }
    .banner-slider .banner-item-description{ font-size: 28px}



}