.footer{

    padding-top:100px;

    background:var(--white);

}

.footer-grid{

    display:grid;

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

    gap:60px;

    padding-bottom:60px;

    border-bottom:1px solid #E2E8F0;

}

/* LOGO */

.footer-logo{

    display:inline-flex;

}

.footer-logo img{

    width:180px;

    margin-bottom:24px;

}

/* COMPANY */

.footer-column p{

    max-width:360px;

    color:#64748B;

    line-height:1.9;

}

/* TITLES */

.footer-column h3{

    margin-bottom:24px;

    font-size:1.05rem;

    font-weight:800;

    color:var(--primary);

}

/* LINKS */

.footer-column ul{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.footer-column ul li{

    color:#64748B;

}

.footer-column ul li a{

    position:relative;

    display:inline-block;

    color:#64748B;

    transition:color .3s ease;

}

.footer-column ul li a::after{

    content:"";

    position:absolute;

    left:0;
    right:0;
    bottom:-4px;

    height:2px;

    background:var(--accent);

    border-radius:999px;

    transform:scaleX(0);

    transform-origin:center;

    transition:transform .3s ease;

}

.footer-column ul li a:hover{

    color:var(--accent);

}

.footer-column ul li a:hover::after{

    transform:scaleX(1);

}

/* FOOTER BOTTOM */

.footer-bottom{

    padding:28px 0;

    text-align:center;

}

.footer-bottom p{

    color:#64748B;

    font-size:.95rem;

}