.hero-with-gradient{position:relative;overflow:hidden;margin-bottom:0;min-height:780px}
@media(max-width:768px){.hero-with-gradient{min-height:calc(100vh - 100px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
}.hero-with-gradient.alt_hero{min-height:unset}
.hero-with-gradient .background_image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.hero-with-gradient .background_image video,.hero-with-gradient .background_image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
.hero-with-gradient .background_image:after{position:absolute;top:0;content:'';width:100%;left:0;height:100%;z-index:2;background-color:#000;opacity:.3}
.hero-with-gradient .background_image:before{position:absolute;top:0;content:'';width:100%;left:0;height:100%;z-index:3;background-image:linear-gradient(171deg,rgba(243,156,78,0) 67%,#6d0b43 100%)}
.hero-with-gradient .font_25{font-size:25px}
@media(max-width:768px){.hero-with-gradient .font_25{font-size:20px}
}.hero-with-gradient .shape{z-index:4}
.hero-with-gradient .shape.overlayShapes{max-width:1000px;width:70.7%;top:auto;right:-1.4%;bottom:-39.7%}
.hero-with-gradient .shape.overlayShapes #overlayshapes-mobile{display:none}
@media(max-width:768px){.hero-with-gradient .shape.overlayShapes{top:22px;bottom:auto;width:169%;right:auto;left:-24%}
.hero-with-gradient .shape.overlayShapes #overlayshapes-desktop{display:none}
.hero-with-gradient .shape.overlayShapes #overlayshapes-mobile{display:block}
}.hero-with-gradient .shape.dotted_circle{width:14.19%;max-width:218px;opacity:.45;top:auto;top:44%;left:87.2%}
.hero-with-gradient .shape.dotted_circle #dots{stroke:#fff}
.hero-with-gradient .shape.solid_circle{width:39.7%;max-width:610px;opacity:.30;bottom:-12.17%;top:auto;left:57%}
.hero-with-gradient .shape.solid_circle #circle{fill:#fff}
.hero-with-gradient .shape.arch-filled{width:47.4%;max-width:729px;opacity:.20;left:32.6%;top:auto;bottom:-25%}
.hero-with-gradient .wrapper{position:relative;z-index:9}
.hero-with-gradient .the_content{max-width:530px;color:#fff}
@media(max-width:768px){.hero-with-gradient .the_content{max-width:100%;width:100%}
}.hero-with-gradient .headline{line-height:1em;letter-spacing:-1.33px;margin-bottom:30px}
.hero-with-gradient .font_80{line-height:.813}
.hero-with-gradient .button{margin-top:45px;min-width:auto}
@media(max-width:768px){.hero-with-gradient .col-1-2{width:100%}
}