.dim-hero { position: relative; overflow: hidden; isolation: isolate; background: #1b366f; }  .dim-slide { position: absolute; inset: 0; z-index: 0; background-size: cover; background-position: center; opacity: 0; animation: dim-slideshow 15s infinite; will-change: opacity; } .dim-slide--1 { animation-delay: 0s; } .dim-slide--2 { animation-delay: 4.5s; } .dim-slide--3 { animation-delay: 9.5s; } .dim-slide--4 { animation-delay: 14.5s; } @keyframes dim-slideshow { 0%, 35% { opacity: 1; } 37% { opacity: 0; } 100% { opacity: 0; } }  .dim-tint { position: absolute; inset: 0; z-index: 1; background: rgba(0, 0, 0, 0.55)!important; pointer-events: none; }  .dim-hero > .brxe-code { position: absolute !important; inset: 0; z-index: 2; width: 100%; height: 100%; align-self: stretch !important; } .dim-wipe-overlay { position: absolute; inset: 0; z-index: 2; display: grid; grid-template-rows: repeat(8, 1fr); pointer-events: none; } .dim-wipe-bar { width: 100%; height: 100%; transform: scaleX(0); transform-origin: left center; animation: dim-wipe 5s infinite; animation-delay: calc(var(--i) * 60ms); will-change: transform; } .dim-wipe-bar:nth-child(odd) { background: #1b366f; } .dim-wipe-bar:nth-child(even) { background: #f66202; } @keyframes dim-wipe { 0%, 75% { transform: scaleX(0); transform-origin: left center; } 85% { transform: scaleX(1); transform-origin: left center; } 85.01%, 90% { transform: scaleX(1); transform-origin: right center; } 100% { transform: scaleX(0); transform-origin: right center; } }  .dim-hero .hero-99__container { position: relative; z-index: 4; } .dim-hero .hero-99__heading, .dim-hero .hero-99__tagline, .dim-hero .hero-99__description, .dim-hero .hero-99__counter .count, .dim-hero .hero-99__counter .prefix, .dim-hero .hero-99__counter .suffix, .dim-hero .hero-99__counter-info { color: #fff !important; }  @media (prefers-reduced-motion: reduce) { .dim-slide, .dim-wipe-bar { animation: none !important; } .dim-slide--1 { opacity: 1; } .dim-slide--2, .dim-slide--3 { opacity: 0; } }