:root {
    --brand-700: #016B63;
    --brand-500: #01877C;
    --accent: #01877C;
    --accent-dark: #016B63;
}

.btn-accent {
    box-shadow: 0 10px 20px rgba(1, 135, 124, .25);
}

.hero-fade {
    background: linear-gradient(transparent, #01877C);
}

.text-link,
.section-heading p,
.eyebrow {
    color: #01877C;
}

.service-icon,
.contact-details > a > span,
.contact-details > div > span,
.stat-one strong {
    color: #016B63;
}

.contact-details > a > span,
.contact-details > div > span {
    background: #d7f0ec;
}

.form-control:focus,
.form-select:focus {
    border-color: #01877C;
    box-shadow: 0 0 0 .2rem rgba(1, 135, 124, .14);
}

@media (max-width: 575px) {
    .hero-section {
        min-height: calc(100svh - 4rem);
        height: calc(100svh - 4rem);
        align-items: flex-start;
    }

    .hero-content {
        padding-top: .5rem;
    }

    .hero-copy h1 {
        margin-top: 1rem;
    }

    .hero-proof {
        flex-wrap: wrap;
        row-gap: .6rem;
    }

    .hero-proof span:last-child {
        display: inline-flex;
        align-items: center;
    }
}