.hero{align-items:center;background-position:100%;background-size:cover;display:flex;height:300px;max-width:100%;overflow:hidden;position:relative;width:100%}.hero:before{background:linear-gradient(90deg,#36424a 35%,rgba(54,66,74,.75) 45%,rgba(54,66,74,.3) 55%,rgba(54,66,74,0) 65%);content:"";inset:0;position:absolute}.hero-content{color:#fff;padding-left:80px;position:relative;width:500px;z-index:2}.hero h1{color:#fff;font-size:28px;font-weight:600;line-height:1.3;margin-bottom:12px}.hero p{color:#fff;font-size:14px;line-height:1.6;margin-bottom:20px}@media (max-width:767px){.hero h1{color:#fff;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:12px}.hero{align-items:center;background-position:100%;background-size:cover;display:flex;height:200px;max-width:100%;overflow:hidden}.hero,.hero-content{position:relative;width:100%}.hero-content{color:#fff;padding-left:16px;z-index:2}.hero:before{background:linear-gradient(90deg,#36424a 35%,rgba(54,66,74,.75) 45%,rgba(54,66,74,.3));content:"";inset:0;position:absolute}}