@import url("_hero-banner-section.css");
@import url("_what-we-do-section.css?v=123456");
@import url("_media-big-section.css");
@import url("_about-section.css");
@import url("_case-studies-section.css?v=123456");
@import url("_cta-module.css");
@import url("_signup-module.css");
@import url("_stats-section.css");
@import url("_awards-section.css?v=123456");
@import url("_repeater-section.css?v=5555");
@import url("_services-section.css");

.hero-banner-section{background: var(--green-dark); clear: both; width: 100%;}
.hero-banner-section .background-bg::before{background: linear-gradient(0deg, var(--green-dark) 0%, transparent 100%);}
.hero-banner-section .background-bg{z-index: 0; max-height: 739px;}

.hero-banner-section picture, .hero-banner-section figure {width: 100%;}

@media screen and (min-width: 1024px){
    .hero-banner-main{min-height: 847px; align-items: end;}
    .hero-banner-text{padding-bottom: 64px;}
    .hero-banner-text span.optional-text{margin: 0 0 20px 0; }
    .hero-banner-text h1{margin-bottom: 30px;}
    .hero-banner-text p{margin-bottom: 30px;}
}

@media screen and (max-width: 1023px) and (min-width: 200px){
    .hero-banner-section .background-bg{max-height: 351px; bottom: 0; top: auto; overflow: hidden;}
    .hero-banner-section .background-bg::before{background: linear-gradient(0deg, transparent 0%, var(--green-dark) 100%);}

    
    .hero-banner-main{min-height: 625px;}
    .banner-widget-wrap{top: auto; bottom: -20px !important; right: auto; left: 17px; margin-left: 0; position: absolute; }
    .hero-banner-text span.optional-text{margin: 0 0 16px 0; }
    .hero-banner-text p{margin-bottom: 18px; }

}