section{&.page-hero{background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative;z-index:100;&.standard{height:20dvh;min-height:500px;overflow:hidden;.content{.hero-col{&.title-col{.hero-col-inner{position:relative;.hero-shape{background-color:rgba(25,53,82,.5);bottom:0;height:1000px;left:100%;position:absolute;right:0;top:50%;transform:translate(-1207px,-50%) rotate(45deg);width:1000px;z-index:-1}h1{color:#fff;margin:0 0 1rem;z-index:2;@media (min-width:64rem){margin-bottom:0;margin-left:0;margin-right:0;margin-top:0}}}}&.subtitle-col{.hero-col-inner{.subtitle-wrapper{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:flex-start;@media (min-width:64rem){align-items:center}img{margin:0 10px 0 0;width:30px;@media (min-width:64rem){margin-bottom:0;margin-left:-25px;margin-right:25px;margin-top:0;width:auto}}p{color:#fff;font-size:22px;font-weight:700;margin:0;@media (min-width:64rem){font-size:48px}}}}}}}}&.full{height:100dvh;max-height:1080px;min-height:400px;@media (min-width:64rem){min-height:700px}.content{.hero-col{&.logo-col{.hero-col-inner{img{margin:0 auto 3rem;width:500px;@media (min-width:64rem){margin-bottom:0;margin-left:0;margin-right:auto;margin-top:0;padding-bottom:0;padding-left:0;padding-right:2rem;padding-top:0;width:auto}}}}&.title-col{.hero-col-inner{text-align:center;@media (min-width:64rem){text-align:left}h1{color:#fff;font-size:40px;@media (min-width:64rem){font-size:54px}}}}}}}.content{align-content:center;align-items:center;height:100%;padding-bottom:80px;padding-top:80px;position:relative;width:100%;z-index:2;.hero-col{.hero-col-inner{@media (min-width:64rem){display:flex;flex-direction:column;height:100%;justify-content:center}}}}.overlay{background:linear-gradient(90deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.1));bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1}}}