.image-caraousel__image {
  position: relative
}
.image-caraousel__image .mw-100 {
  
  height:556px;
}
.image-caraousel .caption__title {
  color: var(--base-1)
}
.image-caraousel .caption__content {
  color: var(--base-1)
}
.image-caraousel .caption .cta {
  color: var(--base-1)
}
.image-caraousel .swiper-main {
  position: relative;
  min-height: 30rem
}
.ip3-edit .image-caraousel .swiper-main .swiper-slide {
  opacity: 1!important;
}
 .image-caraousel .swiper-main .swiper-slide.swiper-slide-active {
  opacity: 1!important
}
.image-caraousel .swiper-main .swiper-slide {
    opacity: 0 !important;
}
.image-caraousel .swiper-main .carousel-pagination {
  position: fixed;
  right: 138px;
  z-index: 5;
  margin-top: 33px;
  padding-top: var(--xs-1);
}
.image-caraousel .swiper-main .carousel-arrow__counter {
  display: none!important
}
.image-caraousel .swiper-thumbslide {
  cursor: pointer
}
.image-caraousel .swiper-thumbslide.swiper-slide-thumb-active img {
  border: 1.5px solid var(--base-1)
}
.image-caraousel__thumb-image {
  width: 100%;
  height: auto;
  
}
.image-caraousel .swiper-thumbnail .carousel-pagination {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 4;
  width: 100%;
  left: 0;
  pointer-events: none
}
.image-caraousel .swiper-thumbnail .carousel-pagination__buttons {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  pointer-events: none
}
.image-caraousel .swiper-thumbnail .carousel-pagination__buttons .arrow-button {
  pointer-events: all;
  margin-left:-6px;
  margin-right:-6px;
}
.image-caraousel .carousel-pagination__buttons .arrow-button {
-webkit-box-shadow: inset 0 0 0 0px var(--base-1);
}


.image-caraousel .swiper-thumb {
  margin: 0 2.4rem
}
@media (min-width:768px) {
  .image-caraousel .caption {
    padding-left: var(--sm-1);
    padding-right: var(--sm-1)
  }
  .image-caraousel .caption__title {
    color: var(--base-5)
  }
  .image-caraousel .caption__content {
    color: var(--base-5)
  }
  .image-caraousel .caption .cta {
    color: var(--base-5)
  }
  .image-caraousel__intro-text::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: var(--gradient-bottom-dark-overlay)
  }
 
  .image-caraousel__caption-wrapper .caption {
  position:relative;
  z-index:2;
  }
  .image-caraousel__image {
    position: absolute;
    height: 100%
  }
  .image-caraousel__thumb-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1.57/1
  }
  .image-caraousel .swiper-main {
    min-height: 50rem
  }
  .image-caraousel .swiper-main .carousel-arrow__counter {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
  }
  .image-caraousel .swiper-thumbnail__thumb-image {
    width: 18.6rem
  }
}



@media (min-width:992px) {
  .image-caraousel .swiper-main {
    min-height: 70rem
  }
.image-caraousel.image-caraousel__Thumbnail-wrapper .swiper-main{min-height:556px;}
  .image-caraousel__thumb-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1.3/1
  }
  .image-caraousel .swiper-thumbslide.swiper-slide-thumb-active img {
    border: 1.5px solid var(--base-1)
  }
}
@media (max-width:1024px) {
.swiper-autoheight .swiper-wrapper{align-items:center;}
.image-caraousel .swiper-thumbslide.swiper-slide-thumb-active img{height:185px;}

}
@media (max-width:767px) {
.image-caraousel .swiper-thumbslide.swiper-slide-thumb-active img{border: 4px solid var(--base-1)}
}
@media (min-width:1024px) {
.image-caraousel__thumb-image{aspect-ratio:unset;}
}



.image-caraousel .carousel-pagination .carousel-pagination__buttons .arrow-right-button{color:var(--primary-1); padding: var(--xs-1);}


#integrity-caraousel .swiper-main .carousel-pagination, #investing .swiper-main .carousel-pagination, #collobration-rooted .swiper-main .carousel-pagination { position: fixed; right: 138px; z-index: 5; margin-top: 33px; padding-top: var(--xs-1); }