.hero{

padding:90px 0 120px;

background:
linear-gradient(
135deg,
var(--green-950),
var(--green-600)
);

position:relative;

overflow:hidden;

}

.hero:before{

content:"";

position:absolute;

width:500px;

height:500px;

background:rgba(255,255,255,.08);

border-radius:50%;

top:-180px;

right:-150px;

}


.hero h1{

color:white;

}


.hero p{

color:rgba(255,255,255,.85);

}


.hero .section-label{

background:rgba(255,255,255,.15);

color:white;

}


.hero-graphic{

background:white;

min-height:360px;

border-radius:28px;

box-shadow:
0 25px 60px rgba(0,0,0,.18);

display:flex;

align-items:center;

justify-content:center;

position:relative;

}


.hero-graphic:after{

content:"Business Savings Assessment";

font-size:28px;

font-weight:800;

color:var(--green-900);

padding:40px;

text-align:center;

}