.bgGray { background: #F2F4F6; padding-top: 40px; padding-bottom: 80px; }
.helloBanner{ background: linear-gradient(268deg, #1F4C77 1.16%, #0B2043 99.81%); display: flex; align-items: center; justify-content: center; min-height: 275px; padding: 80px 0 20px 0; position: relative; }
.helloBanner::before,
.helloBanner::after{ content: ''; position: absolute; top: 0; left: 0; background: url(../images/banner/leftPat.svg); width: 490px; height: 100%; display: inline-block;
    background-size: cover; background-position: right center; opacity: .5; }
.helloBanner::after { background: url(../images/banner/rightPat.svg); left: auto; right: 0; }
.helloBannerContent { text-align: center; max-width: 325px; }
.helloBannerContent h1 { color: #FFF; font-size: 52px; font-weight: 700; line-height: 36px; }
.helloBannerContent p { color: #FFF; font-size: 20px; font-weight: 400; line-height: 25px;  } 
/* CONTACT */
.helloBannerContent.contactHead { max-width: 410px; }
.helloBannerContent.contactHead h1 { font-size: 32px; }
.helloBannerContent.contactHead p { font-size: 18px; }


@media screen and (max-width: 767px)  {  
    .helloBanner { overflow: hidden; }
    .helloBanner::before,
    .helloBanner::after { width: 170px; }
}