#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;}
}