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

footer{

    background:var(--color-footer);

    padding:90px 0 70px;

    margin-top:60px;

    border-top:1px solid rgba(0,0,0,.05);
}

.footer-title{

    font-weight:700;

    margin-bottom:22px;

    font-size:20px;
}

.footer-links a{

    display:block;

    color:var(--color-text-light);

    margin-bottom:14px;

    transition:var(--transition);

    width:fit-content;
}

.footer-links a:hover{

    color:var(--color-primary);

    transform:translateX(-4px);
}

.footer-links a::after{

    content:'';

    display:block;

    width:0;
    height:1px;

    background:var(--color-primary);

    transition:var(--transition);
}

.footer-links a:hover::after{
    width:100%;
}

@media(max-width:768px){

    
    footer{
        text-align:center;
    }
    .footer-links {
            align-items: center;
    justify-content: center;
    flex-direction: column;
    display: flex;
    text-align: center;
    }







    .footer-column{
        margin-bottom:40px;
    }

}