/* Video slide content rendered from the homepage advertising editor. */
.banner .banner-slide { position: relative; overflow: hidden; }

.ols-video-banner {
    position: absolute;
    z-index: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #10212d;
}

.ols-video-banner video {
    display: block;
    width: 100%;
    height: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.ols-video-banner::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(90deg, rgba(7, 24, 36, .62) 0%, rgba(7, 24, 36, .28) 48%, rgba(7, 24, 36, .08) 100%);
    content: '';
    pointer-events: none;
}

.banner .banner-slide .ols-video-content {
    z-index: 2;
}

.banner .ols-video-content .wrapper h3,
.banner .ols-video-content .wrapper h4 {
    color: #fff;
    text-shadow: 0 2px 18px rgba(0, 0, 0, .25);
}

.banner .ols-video-content .wrapper h3 span { color: #48b8ff; }

.banner .ols-video-content .wrapper .btn-2 {
    display: inline-flex !important;
    width: auto !important;
    height: 42px !important;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-color: rgba(255, 255, 255, .8);
    color: #fff;
    background: rgba(0, 0, 0, .12) !important;
    line-height: 40px;
    text-decoration: none;
}

.banner .ols-video-content .wrapper .btn-2:hover {
    border-color: #1ea4fe;
    background: #1ea4fe !important;
}

@media (max-width: 768px) {
    .ols-video-banner video { object-position: 62% center; }
    .ols-video-banner::after { background: linear-gradient(90deg, rgba(7, 24, 36, .7), rgba(7, 24, 36, .2)); }
    .banner .ols-video-content { top: 15vw; padding: 0 20px; }
    .banner .ols-video-content .wrapper { width: 100%; }
    .banner .ols-video-content .wrapper h3 { max-width: 80%; font-size: 24px; line-height: 1.35; }
    .banner .ols-video-content .wrapper h4 { max-width: 82%; margin-top: 8px; font-size: 13px; line-height: 1.55; }
    .banner .ols-video-content .wrapper .btn-2 { height: 34px !important; margin-top: 16px; padding: 0 16px; font-size: 12px; line-height: 32px; }
}

@media (prefers-reduced-motion: reduce) {
    .ols-video-banner video { visibility: hidden; }
}