.hero{align-items:center;background:url() 50%/cover no-repeat;border-radius:30px;display:flex;flex-direction:column;justify-content:flex-start;min-height:900px;overflow:hidden;padding:40px 20px 120px;position:relative;text-align:center}.hero:before{background:radial-gradient(circle at center,#176db0 0,#176bac 20%,#1f2a44 100%);border-radius:30px;content:"";inset:0;position:absolute;z-index:0}.hero-content{align-items:center;display:flex;flex-direction:column;gap:40px;max-width:920px;padding-top:20px;position:relative;width:100%;z-index:1}