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

.footer{

    position:relative;

    padding:70px 20px 60px;

    background:#0B0B0B;

    overflow:hidden;

}

/*==================================================
LINHA SUPERIOR
==================================================*/

.footer::before{

    content:"";

    position:absolute;

    top:0;
    left:50%;

    transform:translateX(-50%);

    width:420px;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(0,218,0,.35),
        transparent
    );

}

/*==================================================
CONTAINER
==================================================*/

.footer-container{

    max-width:900px;

    margin:auto;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}

/*==================================================
TAG
==================================================*/

.footer-tag{

    margin-bottom:25px;

    font-size:13px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

    color:#8A8A8A;

}

/*==================================================
LOGO
==================================================*/

.footer-logo{

    width:220px;

    margin-bottom:28px;

    user-select:none;

    opacity:.92;
}

/*==================================================
DESCRIÇÃO
==================================================*/

.footer-description{

    max-width:500px;

    margin-bottom:70px;

    font-size:18px;

    line-height:2;

    color:#B9B9B9;

}

/*==================================================
CONTATOS
==================================================*/

.footer-contact{

    display:flex;

    flex-direction:column;

    gap:14px;

    margin-bottom:60px;

}

.footer-contact a,

.footer-contact span{

    font-size:17px;

    color:#D9D9D9;

    text-decoration:none;

    transition:.30s ease;

}

.footer-contact a:hover{

    color:#00DA00;

}

/*==================================================
DIVISOR
==================================================*/

.footer-divider{

    width:100%;

    max-width:850px;

    height:1px;

    margin-bottom:45px;

    background:linear-gradient(
    90deg,
    transparent,
    rgba(0,218,0,.18),
    transparent
    );

}

/*==================================================
RODAPÉ INFERIOR
==================================================*/

.footer-bottom{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:8px;

}

.footer-bottom p{

    font-size:15px;

    color:#8F8F8F;

    line-height:1.7;

}

.footer-bottom a{

    color:#AFAFAF;

    text-decoration:none;

    transition:.30s ease;

}

.footer-bottom a:hover{

    color:#00DA00;

}