#top .hlb-hero-section {
  overflow: hidden;
  position: relative;
}

#top .hlb-hero-section > .container {
  position: relative;
  z-index: 6;
}

#top .hlb-hero-section .avia_codeblock {
  position: static;
}

#top .hlb-hero-section .hlb-slider-host {
  position: static !important;
}

#top .hlb-silk-slider {
  --hlb-slider-ease-out: cubic-bezier(.16, 1, .3, 1);
  --hlb-slider-ease-soft: cubic-bezier(.37, 0, .13, 1);
  --hlb-slider-transition: 2600ms;
  --hlb-slider-sweep: 2080ms;
  --hlb-slider-image-skew: 34%;
  --hlb-slider-image-skew-mobile: 28%;
  --hlb-bar-dark: rgba(37, 95, 128, .78);
  --hlb-bar-light: rgba(85, 195, 207, .62);
  --hlb-bar-angle: -28deg;
  --hlb-bar-stack-width: 50%;
  --hlb-bar-stack-right: -6%;
  --hlb-bar-dark-width: 25%;
  --hlb-bar-dark-right: 43%;
  --hlb-bar-light-width: 46%;
  --hlb-bar-light-right: -3%;
  contain: layout paint;
  clip-path: polygon(var(--hlb-slider-image-skew) 0, 100% 0, 100% 100%, 0 100%);
  height: 100%;
  isolation: isolate;
  max-height: none;
  overflow: hidden;
  position: absolute;
  right: calc((100% - 100vw) / 2);
  top: 0;
  transform: translateZ(0);
  width: min(1120px, 54.7vw);
  z-index: 2;
}

#top .hlb-silk-slider::before {
  background:
    linear-gradient(90deg, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0) 23%),
    linear-gradient(180deg, rgba(255, 246, 222, .2), rgba(255, 255, 255, 0) 42%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 4;
}

#top .hlb-silk-slider::after {
  background: linear-gradient(112deg, rgba(255, 255, 255, 0) 28%, rgba(255, 255, 255, .34) 49%, rgba(255, 255, 255, 0) 69%);
  content: "";
  inset: -20%;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transform: translate3d(18%, 18%, 0) skewX(-18deg);
  transition: opacity calc(var(--hlb-slider-sweep) * .62) var(--hlb-slider-ease-soft), transform var(--hlb-slider-sweep) var(--hlb-slider-ease-out);
  z-index: 5;
}

#top .hlb-silk-slider.is-switching::after {
  opacity: .14;
  transform: translate3d(-18%, -18%, 0) skewX(-18deg);
}

#top .hlb-silk-slide {
  clip-path: inset(0);
  inset: 0;
  opacity: 0;
  position: absolute;
  transform: translateZ(0);
  transform-origin: 68% 68%;
  transition: opacity calc(var(--hlb-slider-transition) * .72) var(--hlb-slider-ease-soft);
  will-change: auto;
  z-index: 1;
}

#top .hlb-silk-slide.is-active {
  clip-path: inset(0);
  opacity: 1;
  transform: translateZ(0);
  z-index: 2;
}

#top .hlb-silk-slide.is-exiting {
  clip-path: inset(0);
  opacity: 0;
  transform: translateZ(0);
  z-index: 3;
}

#top .hlb-silk-slider.is-switching .hlb-silk-slide {
  will-change: opacity;
}

#top .hlb-silk-slide img {
  backface-visibility: hidden;
  display: block;
  height: 100%;
  object-fit: cover;
  object-position: var(--position, center);
  transform: translateZ(0) scale(1.022);
  transition: transform calc(var(--hlb-slider-transition) + 700ms) var(--hlb-slider-ease-out);
  width: 100%;
  will-change: auto;
}

#top .hlb-silk-slider.is-switching .hlb-silk-slide img {
  will-change: transform;
}

#top .hlb-silk-slide.is-active img {
  transform: translateZ(0) scale(1.01);
}

#top .hlb-silk-slide.is-exiting img {
  transform: translateZ(0) scale(1.016);
}

#top .hlb-silk-bars {
  bottom: 0;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  right: var(--hlb-bar-stack-right);
  transform: translate3d(0, 0, 0) scale(1);
  transform-origin: 100% 100%;
  width: var(--hlb-bar-stack-width);
  z-index: 7;
}

#top .hlb-silk-bar {
  bottom: 0;
  overflow: hidden;
  position: absolute;
  transform: skewX(var(--hlb-bar-angle));
  transform-origin: 100% 100%;
  will-change: auto;
}

#top .hlb-silk-bar::before {
  background: var(--hlb-bar-color);
  content: "";
  inset: 0;
  opacity: 1;
  position: absolute;
  will-change: auto;
}

#top .hlb-silk-bar-dark {
  --hlb-bar-color: var(--hlb-bar-dark);
  height: 100%;
  right: var(--hlb-bar-dark-right);
  width: var(--hlb-bar-dark-width);
  z-index: 1;
}

#top .hlb-silk-bar-light {
  --hlb-bar-color: var(--hlb-bar-light);
  height: 100%;
  right: var(--hlb-bar-light-right);
  width: var(--hlb-bar-light-width);
  z-index: 2;
}

html body#top .hlb-silk-bar-light {
  right: -3% !important;
  width: 46% !important;
}

html body#top .hlb-silk-bar-dark {
  right: 43% !important;
  width: 25% !important;
}

#top .hlb-silk-slider.is-switching .hlb-silk-bars {
  animation: hlb-silk-bars-drift var(--hlb-slider-transition) var(--hlb-slider-ease-out) both;
  will-change: transform;
}

#top .hlb-silk-slider.is-switching .hlb-silk-bar-dark::before {
  animation: hlb-silk-dark-waver var(--hlb-slider-transition) var(--hlb-slider-ease-out) both;
  will-change: transform;
}

#top .hlb-silk-slider.is-switching .hlb-silk-bar-light::before {
  animation: hlb-silk-light-waver var(--hlb-slider-transition) var(--hlb-slider-ease-out) both;
  will-change: transform;
}

@keyframes hlb-silk-dark-waver {
  0% {
    opacity: 1;
  }

  38% {
    opacity: .88;
  }

  68% {
    opacity: .96;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hlb-silk-light-waver {
  0% {
    opacity: 1;
  }

  34% {
    opacity: .84;
  }

  70% {
    opacity: .94;
  }

  100% {
    opacity: 1;
  }
}

@keyframes hlb-silk-bars-drift {
  0% {
    transform: translate3d(0, 0, 0) scale(1);
  }

  40% {
    transform: translate3d(2.2%, 1%, 0) scale(1.028);
  }

  72% {
    transform: translate3d(.7%, .35%, 0) scale(1.009);
  }

  100% {
    transform: translate3d(0, 0, 0) scale(1);
  }
}

#top .hlb-silk-dots {
  bottom: 28px;
  display: flex;
  gap: 8px;
  position: absolute;
  right: min(460px, 28vw);
  z-index: 8;
}

#top .hlb-silk-dot {
  background: rgba(255, 255, 255, .68);
  border: 0;
  border-radius: 999px;
  cursor: pointer;
  height: 7px;
  padding: 0;
  transition: background 220ms ease, transform 220ms ease, width 220ms ease;
  width: 19px;
}

#top .hlb-silk-dot.is-active {
  background: #fff;
  transform: translateY(-1px);
  width: 34px;
}

@media (max-width: 980px) {
  #top .hlb-silk-slider {
    bottom: 0;
    clip-path: polygon(var(--hlb-slider-image-skew-mobile) 0, 100% 0, 100% 100%, 0 100%);
    height: min(48%, 700px);
    right: 0;
    top: auto;
    width: 100%;
  }
}

@media (max-width: 640px) {
  #top .hlb-silk-dots {
    right: 28px;
  }
}

@media (prefers-reduced-motion: reduce) {
  #top .hlb-silk-slider::after,
  #top .hlb-silk-slide,
  #top .hlb-silk-slide img,
  #top .hlb-silk-bars,
  #top .hlb-silk-bar,
  #top .hlb-silk-bar::before,
  #top .hlb-silk-dot {
    animation: none;
    transition: none;
  }
}