.hero .hero-media.hero-slider {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
}

.hero .hero-slider .hero-slide {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  display: block !important;
  visibility: visible !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  background-color: #10151b !important;
  transform: none !important;
  opacity: 0;
  animation: uniunion-hero-carousel-v4318 24s linear infinite !important;
}

.hero .hero-slider .slide-1 {
  animation-delay: 0s !important;
}
.hero .hero-slider .slide-2 {
  animation-delay: -18s !important;
}
.hero .hero-slider .slide-3 {
  animation-delay: -12s !important;
}
.hero .hero-slider .slide-4 {
  animation-delay: -6s !important;
}

@keyframes uniunion-hero-carousel-v4318 {
  0%, 20% { opacity: 1; }
  29%, 95% { opacity: 0; }
  100% { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .hero .hero-slider .hero-slide {
    animation: none !important;
    opacity: 0 !important;
  }

  .hero .hero-slider .hero-slide.slide-1 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  .hero .hero-slider .hero-slide:not(.slide-1) {
    display: none !important;
  }
}