.footer{
    background:#020617;
    padding-top:70px;
    border-top:1px solid rgba(255,255,255,.05);
}

.footer-container{
    width:90%;
    max-width:1200px;
    margin:auto;

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px;
}

.footer h2,
.footer h3{
    color:#fff;
    margin-bottom:20px;
}

.footer-about p,
.footer-contact p{
    color:#94a3b8;
    line-height:1.8;
}

.footer-links ul{
    list-style:none;
}

.footer-links ul li{
    margin-bottom:12px;
}

.footer-links a{
    color:#94a3b8;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#38bdf8;
    padding-left:5px;
}

.social-icons{
    display:flex;
    gap:15px;
}

.social-icons a{
    width:45px;
    height:45px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:50%;
    background:#1e293b;

    color:#38bdf8;
    text-decoration:none;

    transition:.4s;
}

.social-icons a:hover{
    transform:translateY(-8px);
    background:#38bdf8;
    color:#fff;
    box-shadow:0 10px 25px rgba(56,189,248,.4);
}

.footer-bottom{
    margin-top:60px;
    text-align:center;
    padding:25px 0;
    border-top:1px solid rgba(255,255,255,.08);
}

.footer-bottom p{
    color:#64748b;
}
@media(max-width:992px){

    .footer-container{
        grid-template-columns:1fr 1fr;
    }
}

@media(max-width:576px){

    .footer-container{
        grid-template-columns:1fr;
        text-align:center;
    }

    .social-icons{
        justify-content:center;
    }
}