.footer{

    margin-top:100px;

    background:#0f172a;

    color:#fff;

}

.footer-grid{

    display:grid;

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

    gap:60px;

    padding:70px 0;

}
.footer-brand{

    max-width:420px;

}
.footer h3{

    font-size:28px;

    margin-bottom:15px;
    font-size:30px;
f   ont-weight:700;

}

.footer h4{

    margin-bottom:18px;
    color:white;
    font-size:18px;
}

.footer p{

    color:#cbd5e1;

    margin-bottom:12px;

    line-height:1.7;

}

.footer ul{

    list-style:none;

}

.footer li{

    margin-bottom:12px;

}

.footer a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.25s;

}

.footer a:hover{

    color:white;

}

.copyright{

    text-align:center;

    padding:25px;

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

    color:#94a3b8;

}
@media(max-width:900px){

.footer-grid{

grid-template-columns:1fr;

gap:35px;

}

.footer{

text-align:center;

}

}