.footer{

    background:#06182C;

    color:#CBD5E1;

    padding:80px 8% 30px;
}

.footer-container{

    max-width:1400px;

    margin:auto;

    display:grid;

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

    gap:50px;
}

.footer-brand img{

    max-width:260px;

    background:white;

    padding:15px;

    border-radius:15px;

    margin-bottom:25px;
}

.footer-brand p{

    color:#CBD5E1;

    line-height:1.8;
}

.footer-col h4{

    color:white;

    margin-bottom:20px;

    font-size:18px;

    font-weight:700;
}

.footer-col ul{

    list-style:none;

    padding:0;

    margin:0;
}

.footer-col li{

    margin-bottom:12px;
}

.footer-col a{

    color:#CBD5E1;

    transition:.3s;
}

.footer-col a:hover{

    color:white;
}

.footer-bottom{

    margin-top:50px;

    padding-top:25px;

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

    text-align:center;

    color:#94A3B8;

    font-size:14px;
}

@media(max-width:992px){
    .footer{
        padding:70px 6% 30px;
    }

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

    .footer-brand{
        grid-column:1 / -1;
    }
}

@media(max-width:768px){
    .footer{
        padding:60px 6% 28px;
        text-align:center;
    }

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

    .footer-brand img{
        margin:auto auto 22px;
        max-width:220px;
    }

    .footer-col h4{
        margin-bottom:14px;
    }

    .footer-col li{
        margin-bottom:10px;
    }

    .footer-bottom{
        margin-top:35px;
        font-size:13px;
        line-height:1.6;
    }
}

@media(max-width:480px){
    .footer{
        padding:50px 5% 25px;
    }

    .footer-brand img{
        max-width:200px;
    }
}