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

.site-footer{
    background:#111827;
    color:#d1d5db;
    padding:70px 0 0;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:50px;
    margin-bottom:50px;
}

.footer-logo{
    width:220px;
    margin-bottom:20px;
}

.footer-about{
    color:#9ca3af;
    line-height:2;
    margin:0;
}

.footer-column h3{
    color:#ffffff;
    font-size:20px;
    margin:0 0 22px;
}

.footer-column ul{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-column li{
    margin-bottom:14px;
    color:#9ca3af;
}

.footer-column a{
    color:#9ca3af;
    text-decoration:none;
    transition:.25s;
}

.footer-column a:hover{
    color:#ffffff;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
    padding:25px 0;
}

.footer-bottom p{
    margin:0;
    color:#9ca3af;
    font-size:14px;
}

.footer-bottom strong{
    color:#ffffff;
    font-weight:600;
}

@media(max-width:991px){

.footer-grid{
    grid-template-columns:1fr 1fr;
    gap:35px;
}

}

@media(max-width:576px){

.site-footer{
    padding-top:50px;
}

.footer-grid{
    grid-template-columns:1fr;
    gap:30px;
}

.footer-logo{
    width:180px;
}

.footer-bottom{
    padding:18px 0;
}

}