.module_slider-hero .background_red { background: var(--red); }
.module_slider-hero .background_blue { background: var(--darkblue); }

.module_slider-hero { position:relative; overflow: hidden; }
.module_slider-hero.shape-bottom:after{ z-index: 9}

.module_slider-hero .topline.light,
.module_slider-hero h2.light { color: var(--text-color-light); }
.module_slider-hero .topline.dark,
.module_slider-hero h2.dark { color: var(--text-color-dark); }
.module_slider-hero .topline.red,
.module_slider-hero h2.red { color: var(--red); }


.module_slider-hero h2.background_red { background: var(--red); }
.module_slider-hero h2.dark { background: var(--white); }
.module_slider-hero h2.none { background: none; }


.module_slider-hero .desktopImage { 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.module_slider-hero .desktopImage img { 
  width: 100%;
  height: 100%;
    inline-size: 100%;
    object-fit: cover;
  object-position: center;
}

@media (min-width: 768px){
  .module_slider-hero .row { 
    height: calc(50vw - var(--section_padding-top_md) - var(--section_padding-bottom_md));
    min-height: 300px;
  }
}

@media (min-width: 992px) {
  section.module_hero-slider.swiper-slide { 
    padding-top: 186px;
    padding-bottom: 86px;
  }
}
@media (min-width: 1440px){
  .module_slider-hero .row { 
      height: calc(41vw - var(--section_padding-top_md) - var(--section_padding-bottom_md));
  }
}

.module_slider-hero .mobileImage { display:none; }
.module_slider-hero .h1 { margin-top: 0; }

.module_slider-hero .h1,
.module_slider-hero .topline {
  display:inline;
  -webkit-box-decoration-break: clone;
  word-break: break-word;
  padding: 0 15px;
}
.hero-slider-inner .h1 {
  color:var(--white);
  background:var(--darkblue);
  line-height: initial;
}
.module_slider-hero .topline {
  margin-bottom: 5px;
  font-weight: 600;
  display: inline;
  word-break: break-word;
  text-wrap: balance;
}

.module_slider-hero .swiper-slide{text-align:left;}
.module_slider-hero .swiper-button-prev{color: var(--lightblue);opacity: 0.6;  left:3%;}
.module_slider-hero .swiper-button-next{color: var(--lightblue);opacity: 0.6;  right:3%;}
.module_slider-hero .swiper-pagination {
  bottom: 20px !important;
  text-align: right;
  right: 20% !important;
  left: unset !important;
}

@media (max-width: 1440px){
.module_slider-hero .swiper-pagination {
  right: 10%!important;
  bottom: 10px!important;
  }
}
.swiper-pagination-bullet {background-color: var(--lightblue);height: 16px;opacity: 1;width: 16px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: var(--darkblue)}
@media (max-width: 1440px){
  .module_slider-hero .swiper-button-next, .module_slider-hero .swiper-button-prev{display:none;}
}

@media (min-width: 768px){
  .module_slider-hero .mobileImage {display:none; }
}
@media (max-width: 1280px){
.hero-slider-inner{grid-column-end: span 12;}
}
@media (max-width: 991px){
  .module_slider-hero .swiper-button-next,
  .module_slider-hero .swiper-button-prev {
    display:none;
  }
}
@media (max-width: 767px){
  .module_slider-hero .desktopImage {display:none; }
  .module_slider-hero .row{padding:0;}
  .module_slider-hero .mobileImage {display:block; height: 300px; position: relative; width: 100%; }
  .module_slider-hero .mobileImage:after { content: ''; width: 100%; height: 50px; background: transparent; bottom: -2px; left: 0; position: absolute; background-image: linear-gradient(180deg, #063A5008 0%, #364e6d 100%); }
  .module_hero-slider{background-image:none!important;padding-left: 0; padding-right: 0; padding-top: 0;}
  .module_slider-hero .mobileImage img { width: 100%; height: 100% !important; object-fit: cover; }
  .hero-slider-inner { padding: 0 20px; }
  .hero-slider-inner h2 {color: var(--darkblue)!important; background: var(--white)!important;}
}
@media (max-width: 550px){
  .module_slider-hero .mobileImage{height: 200px;}
  .module_slider-hero .swiper-pagination{bottom: 0px!important;}
}
@media (max-width: 400px){
  @supports (-webkit-touch-callout: none) {
    .module_slider-hero .hero-slider-inner h2{font-size:35px;}
    .module_slider-hero .hero-slider-inner{min-height:300px;}
    } 
}