.site-footer{
    margin-top:60px;
    background:#0f172a;
    color:#cbd5e1;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:40px;
    padding:60px 0 40px;
}

.footer-col h3,
.footer-col h4{
    color:#fff;
    margin-bottom:18px;
    font-size:1.15rem;
}

.footer-col p{
    line-height:1.9;
    color:#94a3b8;
}

.footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-col li{
    margin:12px 0;
}

.footer-col a{
    color:#cbd5e1;
    text-decoration:none;
    transition:.25s;
}

.footer-col a:hover{
    color:var(--primary);
    padding-right:6px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
    text-align:center;
    padding:20px;
    color:#94a3b8;
    font-size:.9rem;
}

@media(max-width:768px){

    .footer-grid{
        gap:30px;
        padding:40px 0;
    }

    .footer-col{
        text-align:center;
    }

    .footer-col a:hover{
        padding-right:0;
    }

}