.horizontal-image-slider {
  overflow: hidden;
}
.horizontal-image-slider .intro h2:last-child{
  margin-bottom: 0;
}
.horizontal-scroll {
  position: relative;
  height: 100vh;      /* takes full screen height */
  overflow: hidden;
  background: #fff;   /* makes it visible during pinning */
  height: 0;
}
.intro-fixed { background: white; }
.intro-spacer { display:block; width:100%; }
.horizontal-image-slider .intro{
}
.horiz-gallery-strip, .horiz-gallery-wrapper {
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
  position: relative;
}

.horizontal-image-slider.scrolling{
  padding-top: 200px;
}
.horizontal-image-slider.scrolling .intro{
  position: fixed;
  top: 50px;
}

.horiz-gallery-strip{
  gap: 30px;
}

.scroll-content {
  display: flex;
  height: 100%;
  align-items: center;   /* vertically center cards */
}

.horizontal-image-slider .item {
  width: 22.5vw;
  box-sizing: content-box;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}

.horizontal-image-slider .item .content-wrapper{
  padding: 40px 30px;
}

.horizontal-image-slider .item.has-border:before{
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: transparent;
  border-radius: 20px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--navy_blue);
}

.horizontal-image-slider .b-shape{
  position: absolute;
  right: 30px;
  bottom: -10px;
  height: 160px;
}

.horizontal-image-slider .item .wrapper{
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.horizontal-image-slider .item h1, .horizontal-image-slider .item h2{
  font-size: 90px;
  line-height: 0.9em;
  margin-bottom: 10px;
}
.horizontal-image-slider .item h3{
  margin-bottom: 6px;
}
.horizontal-image-slider .item p{
  font-size: 1.22em;
}
.horizontal-image-slider .item .flex.col-reverse{
  flex-direction: column-reverse;
  justify-content: flex-end;
}

.horizontal-image-slider .item .wp-image{
  width: 100%;
}
.horizontal-image-slider .item.col-spacer{
  border: 0!important;
}
.horizontal-image-slider .image-wrapper{
  margin-bottom: 0;
}
.horizontal-image-slider .image-wrapper.top .wp-image{
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.horizontal-image-slider .image-wrapper.bottom .wp-image{
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.horizontal-image-slider .item.icon-top .wrapper{
  flex-direction: column-reverse;
}
.horizontal-image-slider .item.icon-top .b-shape{
  bottom: auto;
  top: -20px;
  right: auto;
  left: 30px;
}
.horizontal-image-slider .item.align-bottom .wrapper{
  flex-direction: column-reverse;
}
.horizontal-image-slider .item:not(.has-icon, .has-border) .content-wrapper{
  padding: 40px;
}
.horizontal-image-slider .item.has-border.border-navy_blue:before{
  border-color: var(--navy_blue);
}
.horizontal-image-slider .item.has-border.border-light_navy_blue:before{
  border-color: var(--light_navy_blue);
}
.horizontal-image-slider .item.has-border.border-lime_green:before{
  border-color: var(--lime_green);
}
.horizontal-image-slider .item.has-border.border-light_lime_green:before{
  border-color: var(--light_lime_green);
}
.horizontal-image-slider .item.has-border.border-orange:before{
  border-color: var(--orange);
}
.horizontal-image-slider .item.has-border.border-light_orange:before{
  border-color: var(--light_orange);
}
.horizontal-image-slider .item.has-border.border-sky_blue:before{
  border-color: var(--sky_blue);
}
.horizontal-image-slider .item.has-border.border-light_sky_blue:before{
  border-color: var(--light_sky_blue);
}
.horizontal-image-slider .item.has-border.border-light_grey:before{
  border-color: var(--light_grey);
}

@media screen and (max-width: 1349px){
  .horizontal-image-slider .item h1, .horizontal-image-slider .item h2{
    font-size: 80px;
  }
}

@media screen and (max-width: 991px){
  .mob-slider #horizontalSlider{
    position: relative;
    top: -40px;
  }
  .mob-slider #horizontalSlider .swiper-wrapper{
    padding-top: 70px;
  }
  .mob-slider:not(.mob-full-intro) .intro{
    margin-bottom: 5px;
    max-width: calc(100% - 100px);
  }
  .mob-slider.mob-full-intro .intro{
    margin-bottom: 50px;
  }
  .mob-slider .swiper-button-next, .mob-slider .swiper-button-prev{
    bottom: auto!important;
    top: 1px!important;
    right: 0!important;
    left: auto!important;
  }
  .mob-slider .swiper-button-prev{
    right: 50px!important;
  }
  .mob-slider .intro h2{
    font-size: 28px;
  }
  .horizontal-image-slider .item:not(.has-icon, .has-border) .content-wrapper{
    padding: 30px;
  }
}

@media screen and (max-width: 768px){
  .horizontal-image-slider .item .content-wrapper{
    padding: 20px;
  }
  .horizontal-image-slider .b-shape{
    height: 120px;
  }
  .mob-slider #horizontalSlider .swiper-wrapper{
    padding-top: 60px;
  }
  .horizontal-image-slider .item h1, .horizontal-image-slider .item h2{
    font-size: 70px;
  }
  .horizontal-image-slider .item:not(.has-icon, .has-border) .content-wrapper{
    padding: 20px;
  }
}