.i-header-hero-carousel-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; }

.i-hero-carousel-img-wrap { height: calc(100vh - var(--headerHeight)); max-height: 37.5rem; padding: 0; position: relative; }
.i-hero-carousel-img { display: block; width: 100%; height: 100%; max-height: 100% !important; position: absolute; top: 0; left: 0; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; }

@media (max-width: 1024px) {
  .i-header-hero-carousel-wrap { position: absolute; top: 0; left: 0; right: 0; height: 100%; width: 100%; z-index: 1; }
  .i-header-hero-carousel-wrap .owl-carousel,
  .i-header-hero-carousel-wrap .owl-stage-outer,
  .i-header-hero-carousel-wrap .owl-stage,
  .i-header-hero-carousel-wrap .owl-item { height: 100%; }
  .i-hero-wrap .owl-dots { display: none; }
  .i-hero-carousel-img-wrap { height: 100%; padding-bottom: 0; }
}