/*==================================
FOOTER
==================================*/

.footer{
    background:#0f172a;
    color:#fff;
    padding:80px 0 0;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.5fr;
    gap:50px;
    padding-bottom:60px;
}

.footer-column h3{
    font-size:20px;
    margin-bottom:24px;
    color:#fff;
}

.footer-about{
    margin-top:20px;
    color:#cbd5e1;
    line-height:1.8;
    max-width:380px;
}

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

.footer-column li{
    margin-bottom:14px;
}

.footer-column a{
    color:#cbd5e1;
    transition:.3s;
}

.footer-column a:hover{
    color:#fff;
}

.footer-contact strong{
    display:block;
    margin-bottom:6px;
    color:#fff;
    font-weight:600;
}

.footer-contact li{
    line-height:1.7;
    color:#cbd5e1;
}

.footer .custom-logo{
    max-height:60px;
    width:auto;
    background: rgb(246, 251, 255);
    border-radius: 8px;
    padding: 4px 8px;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.1);
    padding:25px 0;
    text-align:center;
    color:#94a3b8;
}

/*==================================
TABLET
==================================*/

@media (max-width:991px){

    .footer-grid{

        grid-template-columns:repeat(2,1fr);

        gap:40px;

    }

}

/*==================================
MOBILE
==================================*/

@media (max-width:767px){

    .footer{

        padding-top:60px;

    }

    .footer-grid{

        grid-template-columns:1fr;

        gap:35px;

        text-align:center;

    }

    .footer-about{

        max-width:100%;

        margin:20px auto 0;

    }

    .footer-column{

        display:flex;

        flex-direction:column;

        align-items:center;

    }

    .footer-column ul{

        width:100%;

    }

    .footer-contact{

        text-align:center;

    }

    .footer .custom-logo{

        margin:0 auto;

    }

}