.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;text-transform: uppercase;line-height: 1.1;font-size: 18px;font-weight: 500;}
.banner-slider .banner-item-link{ display: flex; justify-content: center; margin-top: 20px}
.banner-slider .button{width: 180px; 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; }



@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}

    .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; overflow: hidden }

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

    .banner-slider  h1{font-size: 56px;   }
    .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: 1560px; margin: auto}
    .banner-slider  h1{font-size: 82px;   }
    .banner-slider .banner-item-description{ font-size: 32px}



}