.vhg-banner{position:relative}
.vhg-banner>.bg,.vhg-banner>.vpg-bg{opacity:1}
.vhg-banner>.bg::after,.vhg-banner>.vpg-bg::after{background:none}
.vhg-banner::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(100deg,rgba(8,20,40,.94) 0%,rgba(8,20,40,.82) 42%,rgba(8,20,40,.35) 78%,rgba(8,20,40,.15) 100%)}
.vhg-banner::after{content:"";position:absolute;inset:0;z-index:2;opacity:.12;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);
  background-size:52px 52px}
.vhg-banner>.wrap{position:relative;z-index:3}

@media (max-width: 560px) {
    .vbc-host {
        height: 500px !important;
      
    }
}
.vbc-host {
    box-sizing: border-box;
    padding-top: var(--vbc-strip);
}@media (max-width: 560px) {
    .hero .htitle, .vpg-hero h1, .phero h1, .hf-hero h1 {
        font-size: 20px;
    }.vbc-host>.wrap {
    padding-top: 78px;
}
  .sus-hero .vpg-bg {
        background-image: url('../../../img/sus-mob1.jpg') !important;
        background-position: bottom !important;
    }



}

@media(max-width:991px){
.vhg-banner::before {
  
    background: none !important;
}
}