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


.footer{

    background:#000;

    color:#fff;

    padding:90px 0 30px;

}



.footer-grid{

    display:grid;

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

    gap:50px;

}



.footer-brand p{

    color:#aaa;

    max-width:380px;

    margin-top:25px;

    line-height:1.8;

}



.footer .logo-title{

    color:#fff;

}



.footer .logo-subtitle{

    color:#aaa;

}



.footer-column{

    display:flex;

    flex-direction:column;

    gap:14px;

}



.footer-column h4{

    font-size:16px;

    margin-bottom:15px;

}



.footer-column a{

    color:#aaa;

    transition:.3s;

}



.footer-column a:hover{

    color:#fff;

}



.footer-social{

    display:flex;

    gap:10px;

    margin-top:30px;

}



.footer-social a{

    padding:8px 15px;

    border:1px solid #333;

    border-radius:50px;

    font-size:13px;

}



.footer-bottom{

    margin-top:70px;

    padding-top:25px;

    border-top:1px solid #222;

    display:flex;

    justify-content:space-between;

    color:#777;

    font-size:14px;

}



@media(max-width:900px){


    .footer-grid{

        grid-template-columns:1fr;

    }


    .footer-bottom{

        flex-direction:column;

        gap:15px;

    }


}