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

.footer{
    position:relative;
    margin:0;
    padding:0;

    background:#EFF4FF;

    border-top:0;
}


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

.footer-main{
    display:grid;

    grid-template-columns:1.45fr .8fr .95fr 1.2fr;

    gap:70px;

    padding:68px 0 42px;
}


/* ================= BRAND ================= */

.footer-logo{
    display:inline-flex;
    margin-bottom:24px;
}

.footer-logo img{
    width:185px;
    height:auto;
    object-fit:contain;
}

.footer-brand > p{
    max-width:340px;

    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:15px;
    font-weight:400;
    line-height:24px;

    color:#596174;

    margin-bottom:26px;
}


/* ================= SOCIAL ================= */

.footer-socials{
    display:flex;
    gap:14px;
}

.footer-socials a{
    width:38px;
    height:38px;

    border:1px solid #D9DFEA;
    border-radius:50%;

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

    transition:.25s ease;
}

.footer-socials a:hover{
    background:#FFFFFF;
    transform:translateY(-2px);
}

.footer-socials img{
    width:18px;
    height:18px;
    object-fit:contain;
}


/* ================= COLUMNS ================= */

.footer-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
}

.footer-column h3{
    font-family:"Manrope",sans-serif;
    font-size:16px;
    font-weight:700;
    line-height:24px;

    color:#111111;

    margin-bottom:20px;
}

.footer-column > a{
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:22px;

    color:#6C7382;

    margin-bottom:11px;

    transition:.2s ease;
}

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


/* ================= CONTACT ================= */

.contact-item{
    display:flex;
    align-items:flex-start;
    gap:12px;

    margin-bottom:17px;
}

.contact-item img{
    width:16px;
    height:16px;

    object-fit:contain;

    margin-top:4px;

    flex-shrink:0;
}

.contact-item p,
.contact-item a{
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:23px;

    color:#737A89;
}

.contact-item a{
    text-decoration:none;
}

.contact-item a:hover{
    color:#006780;
}


/* ================= BOTTOM ================= */

.footer-bottom{
    border-top:1px solid #E0E5EE;

    padding:28px 0 32px;
}

.footer-bottom p{
    font-family:"Plus Jakarta Sans",sans-serif;
    font-size:13px;
    font-weight:400;
    line-height:20px;

    color:#9299A7;
}


/* ================= RESPONSIVE ================= */

@media(max-width:1050px){

    .footer-main{
        grid-template-columns:1.4fr 1fr 1fr;
        gap:45px;
    }

    .footer-contact{
        grid-column:span 3;
    }

}


@media(max-width:700px){

    .footer-main{
        grid-template-columns:1fr;
        gap:38px;
        padding:55px 0 35px;
    }

    .footer-contact{
        grid-column:auto;
    }

    .footer-bottom{
        padding:22px 0 28px;
    }

}