@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100..700;1,100..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,100..700;1,100..700&display=swap');

body {
    font-family: Open Sans, Arial, sans-serif;
    font-weight: 100;
    line-height: 1.4;
    font-size: 18px;
}
strong {font-weight: 600; color:#000;}
small {font-size: 12px!important;}
.small-text {line-height:1!important;}
.text-light strong {color:#fff;}
.max-width-page {max-width:1280px;width: 100%;}

.align-left-bottom {left:0; bottom:0;}
.align-right-bottom {left:0; top:0; color:#fff;}

.regenerate {width:240px;  margin-top:-7px!important;}
.trusted {height:180px; margin-top:28px;}

.section-hero {
    background: url(img/mangrove_sunset_1920x1080.jpg) no-repeat;
    background-size: cover;
    min-height: 100vh;
}
.section-page-simple-text {
    background: url(img/mangrove_sunset_1920x1080.jpg) no-repeat;
    background-size: cover;
    min-height: 100px;
}
.section-blue, .section-blue2 {
    background-color: #B9DEFF;
    min-height: 100vh;
}
.section-carbon {
    background-color: #575757;
    min-height: 100vh;
}
.section-gold {
    background-color: #D7B740;
    min-height: 100vh;
}
.section-footer {
    background-color: #999999;
}

.section-footer .section-content a {text-decoration: none; color: #000; font-size: 24px; font-weight: 600; line-height: 1.6}
.section-footer .section-content input {height: 40px; background: none; border:0; padding-left:0; font-size: 24px;}
.section-footer .section-content .btn-arrow-right {background-color: unset; background:url(img/arrow-right.svg) no-repeat right center; background-size: 60px 40px;}

.form-control:focus {box-shadow: unset;}

.section-content .title {font-weight: 600; color:#000;}
.text-light .section-content .title {color:#fff!important;}
h1 {font-size: 120px; font-weight:300; line-height:1; margin-left:-10px; letter-spacing: -5px;}
h2 {font-size: 64px; font-weight:400; line-height:1;}
h3 {font-size: 36px; font-weight:300; line-height:1.2;}


.section-blue h1:after {
    content: "";
    display: inline-block;
    background: url(img/icon_blue_sm.png) no-repeat;
    background-size: contain;
    width:180px;
    height:180px;
    margin-left:-25px;
    margin-bottom:30px;
}

.section-carbon h1:after {
    content: "";
    display: inline-block;
    background: url(img/icon_carbon_sm.png) no-repeat;
    background-size: contain;
    width:180px;
    height:180px;
    margin-left:-25px;
    margin-bottom:30px;
}

.section-gold h1:after {
    content: "";
    display: inline-block;
    background: url(img/icon_gold_sm.png) no-repeat;
    background-size: contain;
    width:220px;
    height:220px;
    margin-left:-25px;
    margin-bottom:30px;
}


@media screen and (max-width: 600px) {
    h1 {font-size: 80px; letter-spacing: -3px;}
    .section-blue h1:after {
        content: "";
        display: inline-block;
        background: url(img/icon_blue_sm.png) no-repeat;
        background-size: contain;
        width:120px;
        height:120px;
        margin-left:-20px;
        margin-bottom:30px;
    }

    .section-carbon h1:after {
        content: "";
        display: inline-block;
        background: url(img/icon_carbon_sm.png) no-repeat;
        background-size: contain;
        width:120px;
        height:120px;
        margin-left:-20px;
        margin-bottom:30px;
    }

    .section-gold h1:after {
        content: "";
        display: inline-block;
        background: url(img/icon_gold_sm.png) no-repeat;
        background-size: contain;
        width:120px;
        height:120px;
        margin-left:-20px;
        margin-bottom:30px;
    }
    h2 {font-size: 48px;}
    h3 {font-size: 28px;}
}