#videoSection {margin: 0; padding: 0; position: relative;}
.video_container_one {margin-bottom: -5px; position: relative; height: 100%; width: 100%; left: 0; top: 0; z-index: 2; overflow: hidden;}
.video_container_one video {width: 100%; height: auto;}
#video_caro_content {position: absolute; bottom: 210px; width: 100%; left: 0; background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(0,0,0,0.0) 14%,rgba(0,0,0,0.6) 50%,rgba(0,0,0,0.0) 86%,rgba(125,185,232,0) 100%); transform: translateY(0); top: auto; height: auto; z-index: 2; padding: 30px 0; backdrop-filter: blur(4px);}
#video_caro_content h4 {text-align: center; font-weight: 600; color: #fff; font-size: 48px; text-transform: uppercase; letter-spacing: 1px;}
#video_caro_content h4 span {color: #f91; font-weight: 700; text-transform: none; width: 100%; display: block;}

/**** media queries ****/
@media only screen and (min-width: 0px) and (max-width: 575px) {
    #videoSection {height: 400px;}
    #videoSection .video_container_one {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
    #videoSection .video_container_one video {width: auto; height: 400px;}
    #videoSection #video_caro_content {padding: 10px 0; bottom: 0;}
    #videoSection #video_caro_content h4 {font-size: 21px;}
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #videoSection {height: 435px;}
    #videoSection .video_container_one {display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
    #videoSection .video_container_one video {width: auto; height: 435px;}
    #videoSection #video_caro_content {padding: 10px 0; bottom: 0;}
    #videoSection #video_caro_content h4 {font-size: 21px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #videoSection #video_caro_content {bottom: 50px; padding: 15px 0;}
    #videoSection #video_caro_content h4 {font-size: 28px;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    #videoSection #video_caro_content {bottom: 50px; padding: 20px 0;}
    #video_caro_content h4 {font-size: 30px;}
}

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    #videoSection #video_caro_content {bottom: 50px; padding: 20px 0;}
    #video_caro_content h4 {font-size: 34px;}
}

@media only screen and (min-width: 1400px) and (max-width: 1599px) {
    #videoSection #video_caro_content {bottom: 80px; padding: 25px 0;}
    #video_caro_content h4 {font-size: 38px;}
}