.hero-banner__inner{background-position:50%;background-repeat:no-repeat;background-size:cover;clip-path:polygon(0 0,100% 0,100% 90%,0 100%);min-height:80dvh;position:relative;width:100%;z-index:9}.hero-banner{position:relative}.hero-banner:before{background-color:var(--dblue);clip-path:polygon(0 0,100% 0,100% 98.5%,0 80%);top:0;z-index:1}.hero-banner:after,.hero-banner:before{bottom:0;content:"";height:100%;left:0;overflow:hidden;position:absolute;right:0;width:100%}.hero-banner:after{background-color:var(--teal);clip-path:polygon(0 0,100% 0,100% 90%,0 100%);top:10px;z-index:2}.hero-banner__inner{align-items:center;display:flex;justify-content:center}.hero-banner__content{margin:auto;padding:40px 20px;width:min(800px,100%)}.hero-banner__content *{color:var(--white)}