#hero-stats-mobile-wrapper {}

article .hero {
    /*height: calc(85vh - 96px);*/
    position: relative;
    color: #fff !important;
}

article #hero-text h1 {
    font-weight: bold !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.25;
    letter-spacing: normal;
    color: #fff !important;
}

#background-wrapper {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: -10;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

#gradient-overlay {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -50;
    height: 100%;
    width: 70%;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.6) 60.84%, rgba(255, 255, 255, 0) 86.98%);
}

#hero-inner {
    z-index: 200:
}

.slick-dots li button:before {
    color: #fff !important;
    font-size: 30px;
}

.slick-dots li.slick-active button:before {
    opacity: unset !important;
}

.slick-dots li {
    margin: 0 0 !important;
}

@media (min-width: 1200px) {
    .stat.display-4 {
        font-size: 64px !important;
    }
}

@media (max-width: 1024px) {}

@media (min-width: 768px) {}

@media (max-width: 768px) {}

@media (min-width: 577px) {}

@media (max-width: 576px) {
    #hero-stats-mobile-wrapper #hero-stats .stat {
        font-size: 64px;
    }
    #background-wrapper {}
    #hero-inner,
    header.hero {
            {
            height: auto !important;
        }
    }