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

.footer{
    background:#050505;
    border-top:2px solid #f5c542;
    padding:60px 0 0;
}

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

.footer-logo{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}

.footer-logo img{
    height:70px;
    width:auto;
}

.footer-logo h3{
    font-size:1.6rem;
    margin-bottom:4px;
}

.footer-logo h3 span{
    color:#f5c542;
}

.footer-logo p{
    color:#cfcfcf;
    font-size:.9rem;
}

.footer-brand p{
    color:#ddd;
}

.footer h4{
    color:#f5c542;
    margin-bottom:18px;
    font-size:1.1rem;
}

.footer ul{
    list-style:none;
}

.footer ul li{
    margin-bottom:12px;
    color:#ddd;
}

.footer ul li a{
    color:#ddd;
    text-decoration:none;
    transition:.3s;
}

.footer ul li a:hover{
    color:#f5c542;
}

.footer-contact i{
    color:#f5c542;
    margin-right:10px;
}

.social-icons{
    display:flex;
    gap:12px;
}

.social-icons a{
    width:46px;
    height:46px;
    border-radius:50%;
    background:#121212;
    border:1px solid rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
    transition:.3s;
}

.social-icons a:hover{
    background:#f5c542;
    color:#000;
    transform:translateY(-4px);
}

.footer-bottom{
    margin-top:40px;
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
    padding:18px 0;
    color:#999;
    font-size:.95rem;
}

/* ================= MOBILE ================= */

@media(max-width:992px){

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

}

@media(max-width:768px){

    .footer-grid{
        grid-template-columns:1fr;
        text-align:center;
    }

    .footer-logo{
        justify-content:center;
    }

    .social-icons{
        justify-content:center;
    }

}