/* Shared site foundation used by every page. */
:root {
    --site-font: "Poppins", sans-serif;
    --site-body-size: 16px;
    --site-line-height: 1.6;
    --site-content-width: 1180px;
}

html {
    scroll-behavior: smooth;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: var(--site-font);
    font-size: var(--site-body-size);
    line-height: var(--site-line-height);
    overflow-x: hidden;
}

img,
svg,
video {
    max-width: 100%;
}

button,
input,
textarea,
select {
    font: inherit;
}

.container {
    width: min(100% - 2rem, var(--site-content-width));
}

@media (max-width: 767.98px) {
    body {
        font-size: 15px;
    }

    .container {
        width: min(100% - 1.5rem, var(--site-content-width));
    }
}

.bg-color-box {
    background: #E1ECF2;
    padding-bottom: 80px;
    margin-top: 80px;
}

.lead-form-status {
    display: none;
    margin-top: 14px;
    padding: 10px 14px;
    border-radius: 8px;
    font-size: .85rem;
    font-weight: 600;
    text-align: center;
}

.lead-form-status.status-ok {
    display: block;
    background: rgba(23, 194, 181, .15);
    color: var(--teal);
    border: 1px solid rgba(23, 194, 181, .35);
}

.lead-form-status.status-err {
    display: block;
    background: rgba(255, 99, 86, .12);
    color: #ff6356;
    border: 1px solid rgba(255, 99, 86, .35);
}