.hero-with-gradient .bg-area{align-items:center;background-repeat:no-repeat;background-size:cover;display:flex;min-height:100vh;position:relative;z-index:0}.hero-with-gradient .bg-area:before{background:linear-gradient(0deg,#1c1304,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.hero-with-gradient .bg-area.bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.hero-with-gradient .bg-area .logo{padding:0 40px;position:absolute;top:50px;transform:translateX(-50%);z-index:2}.hero-with-gradient .bg-area .content-area{position:relative;z-index:2}.hero-with-gradient__button{text-align:center}.hero-with-gradient .bg-area .content-area h1{text-transform:none}.hero-with-gradient__statistics{grid-gap:20px;display:grid;grid-template-columns:1fr 1fr 1fr;max-width:1000px;width:100%;z-index:2}.hero-with-gradient__statistic{align-items:center;display:flex;flex-direction:column;justify-content:space-between}img.hero-with-gradient__statistic-image{max-width:35px;width:100%}h3.hero-with-gradient__statistic-number{color:#eb9435!important;font-size:35px;font-weight:700;margin-top:25px}h4.hero-with-gradient__statistic-subtitle{font-size:15px;font-weight:100;text-transform:uppercase}.hero-with-gradient .bg-area .scroll-down{bottom:50px;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:2}.hero-with-gradient h1,.hero-with-gradient h2,.hero-with-gradient h3,.hero-with-gradient h4,.hero-with-gradient h5,.hero-with-gradient h6,.hero-with-gradient li,.hero-with-gradient p,.hero-with-gradient td{color:#fff}@media (max-width:767px){.hero-with-gradient__statistics{grid-template-columns:1fr}}