/* CLS Fixes */
.i-hero-wrap .i-header-carousel-wrap .i-hero-img-wrap,
.i-hero-wrap .i-header-carousel-wrap.placeholder { height: auto; padding-bottom: calc(calc(241 / 600) * 100%); }
/* Carousel */
.i-hero-wrap .owl-carousel { z-index: 1; animation: fadein 1.5s; }
.i-hero-wrap .owl-dots { margin: 0 !important; position: absolute; right: 0; bottom: 0.625rem; left: 0; text-align: center !important; }
.i-hero-wrap .owl-dots .owl-dot { width: 1.25rem; height: 1.25rem; margin: 0 0.1875rem !important; padding: 0.3125rem !important; background: #ededed; border-radius: 50%; text-align: center; }
.i-hero-wrap .owl-dots .owl-dot:focus { outline: none !important; }
.i-hero-wrap .owl-dots .owl-dot span { margin: 0 !important; background: #ededed !important; }
.i-hero-wrap .owl-dots .owl-dot.active span { width: 0.625rem !important; height: 0.625rem !important; background: hsl(var(--siteColor1)) !important; border-radius: 50% !important; }

@media (max-width: 768px) {
  .i-hero-wrap { padding: 20px 0 50px; }
  .i-hero-wrap .i-header-carousel-wrap { overflow: hidden; }
  .i-hero-wrap .i-header-carousel-wrap,
  .i-hero-wrap .i-header-carousel-wrap.placeholder { width: 100%; height: 100%; position: absolute; inset: 0; }
  .i-hero-wrap .i-header-carousel-wrap .i-hero-img-wrap,
  .i-hero-wrap .i-header-carousel-wrap.placeholder { width: 100%; height: 100%; position: absolute; inset: 0; padding: 0; }
  .i-hero-wrap .owl-carousel,
  .i-hero-wrap .owl-stage-outer,
  .i-hero-wrap .owl-stage,
  .i-hero-wrap .owl-item { width: 100%; height: 100%; position: absolute; inset: 0; }
}