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

.site-footer {

    background: linear-gradient(
        135deg,
        #001F3D 0%,
        #002E5B 100%
    );

    color: var(--white-color);

    padding-top: 90px;
}

.footer-grid {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 40px;

    padding-bottom: 50px;
}

.footer-column h3,
.footer-column h4 {

    margin-bottom: 22px;
}

.footer-column a {

    color: rgba(255,255,255,0.75);
}

.footer-column a:hover {

    color: var(--secondary-color);
}

.social-icons {

    display: flex;

    gap: 15px;
}

.social-icons a {

    width: 44px;
    height: 44px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: rgba(255,255,255,0.08);

    color: var(--white-color);
}

.social-icons a:hover {

    background: var(--secondary-color);
}

.copyright-area {

    text-align: center;

    padding: 20px 0;

    border-top: 1px solid rgba(255,255,255,0.08);
}