/* VGAINT v5.7 — implemented approved clean enterprise UX. */
/* One continuous hero tone, with the existing Kuwait skyline visible unobstructed. */
body:has(.v5-hero) .v5-hero {
  position:relative!important; isolation:isolate; overflow:hidden!important;
  background:linear-gradient(103deg,#f2f9fd 0%,#e8f5ff 36%,#dceefe 65%,#e4f4ff 100%)!important;
}
body:has(.v5-hero) .v5-hero::before {
  content:""; pointer-events:none; position:absolute; inset:0 0 0 35%; z-index:-1;
  background-image:linear-gradient(90deg,#edf7fd 0%,rgba(237,247,253,.8) 12%,rgba(237,247,253,.3) 29%,rgba(237,247,253,0) 48%),url('v51-hero-right.webp');
  background-size:100% 100%,cover; background-position:center,center 44%; background-repeat:no-repeat;
}
body:has(.v5-hero) .v5-hero-inner {
  display:grid!important;grid-template-columns:minmax(0,48%) minmax(0,52%)!important;
  min-height:390px; position:relative; isolation:isolate;
}
body:has(.v5-hero) .v5-hero-copy {z-index:2; padding:38px 22px 26px 0!important;}
body:has(.v5-hero) .v5-hero-right {
  position:relative; min-height:390px; padding:0!important; overflow:visible!important;
  background:transparent!important; isolation:auto!important; pointer-events:none;
}
body:has(.v5-hero) .v5-skyline,
body:has(.v5-hero) .v5-feature-panel {display:none!important;}
body:has(.v5-hero) .v5-slider-controls {max-width:560px;}
body:has(.v5-hero) .v5-hero-copy>p:not(.v5-eyebrow) {max-width:565px;}
@media(min-width:1500px){
 body:has(.v5-hero) .v5-hero::before{background-position:center,center 48%;}
}
@media(max-width:900px){
 body:has(.v5-hero) .v5-hero::before{inset:0 0 0 24%; opacity:.70;
 background-image:linear-gradient(90deg,#edf7fdeb 0%,#edf7fdad 42%,#edf7fd44 78%),url('v51-hero-right.webp');}
 body:has(.v5-hero) .v5-hero-inner{grid-template-columns:minmax(0,60%) minmax(0,40%)!important;}
}
@media(max-width:740px){
 body:has(.v5-hero) .v5-hero::before {inset:auto 0 0 0;height:245px;opacity:1;
 background-image:linear-gradient(180deg,#edf7fd 0%,rgba(237,247,253,.55) 22%,rgba(237,247,253,0) 55%),url('v51-hero-right.webp');
 background-position:center,center center;background-size:100% 100%,cover;}
 body:has(.v5-hero) .v5-hero-inner {display:block!important; min-height:0!important; padding-bottom:195px;}
 body:has(.v5-hero) .v5-hero-copy {padding:28px 0 0!important;}
 body:has(.v5-hero) .v5-hero-right {display:none!important;}
 body:has(.v5-hero) .v5-slider-controls {margin-top:22px;}
}
@media(prefers-reduced-motion:reduce){.v5-hero *, .v5-hero *::before,.v5-hero *::after{scroll-behavior:auto;animation:none!important;transition:none!important;}}
