.simple-hero-banner {
  height: 48.7rem;
  clip-path: polygon(0 0,100% 0,100% 100%,0 2000%)
}
.simple-hero-banner__bg-pattern {
  height: 59.1rem;
  width: 35.2rem;
  border-radius: 40rem;
  transform: rotate(-45deg);
  background: #be02f8;
  z-index: 1;
  top: -15rem;
  left: -22.7rem;
  box-shadow: 0 0 0 2.5rem rgba(179,18,247,.88),0 0 0 5rem rgba(168,25,246,.75),0 0 0 7.5rem rgba(155,31,245,.63),0 0 0 10.2rem rgba(142,35,245,.5),0 0 0 12.8rem rgba(127,40,244,.38),0 0 0 15.5rem rgba(110,43,243,.25),0 0 0 18rem rgba(89,47,242,.13)
}
.simple-hero-banner--blue .simple-hero-banner__bg-pattern {
  background: #3f32f1;
  box-shadow: 0 0 0 2.5rem rgba(63,50,241,.88),0 0 0 5rem rgba(63,50,241,.75),0 0 0 7.5rem rgba(63,50,241,.63),0 0 0 10.2rem rgba(63,50,241,.5),0 0 0 12.8rem rgba(63,50,241,.38),0 0 0 15.5rem rgba(63,50,241,.25),0 0 0 18rem rgba(63,50,241,.13)
}
.simple-hero-banner--yellow-green .simple-hero-banner__bg-pattern {
  background: #b9ff00;
  box-shadow: 0 0 0 2.5rem rgba(173,252,34,.88),0 0 0 5rem rgba(160,249,48,.75),0 0 0 7.5rem rgba(146,246,59,.63),0 0 0 10.2rem rgba(131,242,68,.5),0 0 0 12.8rem rgba(113,239,76,.38),0 0 0 15.5rem rgba(93,236,83,.25),0 0 0 18rem rgba(66,232,90,.13)
}
.simple-hero-banner__bg {
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute
}
.simple-hero-banner__bg::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
  background: linear-gradient(180deg,rgba(25,45,56,.5) 0,rgba(25,45,56,0) 100%)
}
.simple-hero-banner__image-bg {
  aspect-ratio: 16/9
}
.simple-hero-banner .video {
  height: 100%
}
.simple-hero-banner .video .action-button {
  bottom: 3.6rem;
  right: 2.8rem;
  z-index: 2
}
.simple-hero-banner--center .config-text {
  text-align: center
}
.simple-hero-banner--center .config-text__cta-wrapper {
  justify-content: center
}
.simple-hero-banner .config-text__content {
  max-width: 46rem
}
@media (min-width:768px) {
  .simple-hero-banner {
    height: 82.3rem
  }
  .simple-hero-banner .video .action-button {
    right: 4rem
  }
  .simple-hero-banner__bg-pattern {
    height: 89.1rem;
    width: 47rem;
    z-index: 1;
    top: -13.5rem;
    left: -24.6rem;
    box-shadow: 0 0 0 3.2rem rgba(179,18,247,.88),0 0 0 6.8rem rgba(168,25,246,.75),0 0 0 10rem rgba(155,31,245,.63),0 0 0 13.2rem rgba(142,35,245,.5),0 0 0 16.8rem rgba(127,40,244,.38),0 0 0 20rem rgba(110,43,243,.25),0 0 0 23rem rgba(89,47,242,.13)
  }
  .simple-hero-banner--blue .simple-hero-banner__bg-pattern {
    background: #3f32f1;
    box-shadow: 0 0 0 3.2rem rgba(63,50,241,.87),0 0 0 6.8rem rgba(63,50,241,.75),0 0 0 10rem rgba(63,50,241,.63),0 0 0 13.2rem rgba(63,50,241,.5),0 0 0 16.8rem rgba(63,50,241,.38),0 0 0 20rem rgba(63,50,241,.25),0 0 0 23rem rgba(63,50,241,.13)
  }
  .simple-hero-banner--yellow-green .simple-hero-banner__bg-pattern {
    background: #b9ff00;
    box-shadow: 0 0 0 3.2rem rgba(173,252,34,.88),0 0 0 6.8rem rgba(160,249,48,.75),0 0 0 10rem rgba(146,246,59,.63),0 0 0 13.2rem rgba(131,242,68,.5),0 0 0 16.8rem rgba(113,239,76,.38),0 0 0 20rem rgba(93,236,83,.25),0 0 0 23rem rgba(66,232,90,.13)
  }
  .simple-hero-banner__image-bg {
    aspect-ratio: auto
  }
  .simple-hero-banner--center .simple-hero-banner__bg::before {
    background: var(--dark-50)
  }
}
@media (min-width:992px) {
  .simple-hero-banner {
    height: 80vh;
    min-height: 82.3rem
  }
  .simple-hero-banner__bg-pattern {
    height: 99.1rem;
    width: 72.1rem;
    background: #be02f8;
    z-index: 1;
    top: -17.6rem;
    left: -10rem;
    box-shadow: 0 0 0 5rem rgba(179,18,247,.88),0 0 0 10rem rgba(168,25,246,.75),0 0 0 15rem rgba(155,31,245,.63),0 0 0 20rem rgba(142,35,245,.5),0 0 0 25rem rgba(127,40,244,.38),0 0 0 30rem rgba(110,43,243,.25),0 0 0 35rem rgba(89,47,242,.13)
  }
  .simple-hero-banner--blue .simple-hero-banner__bg-pattern {
    background: #3f32f1;
    box-shadow: 0 0 0 5rem rgba(63,50,241,.87),0 0 0 10rem rgba(63,50,241,.75),0 0 0 15rem rgba(63,50,241,.63),0 0 0 20rem rgba(63,50,241,.5),0 0 0 25rem rgba(63,50,241,.38),0 0 0 30rem rgba(63,50,241,.25),0 0 0 35rem rgba(63,50,241,.13)
  }
  .simple-hero-banner--yellow-green .simple-hero-banner__bg-pattern {
    background: #b9ff00;
    box-shadow: 0 0 0 5rem rgba(173,252,34,.88),0 0 0 10rem rgba(160,249,48,.75),0 0 0 15rem rgba(146,246,59,.63),0 0 0 20rem rgba(131,242,68,.5),0 0 0 25rem rgba(113,239,76,.38),0 0 0 30rem rgba(93,236,83,.25),0 0 0 35rem rgba(66,232,90,.13)
  }
  .simple-hero-banner--full-height {
    height: 100vh
  }
}
.carousel-banner {
  z-index: 1
}
.carousel-banner__image-bg {
  aspect-ratio: 16/9
}
.carousel-banner .video {
  height: 100%
}
.carousel-banner .carousel-navigation {
  position: absolute;
  bottom: var(--md-1);
  z-index: 2;
  width: 100%;
  left: 0;
  right: 0;
  margin: auto;
  pointer-events: all
}
.carousel-banner--arrow .carousel-navigation {
  top: calc(56.25vw - 3.2rem)
}
.carousel-banner--arrow .video .action-button {
  bottom: 3.2rem
}
.carousel-banner--with-share-price {
  overflow: visible
}
.carousel-banner--with-share-price .shareprice-ticker {
  min-height: 19.5rem;
  width: 100%
}
.carousel-banner--with-thumbnails {
  height: 57.6rem;
  overflow-x: clip;
  clip-path: polygon(0 0,100% 0,100% 100%,0 2000%)
}
.carousel-banner--with-thumbnails .carousel-banner__bg {
  top: 0;
  left: 0;
  overflow: hidden;
  position: absolute
}
.carousel-banner--with-thumbnails .carousel-banner__bg::before {
  content: none
}
.carousel-banner--with-thumbnails .cta:hover {
  color: var(--primary-3)
}
.carousel-banner--with-thumbnails .carousel-banner__bg-pattern {
  height: 80rem;
  top: 0;
  left: 20.5rem;
  width: clamp(25rem,90%,140rem);
  aspect-ratio: 1/1;
  transform: translate(-50%,-50%) rotate(45deg);
  border-radius: 0 0 20%;
  pointer-events: none;
  z-index: 2;
  background-color: #b9ff00;
  box-shadow: 0 0 0 4rem rgba(185,255,0,.4),0 0 0 8rem rgba(185,255,0,.4),0 0 0 12rem rgba(185,255,0,.3),0 0 0 15rem rgba(185,255,0,.1)
}
.carousel-banner--with-thumbnails.carousel-banner--brilliance-green .cta:hover {
  color: var(--primary-4)
}
.carousel-banner--with-thumbnails.carousel-banner--brilliance-green .carousel-banner__bg-pattern {
  top: 23.6rem;
  left: 4rem;
  height: 40rem;
  width: clamp(25rem,90%,130rem);
  aspect-ratio: 1/1;
  transform: translate(-50%,-50%) rotate(0);
  border-radius: 0 0 41%;
  pointer-events: none;
  z-index: 2;
  background-color: #05e560;
  box-shadow: 0 0 0 3rem rgba(5,255,96,.4),0 0 0 6rem rgba(5,255,96,.4),0 0 0 9rem rgba(5,255,96,.3),0 0 0 12rem rgba(5,255,96,.1)
}
.carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .color-display {
  color: var(--primary-5)
}
.carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .color-body {
  color: var(--primary-5)
}
.carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .cta:hover {
  color: var(--primary-5);
  box-shadow: 0 0 0 .25rem inset var(--primary-6)
}
.carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .cta {
  color: var(--primary-5);
  box-shadow: 0 0 0 .25rem inset var(--primary-5)
}
.carousel-banner--with-thumbnails .carousel-banner__img-video::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(177deg,rgba(25,45,56,.05) 55.55%,#192d38 90.73%);
  z-index: 1
}
.carousel-banner--with-thumbnails .carousel-banner__wrapper {
  pointer-events: none
}
.carousel-banner--with-thumbnails .video .action-button {
  pointer-events: all;
  bottom: var(--md-1);
  right: var(--md-3)
}
.carousel-banner--with-thumbnails .carousel-banner__content-wrapper {
  position: relative;
  z-index: 3
}
.carousel-banner--with-thumbnails .carousel-banner__content-wrapper .config-text {
  pointer-events: all
}
.carousel-banner .gallery-thumbs .swiper-slide__content {
  display: flex;
  align-items: center
}
.carousel-banner .gallery-thumbs .swiper-slide__content .label-xs {
  margin-bottom: 0
}
@media (min-width:768px) {
  .carousel-banner {
    height: 44rem
  }
  .carousel-banner__bg {
    top: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    z-index: 0
  }
  .carousel-banner__bg::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: var(--gradient-left-dark)
  }
  .carousel-banner__image-bg {
    aspect-ratio: auto
  }
  .carousel-banner .carousel-navigation {
    top: auto;
    bottom: 0
  }
  .carousel-banner--arrow .carousel-navigation {
    top: auto;
    bottom: 0
  }
  .carousel-banner--with-share-price {
    height: auto
  }
  .carousel-banner--with-share-price .swiper-wrapper {
    max-height: 44rem
  }
  .carousel-banner--with-thumbnails {
    height: 70rem;
    min-height: auto
  }
  .carousel-banner--with-thumbnails .carousel-banner__bg-pattern {
    height: auto;
    top: 0;
    left: 14.7rem
  }
  .carousel-banner--with-thumbnails:has(.gallery-thumbs.d-none) {
    height: 54rem
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .carousel-banner__bg-pattern {
    background-color: #3f32f1;
    box-shadow: 0 0 0 4rem rgba(63,50,241,.4),0 0 0 8rem rgba(63,50,241,.4),0 0 0 12rem rgba(63,50,241,.3),0 0 0 15rem rgba(63,50,241,.1)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-green .carousel-banner__bg-pattern {
    top: 19.8rem;
    left: 23.2rem;
    height: 50rem;
    width: 40.2rem;
    aspect-ratio: 1/1;
    transform: translate(-50%,-50%) rotate(0);
    border-radius: 0 0 42%;
    pointer-events: none;
    z-index: 2;
    background-color: #05e560;
    box-shadow: 0 0 0 3.9rem rgba(5,255,96,.4),0 0 0 8.5rem rgba(5,255,96,.4),0 0 0 13rem rgba(5,255,96,.3),0 0 0 17.5rem rgba(5,255,96,.1)
  }
  .carousel-banner--with-thumbnails .gallery-thumbs {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 0 var(--md-3) var(--md-1) var(--md-3);
    z-index: 5
  }
  .carousel-banner--with-thumbnails .gallery-thumbs--single .video .action-button {
    bottom: 3.6rem;
    right: 3.6rem
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide {
    flex: 1;
    cursor: pointer;
    transition: all .25s ease-in-out;
    height: auto
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide__progress-bar {
    min-width: .3rem;
    border-radius: 1rem 0 0 1rem;
    overflow: hidden;
    background-color: var(--primary-5);
    position: relative;
    height: auto
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide__bar {
    min-width: .3rem;
    border-radius: 1rem 0 0 1rem;
    height: 0;
    background-color: var(--primary-3);
    position: absolute;
    top: 0;
    left: 0
  }
}
@media (min-width:992px) {
  .simple-hero-banner__bg-pattern {
    top: -17.6rem;
    left: -31rem;
    height: 103.1rem;
    width: 65.1rem
  }
  .carousel-banner {
    height: 80rem
  }
  .carousel-banner--full-height {
    height: 100vh
  }
  .carousel-banner--with-share-price {
    overflow: visible
  }
  .carousel-banner--with-share-price .swiper-wrapper {
    max-height: 80rem
  }
  .carousel-banner--with-share-price .shareprice-ticker {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 1.6rem;
    transform: translateY(50%);
    max-height: 36rem;
    max-width: 35.2rem;
    min-height: auto
  }
  .carousel-banner--with-thumbnails {
    height: 70rem
  }
  .carousel-banner--with-thumbnails .carousel-banner__bg-pattern {
    top: -12rem;
    left: 21rem;
    width: clamp(25rem,90%,140rem);
    aspect-ratio: 1/1;
    transform: translate(-50%,-50%) rotate(45deg);
    border-radius: 0 0 20%;
    pointer-events: none;
    z-index: 2;
    background-color: #b9ff00;
    box-shadow: 0 0 0 6rem rgba(185,255,0,.4),0 0 0 12rem rgba(185,255,0,.4),0 0 0 18.5rem rgba(185,255,0,.3),0 0 0 25rem rgba(185,255,0,.1)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .carousel-banner__bg-pattern {
    top: -12rem;
    left: 21rem;
    width: clamp(25rem,90%,140rem);
    aspect-ratio: 1/1;
    transform: translate(-50%,-50%) rotate(45deg);
    border-radius: 0 0 20%;
    pointer-events: none;
    z-index: 2;
    background-color: #3f32f1;
    box-shadow: 0 0 0 6rem rgba(63,50,241,.4),0 0 0 12rem rgba(63,50,241,.4),0 0 0 18.5rem rgba(63,50,241,.3),0 0 0 25rem rgba(63,50,241,.1)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-green .carousel-banner__bg-pattern {
    top: 0;
    height: auto;
    left: 17rem;
    width: clamp(25rem,90%,130rem);
    aspect-ratio: 1/1;
    transform: translate(-50%,-50%) rotate(0);
    border-radius: 29%;
    pointer-events: none;
    z-index: 2;
    background-color: #05e560;
    box-shadow: 0 0 0 7.9rem rgba(5,255,96,.4),0 0 0 15.5rem rgba(5,255,96,.4),0 0 0 23.3rem rgba(5,255,96,.3),0 0 0 31.5rem rgba(5,255,96,.1)
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-wrapper {
    gap: 3rem
  }
  .carousel-banner--with-thumbnails .gallery-thumbs .swiper-slide {
    flex: none;
    max-width: 27rem;
    height: auto;
    width: 100%
  }
  .carousel-banner--with-thumbnails .video .action-button {
    bottom: 36.2rem;
    right: 3.6rem;
    z-index: 2
  }
  .carousel-banner--with-thumbnails .video .icon-button {
    bottom: var(--md-1)!important
  }
  .carousel-banner--with-thumbnails.carousel-banner--single .video .action-button {
    bottom: 6.4rem;
    right: 3.6rem
  }
}
@media (min-width:1200px) {
  .simple-hero-banner__bg-pattern {
    height: 99.1rem;
    width: 72.1rem;
    border-radius: 40rem;
    transform: rotate(-45deg);
    background: #be02f8;
    z-index: 1;
    top: -17.6rem;
    left: -10rem;
    box-shadow: 0 0 0 5rem rgba(179,18,247,.88),0 0 0 10rem rgba(168,25,246,.75),0 0 0 15rem rgba(155,31,245,.63),0 0 0 20rem rgba(142,35,245,.5),0 0 0 25rem rgba(127,40,244,.38),0 0 0 30rem rgba(110,43,243,.25),0 0 0 35rem rgba(89,47,242,.13)
  }
  .simple-hero-banner--blue .simple-hero-banner__bg-pattern {
    background: #3f32f1;
    box-shadow: 0 0 0 5rem rgba(63,50,241,.87),0 0 0 10rem rgba(63,50,241,.75),0 0 0 15rem rgba(63,50,241,.63),0 0 0 20rem rgba(63,50,241,.5),0 0 0 25rem rgba(63,50,241,.38),0 0 0 30rem rgba(63,50,241,.25),0 0 0 35rem rgba(63,50,241,.13)
  }
  .simple-hero-banner--yellow-green .simple-hero-banner__bg-pattern {
    background: #b9ff00;
    box-shadow: 0 0 0 5rem rgba(173,252,34,.88),0 0 0 10rem rgba(160,249,48,.75),0 0 0 15rem rgba(146,246,59,.63),0 0 0 20rem rgba(131,242,68,.5),0 0 0 25rem rgba(113,239,76,.38),0 0 0 30rem rgba(93,236,83,.25),0 0 0 35rem rgba(66,232,90,.13)
  }
  .carousel-banner--with-thumbnails {
    height: 85rem!important;
    min-height: auto
  }
}
@media (min-width:1400px) {
  .carousel-banner--with-share-price .shareprice-ticker {
    right: calc((100% - 144rem)/ 2 + 1.6rem)
  }
  .carousel-banner--with-thumbnails {
    height: 80vh;
    min-height: 89.8rem
  }
}
@media (width >= 1536px) {
  body .carousel-banner--with-share-price .shareprice-ticker {
    right: calc((100% - 153.6rem)/ 2 + 1.6rem)
  }
}
@media (max-width:767.98px) {
  .carousel-banner--with-thumbnails {
    overflow: hidden!important
  }
  .carousel-banner--with-thumbnails .carousel-banner__content-wrapper {
    padding-bottom: calc(var(--xl) - 6px + var(--sm-1))
  }
  .carousel-banner--with-thumbnails .carousel-banner__bg-pattern {
    width: calc(100% - 15px);
    height: 461.061px;
    transform: none;
    top: unset;
    bottom: -46%;
    left: 0;
    border-radius: 0;
    aspect-ratio: 1/1;
    pointer-events: none;
    z-index: 2;
    background-color: #b9ff00;
    box-shadow: 0 0 0 3.5rem rgba(185,255,0,.4),0 0 0 7.2rem rgba(185,255,0,.4),0 0 0 10.8rem rgba(185,255,0,.3),0 0 0 14.5rem rgba(185,255,0,.1)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-green .carousel-banner__bg-pattern {
    width: calc(100% - 15px);
    height: 461.061px;
    transform: none;
    top: unset;
    bottom: -46%;
    left: 0;
    border-radius: 0;
    aspect-ratio: 1/1;
    pointer-events: none;
    z-index: 2;
    background-color: #05e560;
    box-shadow: 0 0 0 3.5rem rgba(5,255,96,.4),0 0 0 7.2rem rgba(5,255,96,.4),0 0 0 10.8rem rgba(5,255,96,.3),0 0 0 14.5rem rgba(5,255,96,.1)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .color-display {
    color: var(--primary-5)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .color-body {
    color: var(--primary-5)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .cta:hover {
    color: var(--primary-5);
    box-shadow: 0 0 0 .25rem inset var(--primary-6)
  }
  .carousel-banner--with-thumbnails.carousel-banner--brilliance-blue .carousel-banner__bg-pattern {
    background-color: #3f32f1;
    box-shadow: 0 0 0 3.5rem rgba(63,50,241,.4),0 0 0 7.2rem rgba(63,50,241,.4),0 0 0 10.8rem rgba(63,50,241,.3),0 0 0 14.5rem rgba(63,50,241,.1)
  }
} 



/* custom updates */

  .carousel-banner--with-thumbnails .swiper-slide.swiper-slide-active {
    z-index: 99999;
}