.hero-section-version1 {
    background: #101010;
    width: 100%;
    height: 100vh;
    min-height: 100vh;
    height: 100svh;
    min-height: 100svh;
    padding: max(120px, calc(100vh - 650px)) 5px 30px;
    padding: max(120px, calc(100svh - 650px)) 5px 30px;
    box-sizing: border-box;
    overflow: hidden;
    isolation: isolate;
}

.hero-section-version1::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background: linear-gradient(
        180deg,
        rgba(16, 16, 16, 0.55) 0%,
        rgba(31, 31, 31, 0.42) 55%,
        rgba(16, 16, 16, 0.62) 100%
    );
    pointer-events: none;
}

.hero-section-version1 .hero-background-video {
    position: absolute;
    inset: 0;
    z-index: -3;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    pointer-events: none;
}

.hero-section-version1 .hero-heading-space {
    min-height: 296px;
}

.hero-section-version1 .hero-content-row {
    margin-bottom: clamp(60px, 10vh, 120px);
    margin-bottom: clamp(60px, 10svh, 120px);
}

.hero-section-version1 > .hero-sponsor {
    position: absolute;
    right: 0;
    bottom: clamp(12px, 2vh, 28px);
    left: 0;
    z-index: 1;
    width: 100%;
    margin-inline: auto;
}

@media (min-width: 1200px) {
    .hero-section-version1 .hero-heading-space {
        min-height: 340px;
    }
}

@media (max-width: 991px) {
    .hero-section-version1 .hero-heading-space {
        min-height: 152px;
    }
}

@media (max-width: 767px) {
    .hero-section-version1 .hero-background-video {
        object-fit: cover;
    }
}

@media (max-width: 450px) {
    .hero-section-version1 .hero-heading-space {
        min-height: 138px;
    }
}