/* input(190,15): run-time error CSS1034: Expected closing parenthesis, found '>' */
:root {
    --brand-color-04: #32A553;
    --brand-color-05: #036A70;
    --icon-color-05: var(--brand-color-04);
    --sizing-base-unit-si-bu: 16;
    --spacing-base-unit-sbu: 16;
    --spatial-multiplier: 1;
    --major-third: 1.25;
    --scale: var(--major-second);
    --offset: 4;
    --major-second: 1.124;
    --minor-third: 1.2;
    --generic-sizing-03: calc((var(--sizing-base-unit-si-bu)* var(--spatial-multiplier)*(((4 + var(--offset))*(var(--scale) - 1)) +(1 - var(--scale))))* .0625rem);
    --generic-spacing-02: calc((var(--spacing-base-unit-sbu)* var(--spatial-multiplier)*(((3 + var(--offset))*(var(--scale) - 1)) +(1 - var(--scale))))* .0625rem);
    --generic-border-radius-12: calc((var(--sizing-base-unit-si-bu)* var(--spatial-multiplier)*(((1000 + var(--offset))*(var(--scale) - 1)) +(1 - var(--scale)))*(2*(var(--scale) - 1)))* .0625rem);
    --color-midnight: #99C128;
    --background-gradient: linear-gradient(90deg, #036a70, #00142b);
}


button[type=submit] {
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    :root {
        --scale: var(--minor-third);
        --offset: 1;
    }
}

@media screen and (min-width: 1280px) {
    :root {
        --scale: var(--major-third);
        --offset: 0;
    }
}

.phone-container {
    align-items: center;
    display: flex;
    gap: 0.5rem;
}

.wait-time-dot.sc-suic-phone-callout {
    background-color: var(--icon-color-05);
    border-radius: 0.5rem;
    height: 0.8rem;
    width: 0.8rem;
}

.phone-text {
    font-family: 'Manrope';
    font-size: 1.5rem;
    line-height: 2rem;
    color: #036A70;
    font-weight: 700;
    text-decoration: none;
}

.agents-are-available {
    color: black;
    font-family: 'Manrope';
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.about-us-agents {
    font-family: 'Manrope';
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #036A70;
    border: 1px solid #036A70;
    padding: 1rem
}

.call-button img {
    height: 1rem;
    width: 1rem;
}

.call-button {
    align-items: center;
    background-color: #d2de32;
    border: 0.8px solid transparent;
    border-radius: 1rem;
    color: #00142B;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    font-family: 'Manrope';
    font-size: 0.9rem;
    font-weight: 500;
    gap: 0.5rem;
    justify-content: center;
    line-height: 1.5rem;
    padding: 0.5rem 0.5rem;
    text-decoration: none;
}

.card-title h2 {
    font-family: 'Manrope';
    font-size: 2rem;
    font-weight: 700;
}

.card-title ul {
    font-family: 'Manrope';
    font-size: 1.3rem;
    line-height: 1.5rem;
    font-weight: 400;
    list-style-type: disc;
}

.arrow-right {
    height: 1rem;
    width: 1rem;
}

.zip-button {
    font-family: 'Manrope';
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2rem;
    color: black;
    background-color: #D2DE32;
    border-radius: 10px;
    cursor: pointer;
    padding-top: 10px;
    padding-bottom: 10px;
}

.zip-button:hover {
    background-color: var(--color-midnight);
}


#zipCode {
    font-family: 'Manrope';
    font-size: 1.4rem;
}

    #zipCode.error {
        border-color: red;
        background-color: #ff000026;
    }

.error {
    color: red;
}

.phone-container.box .phone-text {
    font-size: 2rem;
}

.section-1 .banner {
    background-image: var(--background-gradient);
    font-family: 'Manrope';
    font-size: 1.4rem;
    font-weight: 500;
}

.section-2 img {
    height: 5rem;
    width: 4rem;
}

.font-Manrope {
    font-family: 'Manrope';
}


.section-2 .arrow-right {
    height: 1rem;
    width: 1rem;
}

.section-2 .zip-button {
    font-size: 1.3rem;
    cursor: pointer;
}

.bottom-banner {
    background-image: var(--background-gradient);
    font-family: 'Manrope';
}

@media (width >= 48rem) {
    .section-1 {
        background-image: url('/images/image-family.jpg?v=f5smrx7aecQfxlT7g5XfBwq5e8Q');
        background-position: top;
    }
    
}