.cta-panel { float:left; width:100%; padding:74px 0 0; }
.cta-panel-left { max-width: 415px; width:100%; padding-right: 74px;}
.cta-panel-left .h1 { padding-bottom: 31px; color: #002942; font-size:48px; line-height: 56px; }
.cta-panel-left p{padding-bottom: 34px;}
.cta-panel-left .caption { color: #0061A0; padding: 0 0 40px; }
.cta-panel-right { height:540px; }
.cta-panel-right > div { overflow:hidden; position: absolute; left:1px; top:0; max-width:960px; height:100%; border-radius: 8px 0px 0px 8px; width: 67vw; height:540px; }
.cta-panel-right video { width: 100%; height:100%; position: absolute; object-fit: cover;}
.cta-panel-right div.cta-banner img { object-fit: cover; }
.cta-panel-btns .inline-block{ padding:0 16px 16px 0; }

.reverse .cta-panel-inner { flex-direction: row-reverse; }
.reverse .cta-panel-right > div { left:auto; right:1px; border-radius: 0 8px 8px 0; }
.reverse .cta-panel-left { padding-left:38px; padding-right: 0;}
.reverse .cta-panel-left .h1 { padding-right:0; }


/*-- media css starts here --*/
@media only screen and (max-width:1366px) {
    .cta-panel-right, .cta-panel-right > div {  height:39.6vw }
}
@media only screen and (max-width:1023px) { 
    .cta-panel-left { max-width: 354px; padding-right: 32px;}
    .cta-panel-left .h1 { font-size: 32px; line-height: 40px; }
    .cta-panel-right > div { width: calc(100% + 20px); }
    .cta-panel-right, .cta-panel-right > div {  height:34vw }
    .cta-panel-btns{display: block;}
    .cta-panel-btns .inline-block{padding: 0 0 16px; display: block;}
    .cta-panel-btns .inline-block .btn{display: inline-block;}
}
@media only screen and (max-width:750px) {  
    .reverse .cta-panel-inner,
    .cta-panel-inner { flex-direction: column-reverse; }
    .reverse .cta-panel-left, .cta-panel-left { padding-left:0; padding-right:0; max-width:580px; width:100%; text-align: left; }
    .cta-panel-left .h1 { padding-right:0; padding-left:0; }
    .cta-panel-right { max-width:580px; width:100%; border-radius: 8px; overflow: hidden; margin: 0 0 34px; }
    .cta-panel-right, .cta-panel-right > div, .reverse .cta-panel-right > div { height:299px; }
    .cta-panel-left .caption { padding: 0 0 24px; }
}
@media only screen and (max-width:560px) { 
    .cta-panel-right, .cta-panel-right > div, .reverse .cta-panel-right > div { min-height:199px; height:auto; }
    .cta-panel-right { left:-13px; border-radius: 0 8px 8px 0; width:calc(100% + 20px); }
    .cta-panel-right > div { border-radius: 0 8px 8px 0; width:100%; height:100%; }
    .cta-panel { padding: 40px 0 0; }
}
@media only screen and (max-width:412px) {
    .cta-panel-left .h1 { padding-bottom: 24px; }
}