.carousel-thumb-slider.swiper {
  position: relative;
  bottom: 0;
}
.hero-carousel-item .img::before {
  content: '';
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 65%, #000000 100%);
  position: absolute;
  left: 0;
  height: 100%;
  width: 100%;
}
.hero-carousel-item .img {
  border-radius: var(--border-radius-xl);
  overflow: hidden;
}
.hero-carousel-item  {
  border-radius: var(--border-radius-xl);
}
.hero-carousel-item a {
  height: 666px;
}
.hero-carousel-item a:before {
  display: none;
}
.play-pause-slider {
  position: absolute;
  bottom: 32px;
  width: 40px;
  text-align: right;
  right: 47px;
}
.play-pause-slider .custom-container {
  padding: 0;
}
.play-pause-slider .autoplay-progress {
  right: 0;
}
.custom-container.hero-carousel-text {
  padding: 0 47px;
  bottom: 32px;
}
.hero-carousel-wrap .carousel-thumb-items .swiper-slide {
  padding: var(--space-md) 6px;
  width: 135px;
}
.hero-carousel-wrap .carousel-thumb {
  height: 123px;
  border-radius: var(--border-radius-xl);
}
.hero-carousel-wrap .carousel-thumb img {
  aspect-ratio: 1/1;
}
.swiper-toggle-play,
.autoplay-progress {
  width: 40px;
  height: 40px;
}
.swiper-toggle-play > div {
  width: 24px;
  height: 24px;
}
.hero-carousel-wrap .swiper-slide-thumb-active .carousel-thumb {
  border: 3px solid var(--color-border-width-border-width-active);
  box-shadow: none;
}
.autoplay-progress svg {
  stroke: var(--color-foreground-foreground-on-inverse-active);
}
.carousel-thumb-slider .swiper-wrapper { 
  overflow: visible; 
}
.carousel-thumb-slider .swiper-slide { 
  opacity: .6; 
  transition: opacity .15s linear, transform .15s ease; 
}
.carousel-thumb-slider .swiper-slide-thumb-active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2;
  transform: none;
}
.hero-carousel-slider .swiper-slide.swiper-slide-active { 
  opacity: 1; 
}
@media only screen and (min-width: 961px) {
  .carousel-thumb-slider.swiper {
    margin: 0 auto;
    width: 810px;
  }
  .hero-carousel-slider.swiper {
    width: auto;
    max-width: unset;
    margin: auto;
    left: auto;
    right: auto;
  }
}
@media only screen and (max-width: 960px) {
  .autoplay-progress {
    right: 7px;
  }
  .hero-carousel-item a {
    height: 290px;
  }
  .hero-carousel-item .img {
    height: 100%;
  }
  .hero-carousel-item h1 {
    font-size: var(--typography-font-size-heading2-sm);
    line-height: var(--typography-line-height-heading2-sm);
  }
  .custom-container.hero-carousel-text {
    padding: 0 0 0 var(--space-xl);
  }
  .hero-carousel-wrap .carousel-thumb-items .swiper-slide {
    width: 78px;
    padding: var(--space-sm) var(--space-xs);
  }
  .hero-carousel-wrap .carousel-thumb {
    height: 70px;
    border-radius: var(--border-radius-sm);
  }
  .play-pause-slider {
    position: absolute;
    bottom: 32px;
    width: 40px;
    text-align: right;
    right: 12px;
  }
}