.image-slider .background-video {height: 50%;max-height: 50%}
.image-slider__thumbnail-wrapper {
  position: absolute;
  bottom: 0;
  right: 0
}
.image-slider__content {
  margin-left: 0;
  margin-top: 1.2rem
}
.image-slider__main-slide .swiper-navigation {
  height: 3.6rem;
  position: relative
}
.image-slider__main-slide .image-slider__image-wrapper {
  height: 23.9rem
}
.image-slider__controls {
  margin-bottom: 1.2rem
}
.image-slider .swiper-pagination {
  height: 1.2rem
}
.image-slider .swiper-pagination .swiper-pagination-bullet {
  background: var(--white);
  opacity: 1
}
.image-slider .swiper-pagination .swiper-pagination-bullet-active {
  background: var(--black)
}
@media (min-width:768px) {
  .image-slider .swiper-navigation {
    height: 4.8rem
  }
  .image-slider__main-slide .image-slider__image-wrapper {
  height: 38.9rem;
}
}
@media (min-width:992px) {
  .image-slider__main-slide .image-slider__image-wrapper {
    -webkit-box-flex: 74%;
    -ms-flex: 74%;
    flex: 74%;
    max-width: 70%;
    height: 51.6rem
  }
  
  .image-slider__main-slide .image-slider__content {
    -webkit-box-flex: 30%;
    -ms-flex: 30%;
    flex: 30%;
    max-height: 21rem;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #000 #D9D9D9;
    visibility: hidden;
  }
  .image-slider__main-slide .swiper-slide-active .image-slider__content {
  visibility: visible;
  }
  
  .image-slider__main-slide .swiper-slide {
    margin-left: calc(-.5 * var(--bs-gutter-x))
  }
  .image-slider .background-video {
    height: 100%;
    max-height: 90%
  }
  .image-slider__thumbnail-slide .swiper-slide {
    max-width: 28.6rem
  }
  .image-slider__thumbnail-slide .image-slider__image-wrapper {
    max-width: 28.6rem;
    height: 20.6rem
  }
  .image-slider__thumbnail-slide .image-slider__image {
    height: 100%
  }
  .image-slider__content {
    margin-left: calc(var(--bs-gutter-x) * 1);
    margin-top: 0
  }
  .image-slider .swiper-navigation {
    inset: 0 auto 10px 72%;
    position: absolute;
    margin: auto 0;
    z-index: 9
  }
  .image-slider__controls {
    margin-bottom: 0;
    margin-top: 0 !important;
  }
}

/*--------------self serve CSS-------*/
body.ip3-edit .image-slider .swiper-wrapper{display:block;}
body.ip3-edit .image-slider .image-slider__main-slide .swiper-slide{display: block !important;}
body.ip3-edit .image-slider .image-slider__thumbnail-wrapper{display: none !important;}
body.ip3-edit .image-slider .image-slider__controls{display: none !important;}


/*----------------no js CSS------------*/
body.nojs .image-slider__main-slide .image-slider__controls{display:none !important}
body.nojs .image-slider__main-slide .swiper-wrapper{display: block;}
body.nojs .image-slider__thumbnail-wrapper{display:none !important}