.video-hero-banner_container{
    max-width: 1400px;
    width: 100%;
    padding: 1rem;
    margin: 140px auto;
}

.video-hero-banner{
    position: relative;
    width: 100%;
    height: 470px;
    overflow: hidden;
    border-radius: 24px;
}

.video-hero-banner video{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-hero-banner__content{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0%;
    padding: 1rem;
    transform: translateY(-50%);
    text-align: left;
    
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%);
}

@media screen and (min-width:768px) {
    .video-hero-banner__content .header-content{
        max-width: 40% !important;
    }
    .video-hero-banner__content h2 , .video-hero-banner__content p{
        color: #FFFFFF;
    }

    .video-hero-banner__content{
        padding: 100px !important;
    }
}
.video-hero-banner__content h2 , .video-hero-banner__content p{
    color: #FFFFFF;
}

.video-hero-banner__content .header-content{
    max-width: 100%;
}