/* footer.css */

footer{
    position:relative;

    background:#061f31;

    color:rgba(255,255,255,.76);

    padding:48px 0 24px;

    overflow:hidden;
}

footer::before{
    content:"";

    position:absolute;
    inset:0;

    background:
    radial-gradient(
        circle at left bottom,
        rgba(53,179,74,.08),
        transparent 42%
    );

    pointer-events:none;
}

.footer-grid{
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
    1.2fr 0.8fr 1fr;

    gap:32px;

    padding-bottom:28px;

    border-bottom:
    1px solid rgba(255,255,255,.12);
}

footer h4{
    color:var(--white);

    font-size:18px;

    margin-bottom:12px;
}

footer p,
footer li{
    color:rgba(255,255,255,.7);

    font-size:15px;

    line-height:1.8;
}

footer ul{
    list-style:none;
}

footer li{
    margin-bottom:8px;
}

.map{
    width:100%;

    height:210px;

    border:0;

    border-radius:18px;

    filter:saturate(.85);
}

.copyright{
    position:relative;
    z-index:2;

    padding-top:20px;

    display:flex;

    justify-content:space-between;

    gap:16px;

    flex-wrap:wrap;

    color:rgba(255,255,255,.52);

    font-size:14px;
}

.footer-brand{
    display:flex;
    flex-direction:column;

    align-items:flex-start;
}

.footer-brand p{
    margin:
    0 0 18px;
}

.footer-logo{
    width:180px;
    height:auto;

    object-fit:contain;
}




/* Responsive */

@media (max-width:920px){

    .footer-grid{
        grid-template-columns:1fr;
    }


}