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

.footer{

    background:#111;

    color:#fff;

    padding:6rem 0 2rem;

}

.footer-top{

    text-align:center;

    max-width:700px;

    margin:0 auto 3rem;

}

.footer-logo{

    height:55px;

    margin-bottom:1.5rem;

}

.footer-description{

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

    line-height:1.8;

}

.footer-divider{

    width:100%;

    height:1px;

    background:rgba(255,255,255,.08);

    margin:3rem 0;

}

.footer-links{

    display:grid;

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

    gap:2rem;

}

.footer-card{

    background:rgba(255,255,255,.04);

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

    border-radius:18px;

    padding:2rem;

    text-align:center;

    transition:.35s;

}

.footer-card:hover{

    transform:translateY(-8px);

    background:rgba(255,255,255,.07);

}

.footer-card:nth-child(1) .footer-icon{

    color:#ef4444;

}

.footer-card:nth-child(2) .footer-icon{

    color:#3b82f6;

}

.footer-card:nth-child(3) .footer-icon{

    color:#0A66C2;

}

.footer-card h3{

    margin-bottom:.5rem;

}

.footer-card span{

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

    font-size:.95rem;

}

.footer-bottom{

    text-align:center;

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

    font-size:.9rem;

}

.footer-logo{

    display:block;

    height:55px;

    margin:0 auto 1.5rem;

}

.footer-grid{

    display:grid;

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

    gap:2rem;

    margin-top:3rem;

}