/*
|--------------------------------------------------------------------------
| MOAKHAT FOOTER
|--------------------------------------------------------------------------
*/

.site-footer{

    margin-top:80px;

    padding:50px 0;

    background:var(--background);

    border-top:1px solid var(--border);

}

.footer-inner{

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:60px;

    flex-wrap:wrap;

}

.footer-brand{

    flex:1;

    min-width:260px;

}

.footer-brand h3{

    margin-bottom:15px;

    color:var(--primary);

}

.footer-brand p{

    color:var(--text-light);

    margin-bottom:10px;

}

.footer-menu{

    flex:1;

    min-width:180px;

}

.footer-menu h4{

    margin-bottom:15px;

    color:var(--text);

}

.footer-menu ul{

    list-style:none;

}

.footer-menu li{

    margin-bottom:10px;

}

.footer-menu a{

    color:var(--text-light);

    text-decoration:none;

    transition:.25s;

}

.footer-menu a:hover{

    color:var(--primary);

}

.footer-bottom{

    margin-top:40px;

    padding-top:25px;

    border-top:1px solid var(--border);

    text-align:center;

    color:var(--text-light);

    font-size:14px;

}

@media(max-width:900px){

    .footer-inner{

        flex-direction:column;

        gap:35px;

    }

}