.default-banner-section{overflow: hidden;}
.default-banner-image video{ top: 50%; left: 50%; min-width: 100%; min-height: 100%; width:auto; height:auto; transform: translate(-50%,-50%); position: absolute; z-index: 0; }
.default-banner-main.no-banner-image{display: block;}
.center-banner .default-banner-text{color: #fff;}
.center-banner .default-banner-text h1{color: #fff;}
.default-banner-text h1 a{color: #002942;}
.default-banner-text h1 a:hover{color: #fff;}
.default-banner-text .caption {margin: 0 0 18px; opacity: 0.5;}
.default-banner-btns{gap: 19px;}

.default-banner-text-wrap { max-width:924px; margin:0 auto; padding: 72px 32px 0; }
.default-banner-text-wrap h1 { font-size: 44px; line-height:52px; margin: 0 0 14px; }
.default-banner-text-wrap p { font-size: 20px;  color: #fff;  line-height: 28px; }
.banner-gradient{width: 100%; height: 50%; top:0; left: 0; background-image: linear-gradient(to top, rgb(255 255 255 / 0%) 10%, #63B5D8 95%); position: absolute;}

.left-banner .default-banner-text .caption{color: #353535;}

.center-banner .default-banner-left{text-align: center;}
.center-banner .default-banner-btns{justify-content: center;}
.default-banner-image iframe{width: 100%; height: 100%;} 

.center-banner::after { opacity: 0.8; content: ""; display: block; width: 100%; height: 100%; background-image: linear-gradient(rgb(99 181 216 / 70%), #2b5e7e); background-position: 0 0; background-repeat: repeat; position: absolute; top: 0; left: 0; z-index: -1; }
.poster_banner_image{display: none;}

/*-- media css starts here --*/
@media only screen and (min-width: 1024px){
    .default-banner-text { padding: 0 0 64px; }
    .default-banner-text h1 { font-size:40px; line-height: 48px; margin: 0 0 40px; }
    .default-banner-text p { padding: 0 0 40px; font-size:18px; line-height: 26px; }
    .default-banner-btns a{min-width: 176px;}
    .default-banner-image .fit-img img { border-radius: 0px 0px 0px 32px; }
    .prod-page .default-banner-btns a{min-width: inherit;}
    
    .left-banner .default-banner-main{flex-direction: row-reverse;}
    .left-banner .default-banner-left { width: 448px; padding-top: 300px; }
    .left-banner .default-banner-image { width: calc(100% - 448px); }
    .left-banner .default-banner-image .fit-img { right: 0; min-width: 1200px; }
    .left-banner .default-banner-text { padding: 0 76px 64px 0; }

    .center-banner .default-banner-main{text-align: center; justify-content: center;}
    .center-banner .default-banner-left { width: 448px; padding-top: 300px; }

}
@media only screen and (max-width: 1299px) and (min-width: 1024px){
    .left-banner .default-banner-left{width: 360px; padding-top: 250px;}
    .left-banner .default-banner-btns{display: block;}
    .left-banner .default-banner-btns a{margin: 0 0 20px; width: 100%;}

    .center-banner .default-banner-left {padding-top: 250px; }

    .default-banner-text h1 {font-size: 34px; line-height: 40px; margin: 0 0 20px; }
    .default-banner-image{width: calc(100% - 360px)}
}
@media only screen and (max-width: 1023px) and (min-width: 768px){
    .left-banner .default-banner-main{flex-direction: row-reverse;}
    .left-banner .default-banner-left { flex-basis: 370px; padding-top: 200px;}
    .left-banner .default-banner-text {padding: 0 36px 64px 0; }

    .default-banner-text h1 {font-size:38px; line-height: 44px; margin: 0 0 20px; }
    .default-banner-text p { padding: 0 0 24px; font-size:18px; line-height: 26px; }
    .default-banner-image{flex: 1;}
    .default-banner-image .fit-img { width:auto; right: -15%;}
    .default-banner-image .fit-img img { border-radius: 0px 0px 0px 32px; }

    .center-banner .default-banner-left { width: 370px; margin: 0 auto; padding: 125px 0;}
}
@media only screen and (max-width: 767px) and (min-width: 200px){
    .default-banner-main{display: block;}
    .default-banner-image .fit-img { position: static;}
    .default-banner-image .fit-img img { border-radius: 0px 0px 0px 32px; }
    .left-banner .default-banner-left {  max-width: 100%;  padding: 20px 20px 0; }
    .left-banner .default-banner-text { padding:0 0 32px; }
    .default-banner-text h1 { margin: 0 0 22px; }
    .default-banner-btns .btn{font-size: 17px; padding: 9px 11px 11px;}
    .no-banner-image .default-banner-left{padding-top: 150px;}

    .center-banner .default-banner-left { width: 100%; padding: 150px 20px 50px;}
    .home-banner-iframe{display: none;}
    .default-banner-image video{display: none;}
    .poster_banner_image{display: block; width: 100%; height: 100%;}
    .poster_banner_image img{width: 100%; height: 100%; object-fit: cover; object-position: center;}
}   
@media only screen and (max-width: 374px) and (min-width: 200px){
    .default-banner-btns{display: block;}
    .default-banner-btns a{margin: 0 0 20px; width: 100%;}
}