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

.site-footer{

    background:#111827;

    color:#fff;

    margin-top:80px;

}

.footer-top{

    display:grid;

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

    gap:40px;

    padding:60px 0;

}

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

    color:#fff;

    margin-bottom:20px;

}

.footer-column p{

    color:#D1D5DB;

}

.footer-column ul{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.footer-column a{

    color:#D1D5DB;

}

.footer-column a:hover{

    color:#fff;

}

.footer-bottom{

    border-top:1px solid rgba(255,255,255,.08);

    padding:20px 0;

    text-align:center;

    color:#9CA3AF;

}

@media(max-width:992px){

    .footer-top{

        grid-template-columns:1fr 1fr;

    }

}

@media(max-width:768px){

    .footer-top{

        grid-template-columns:1fr;

    }

}