.footer{

    background:#05080D;

    color:#fff;

    padding:80px 0 30px;

    position:relative;
}

.footer::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    radial-gradient(
        circle at center,
        rgba(15,138,108,.08),
        transparent 60%
    );

    pointer-events:none;
}

.footer .container{

    position:relative;

    z-index:2;
}


/* =========================
   TOP
========================= */

.footer-top{

    display:grid;

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

    gap:60px;

    padding-bottom:60px;
}


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

.footer-logo{

    width:180px;

    margin-bottom:30px;
}

.footer-brand p{

    max-width:240px;

    color:#D1D5DB;

    line-height:1.8;

    margin-bottom:30px;
}

.footer-linkedin{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;
    
    opacity:.8;
    
    transition:.3s ease;

}

.footer-linkedin:hover{

    opacity:1;

    transform:translateY(-2px);
}

.footer-linkedin img{

    width:22px;

    height:22px;

    display:block;
}


/* =========================
   SERVICES
========================= */

.footer-services{

    padding-left:60px;

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

.footer-services h3{

    font-size:1.5rem;

    margin-bottom:20px;

    font-weight:700;
}

.footer-services h3::after{

    content:"";

    display:block;

    width:40px;

    height:4px;

    background:var(--primary);

    border-radius:999px;

    margin-top:12px;
}

.footer-services ul{

    list-style:none;
}

.footer-services li{

    padding:18px 0;

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

.footer-services a{

    color:#D1D5DB;

    text-decoration:none;
}


/* =========================
   BOOK
========================= */

.footer-book{

    display:flex;

    align-items:center;

    justify-content:center;

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

.footer-book a{

    display:flex;

    align-items:center;

    gap:12px;

    padding:18px 26px;

    border:1px solid var(--primary);

    border-radius:12px;

    color:#fff;

    text-decoration:none;
}

.footer-book img{

    width:30px;
}


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

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:30px;

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

.footer-bottom p{

    color:#9CA3AF;
}

.footer-legal{

    display:flex;

    align-items:center;

    gap:20px;
}

.footer-legal a{

    color:#D1D5DB;

    text-decoration:none;
}

.footer-legal span{

    width:2px;

    height:18px;

    background:var(--primary);
}