:root{--bg-color:#151515;--text-color:#FFF}.black{--bg-color:#151515;--text-color:#FFF}.amber{--bg-color:#f8a323;--bg-gradient:linear-gradient(60deg, rgba(255, 172, 0, 1) 0%, rgba(255, 147, 0, 1) 100%);--text-color:#FFF;--active-text-color:#f8a323}.red{--bg-color:#cd4d4d;--bg-gradient:linear-gradient(60deg, rgba(219, 97, 95, 1) 0%, rgba(198, 67, 67, 1) 100%);--text-color:#FFF;--active-text-color:#cd4d4d}.blue{--bg-color:#45b7c2;--bg-gradient:linear-gradient(60deg, rgba(69, 183, 194, 1) 0%, rgba(33, 166, 178, 1) 100%);--text-color:#FFF;--active-text-color:#45b7c2}.purple{--bg-color:#6850ac;--bg-gradient:linear-gradient(60deg, rgba(112, 81, 199, 1) 0%, rgba(91, 80, 122, 1) 100%);--text-color:#FFF;--active-text-color:#6850ac}.green{--bg-color:#b3cd7f;--bg-gradient:linear-gradient(60deg, rgba(169, 227, 52, 1) 0%, rgba(143, 193, 42, 1) 100%);--text-color:#000;--active-text-color:#000}.hero-block{position:relative;margin:0 auto}.hero-block .inner img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;height:100%;width:100%}.hero-block .inner .overlay{position:absolute;top:0;left:0;width:30%;height:100%;background-color:rgba(0,0,0,.5);padding:50px;display:flex;align-items:center}.hero-block .inner .overlay .text{color:#fff;font-family:AzoSuper,Helvetica,Arial,sans-serif;line-height:1.15}.hero-block .inner .overlay .description{padding:15px 0;color:#fff}@media only screen and (max-width:768px){.hero-block .inner .overlay .description{padding:5px 0}}.hero-block .inner .overlay .btn{background-color:#ffe600;padding:10px 20px;font-weight:700;width:100%;font-size:1.2rem;color:#0f1733;margin-top:1rem}.hero-block .inner .overlay .btn:hover{background-color:#fff}@media only screen and (max-width:1200px){.hero-block .inner .overlay{width:50%}}@media only screen and (max-width:768px){.hero-block .inner .overlay{top:auto;bottom:0;width:100%;height:auto;padding:15px}}@media only screen and (max-width:576px){.hero-block .inner .overlay{position:relative;background-color:rgba(0,0,0,.75)}}