.expandable-panel-carousel .expandable-panel {
  max-width: 100%
}
.expandable-panel{
cursor:pointer
}
.expandable-panel-carousel__half-bg {
  top: 0;
  left: 0;
  height: 50%;
  background: currentcolor;
  z-index: -1;
  transition: height 1s ease
}
.expandable-panel-carousel__custom-heading h2 {
  margin-bottom: 0
}
.expandable-panel-carousel__custom-arrows {
  left: calc(50% + 20rem);
  z-index: 99;
  bottom: 0;
  justify-content: center;
  left: 0;
  right: 0
}
.expandable-panel-carousel__custom-arrows .arrow-button {
  background: var(--primary-2)
}
.expandable-panel-carousel__bottom-custom-arrows {
  display: none;
  transition: all .5s ease
}
.expandable-panel-carousel__bottom-close-arrow {
  display: none
}
.expandable-panel-carousel__slider-item {
  transition: all .3s ease;
  width: 29rem;
  max-width: 50rem;
  background: linear-gradient(180deg,rgba(25,45,56,0) 0,rgba(25,45,56,.5) 100%);
  height:auto
}
.expandable-panel-carousel__slider-item .expandable-panel:before {
  opacity: .8
}
.expandable-panel-carousel__slider-item .expandable-panel__content {
  opacity: .8
}
.expandable-panel-carousel__slider-item.swiper-slide-active {
  z-index: 2
}
.expandable-panel-carousel__slider-item.swiper-slide-active .expandable-panel:before {
  opacity: 1
}
.expandable-panel-carousel__slider-item.swiper-slide-active .expandable-panel__content {
  opacity: 1
}
.expandable-panel-carousel__slider-item.swiper-slide-active:focus-visible {
  outline: 2px solid var(--primary-5)
}
.expandable-panel-carousel__panel-half-bg {
  top: 0;
  left: 0;
  height: 50%;
  background: currentcolor;
  z-index: -1;
  transition: height 1s ease
}
.expandable-panel-carousel__panel-item-left {
  width: 100%
}
.expandable-panel-carousel__panel-item-right {
  width: 100%;
  flex: 1
}
.expandable-panel-carousel__panel-quote {
  top: auto;
  bottom: 0;
  left: 0;
  width: 100%;
  position: static;
/*   margin-top: -10.8rem */
}
.expandable-panel-carousel__panel-quote img {
  margin-bottom: 1.7rem
}
.expandable-panel-carousel__panel-quote .quote-text span {
  display: none
}
.expandable-panel-carousel__panel-quote .quote-text .quote-lg {
  font-family: var(--body-l-font-family);
  font-size: var(--body-l-font-size);
  line-height: var(--body-l-line-height);
  letter-spacing: var(--body-l-letter-spacing);
  font-weight: var(--body-l-weight);
  margin-left: 0
}
.expandable-panel-carousel__panel-quote .quote-text__wrapper {
  margin-left: 0
}
.expandable-panel-carousel__panel-item-right-item {
  width: 100%;
  flex: 1;
  height: auto
}
.expandable-panel-carousel__panel-bottom-image {
  max-height: 47.9rem
}
.expandable-panel-carousel__top-swiper {
  transition: all 1s ease
}
.expandable-panel-carousel__top-swiper .swiper-wrapper {
  padding-bottom: calc(var(--sm-1) + 5.6rem)
}
.expandable-panel-carousel__panel {
  padding-top: 0
}
.expandable-panel-carousel__bottom-swiper::-webkit-scrollbar {
  width: 1rem
}
.expandable-panel-carousel__bottom-swiper::-webkit-scrollbar-track {
  background: var(--primary-5);
  border-radius: 7rem
}
.expandable-panel-carousel__bottom-swiper::-webkit-scrollbar-thumb {
  background: var(--primary-2);
  border-radius: 10rem
}
.expandable-panel-carousel__bottom-swiper::-webkit-scrollbar-thumb:hover {
  background: #555
}
.expandable-panel-carousel__bottom {
  width: 100%;
  opacity: 0;
  height: 100%;
  overflow: hidden!important;
  transition: opacity 1s ease,height 1s ease;
  top: 0;
  left: 0
}
.expandable-panel-carousel__square-pattern {
  content: "";
  position: absolute;
  width: 2.9rem;
  height: 6.2rem;
  top: 0;
  left: 0;
  z-index: 9;
  background: currentcolor;
  box-shadow: .9rem .9rem 0 .9rem color-mix(in srgb,currentcolor 33%,transparent),2.1rem 2.1rem 0 2.1rem color-mix(in srgb,currentcolor 22%,transparent),2.9rem 2.9rem 0 2.9rem color-mix(in srgb,currentcolor 33%,transparent),3.9rem 3.9rem 0 3.9rem color-mix(in srgb,currentcolor 22%,transparent),4.9rem 4.9rem 0 4.9rem color-mix(in srgb,currentcolor 11%,transparent)
}
.expandable-panel-carousel__tab-mob-bottom-panel {
  z-index: 99
}
@media (min-width:768px) {
  .expandable-panel-carousel__panel-item-right-item {
    width: 50%
  }
  .expandable-panel-carousel__slider-item {
    width: 34.4rem;
    height: 51.6rem
  }
  .expandable-panel-carousel__panel-bottom-image {
    max-height: 71.2rem
  }
  .expandable-panel-carousel__bottom-swiper {
    height: 100%
  }
  .expandable-panel-carousel__panel-quote {
    position: absolute
  }
  .expandable-panel-carousel__square-pattern {
    width: 6.9rem;
    height: 7.9rem;
    box-shadow: 1.8rem 1.8rem 0 1.8rem color-mix(in srgb,currentcolor 33%,transparent),3.5rem 3.5rem 0 3.5rem color-mix(in srgb,currentcolor 22%,transparent),5.2rem 5.2rem 0 5.2rem color-mix(in srgb,currentcolor 33%,transparent),6.8rem 6.8rem 0 6.8rem color-mix(in srgb,currentcolor 22%,transparent),8.3rem 8.3rem 0 8.3rem color-mix(in srgb,currentcolor 11%,transparent)
  }
}
@media (min-width:992px) {
  .expandable-panel-carousel__panel-bottom {
    padding: 0;
    height:100%   
  }
  .expandable-panel-carousel__panel{
/*   height:fit-content   */ 
  height:100%

  }
  .expandable-panel-carousel__panel-bottom-image {
    max-height: 100%;
    aspect-ratio:2/1;
  }
  .expandable-panel-carousel__panel-item-left {
    width: 50%
  }
  .expandable-panel-carousel__panel-quote {
    width: 61%
  }
  .expandable-panel-carousel__panel-quote img {
    margin-left: .3rem
  }
  .expandable-panel-carousel__custom-arrows {
    left: calc(50% + 20rem);
    top: 0;
    bottom: auto;
    justify-content: flex-start
  }
  .expandable-panel-carousel__bottom{
  height: fit-content
  }
  .expandable-panel-carousel__bottom-swiper {
    height: fit-content
  }
  .expandable-panel-carousel__bottom-custom-arrows {
    position: absolute;
    display: flex;
    top: auto;
    z-index: 99;
    bottom: var(--sm-4);
    left: 32%
  }
  .expandable-panel-carousel__bottom-close-arrow {
    position: absolute;
    display: flex;
    top: auto;
    z-index: 99;
    bottom: var(--sm-4);
    right: var(--sm-2)
  }
}
@media (min-width:1400px) {
  .expandable-panel-carousel__custom-arrows {
    left: calc(50% + 27.5rem)
  }
  .expandable-panel-carousel__slider-item {
    width: auto;
    height: auto
  }
  .expandable-panel-carousel__panel-item-left {
    width: 74.2rem
  }
  .expandable-panel-carousel__panel-quote {
    width: 57.5rem
  }
  .expandable-panel-carousel__panel-quote img {
    margin-bottom: 1.7rem;
    margin-left: .3rem
  }
  .expandable-panel-carousel__bottom-custom-arrows {
    left: calc(57.5rem + var(--sm-2) + var(--sm-3))
  }
  .expandable-panel-carousel__panel-item-right-item {
    height: 42rem
  }
}
@media only screen and (width >= 1980px) {
  .expandable-panel-carousel__panel {
    max-width: 1660px;
    margin: 0 auto
  }
  .expandable-panel-carousel__bottom-custom-arrows {
    left: var(--sm-4);
    bottom: 0
  }
}

/* Self serve and nojs */
.ip3-edit .expandable-panel-carousel__panel-quote .quote-text span{display:block;}
.ip3-edit .expandable-panel-carousel__bottom {opacity: 1;height: auto;}
.ip3-edit .expandable-panel-carousel__top-swiper .swiper-wrapper, .nojs .expandable-panel-carousel__top-swiper .swiper-wrapper, .nojs .expandable-panel-carousel__bottom-swiper .swiper-wrapper{flex-direction:column; gap:20px;}
.nojs .expandable-panel-carousel__custom-arrows{display:none;}
.nojs .expandable-panel-carousel__bottom {opacity: 1;height: auto;}


.expandable-panel-carousel__bottom .swiper-wrapper { height: 100% !important; align-items: flex-start; }
.expandable-panel-carousel__bottom .swiper-wrapper .swiper-slide {  overflow-y: auto;  max-height: 100% !important;}
@media only screen and (width <= 992px) {
  .expandable-panel-carousel__slider-panel {
    position: static!important
  }
  .expandable-panel-carousel__slider-panel.open {
    height: 40.5rem
  }
  .expandable-panel-carousel__tab-mob-bottom-panel {
    bottom: 0
  }
  .expandable-panel-carousel__bottom-swiper {
    height: 100%
  }
  .expandable-panel-carousel__bottom {
    top: var(--sm-2)
  }
  .expandable-panel-carousel__panel-item-right-bottom{
  padding-bottom:calc(var(--md-4) + 7.64rem)
  }
}

@media only screen and (width <= 767px) {
  .expandable-panel-carousel__slider-panel.open {
    height: 100vw
  }
  .expandable-panel-carousel__panel-item-right-bottom{
  padding-bottom:calc(var(--md-4) + 7.64rem)
  }
  .expandable-panel-carousel__tab-mob-bottom-panel {
    padding-bottom: var(--sm-1)
  }
  .expandable-panel-carousel__panel-bottom {
    margin-left: 0;
    margin-right: 0
  }
  .expandable-panel-carousel__bottom {
    top: 0
  }
  .expandable-panel-carousel__slider-panel.open .expandable-panel-carousel__bottom{position:fixed !important; z-index:9999;}
body:has(.expandable-panel-carousel__slider-panel.open) {overflow:hidden;}
body:has(.expandable-panel-carousel__slider-panel.open) .back-to-top {display:none!important}
.expandable-panel-carousel .swiper-slide [data-animate]{
opacity: 1;
    transform: translateY(0);
    animation-delay: 0s;
    animation-duration: 0s;
}
}