.landing-wrapper{margin:0 auto;max-width:1600px;padding-left:3rem;padding-right:3rem;width:100%}.landing-hero-banner{overflow:hidden;position:relative}.landing-hero-banner:before{background-image:url(https://www.nobl9.com/hubfs/landings/hero-banner-overlay-landing-v1.png);background-position:top;background-size:cover;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.landing-hero-banner--wrapper{max-width:1300px;padding:65px 1em 75px;position:relative;z-index:1}.landing-hero-banner .logo{display:block;margin-bottom:32px;max-width:max-content;position:relative}.landing-hero-banner .logo:after{background-color:#00bad3;border-radius:1px;bottom:0;content:"";height:3px;left:0;position:absolute;width:125%}.hero-banner-title{color:#fff;font-size:48px;font-weight:500;line-height:1.5;margin:0;max-width:75%}.hero-banner-title span{display:block;font-size:20px;font-weight:400;line-height:1.6;margin-top:20px}.landing-hero-banner .logo img{left:-25px;max-width:230px;position:relative}.landing-banner-content{align-items:center;display:flex;max-width:1050px;position:relative;z-index:1}@media screen and (max-width:1300px){.landing-hero-banner--wrapper{padding-left:30px;padding-right:30px}}@media screen and (max-width:980px) and (min-width:661px){.landing-hero-banner:before{background-position:100%}}@media screen and (max-width:660px){.landing-hero-banner--wrapper{padding:40px 30px}.hero-banner-title{font-size:38px;max-width:100%}}@media screen and (max-width:460px){.hero-banner-title{font-size:32px}.landing-hero-banner .logo img{max-width:200px}.landing-hero-banner .logo:after{width:100%}}