.footer{

background:#111827;

color:#D1D5DB;

padding:80px 0 30px;

}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1.3fr;
    gap:40px;
    align-items:flex-start;
}

.footer-logo{

width:200px;

margin-bottom:20px;

}

.footer h3{

color:#fff;

margin-bottom:20px;

}

.footer h4{

color:#fff;

margin-bottom:20px;

}

.footer ul{

list-style:none;

padding:0;

}

.footer li{

margin-bottom:15px;

}

.footer a{

color:#D1D5DB;

transition:.3s;

}

.footer a:hover{

color:#60A5FA;

}

.copyright{

text-align:center;

padding-top:30px;

border-top:1px solid rgba(255,255,255,.08);

font-size:15px;

}

.footer-contact h4{
    color:#fff;
    margin-bottom:20px;
    font-size:20px;
}

.footer-contact p{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:16px;
    color:#D1D5DB;
    font-size:15px;
}

.footer-contact i{
    width:20px;
    color:#60A5FA;
    font-size:18px;
}

.footer-contact a{
    color:#D1D5DB;
    text-decoration:none;
    transition:0.3s;
}

.footer-contact a:hover{
    color:#60A5FA;
}

.footer-social{
    margin-top:25px;
}

.footer-social h5{
    color:#fff;
    margin-bottom:15px;
    font-size:16px;
    font-weight:600;
}

.footer-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:42px;
    height:42px;
    margin-right:12px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    color:#fff;
    text-decoration:none;
    transition:0.3s;
}

.footer-social a:hover{
    background:#2563EB;
    transform:translateY(-3px);
}

.footer-social i{
    font-size:18px;
}