/*==================================================
Zhitu Network
Footer.css
Version 2.0
==================================================*/

.footer{
    position:relative;
    overflow:hidden;
    padding:86px 0 30px;
    background:
        linear-gradient(
            180deg,
            #081A32 0%,
            #050E1D 100%
        );
    border-top:1px solid rgba(255,255,255,.08);
}

.footer::before{
    content:"";
    position:absolute;
    left:-220px;
    bottom:-220px;
    width:560px;
    height:560px;
    border-radius:50%;
    background:
        radial-gradient(
            circle,
            rgba(22,119,255,.13),
            transparent 70%
        );
    filter:blur(22px);
    pointer-events:none;
}

.footer-grid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:1.5fr 1fr 1fr 1.2fr;
    gap:46px;
}

.footer-logo{
    margin-bottom:22px;
}

.footer-logo h3{
    font-size:28px;
    color:#fff;
    letter-spacing:2px;
}

.footer-desc{
    max-width:360px;
    color:#AFC2E3;
    font-size:15px;
    line-height:1.9;
}

.footer-column h4,
.footer-contact h4{
    color:#fff;
    font-size:18px;
    margin-bottom:22px;
}

.footer-column ul{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.footer-column a{
    color:#AFC2E3;
    font-size:15px;
    transition:.3s;
}

.footer-column a:hover{
    color:#8FC8FF;
    padding-left:6px;
}

.footer-contact p{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    color:#AFC2E3;
    font-size:15px;
}

.footer-contact i{
    color:#8FC8FF;
}

.footer-bottom{
    position:relative;
    z-index:2;
    margin-top:58px;
    padding-top:24px;
    border-top:1px solid rgba(255,255,255,.08);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    color:#8198BA;
    font-size:14px;
}

/*==============================
MOBILE
==============================*/

@media(max-width:768px){

    .footer{
        padding:62px 0 24px;
    }

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

    .footer-logo h3{
        font-size:24px;
    }

    .footer-desc{
        max-width:100%;
        font-size:14px;
    }

    .footer-column h4,
    .footer-contact h4{
        margin-bottom:16px;
    }

    .footer-bottom{
        margin-top:38px;
        flex-direction:column;
        text-align:center;
        gap:10px;
    }

}