/* =========================================================
   FOOTER
========================================================= */

.footer {

    padding-top: 60px;

    background: #FFFFFF;

    border-top:
        1px solid var(--border);

}


.footer-grid {

    display: grid;

    grid-template-columns:
        2fr 1fr 1fr 1fr;

    gap: 50px;

    padding-bottom: 50px;

}


.footer-brand p {

    max-width: 280px;

    margin-top: 15px;

    color: var(--muted);

    font-size: 11px;

}


.footer h4 {

    margin-bottom: 15px;

    font-size: 12px;

}


.footer-grid>div:not(.footer-brand) a {

    display: block;

    margin-bottom: 9px;

    color: var(--muted);

    font-size: 10px;

}


.footer-grid a:hover {
    color: var(--primary);
}


.footer-bottom {

    padding: 20px 0;

    color: #98A2B3;

    border-top:
        1px solid var(--border);

    font-size: 9px;

    text-align: center;

}

@media (max-width: 650px) {
    .footer-grid {

        grid-template-columns:
            1fr 1fr;

        gap: 35px;

    }


    .footer-brand {
        grid-column: 1 / -1;
    }
}