#footer{
    margin-top: 0;
    background:#071326;
    border-top:1px solid rgba(0,191,255,.15);
    position: relative;
    z-index: 1;
}

.footer-wrapper{
    max-width:1400px;
    margin:auto;

    padding: 28px 40px;

    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap: 40px;
}

.footer-logo{
    font-family: 'Bebas Neue', sans-serif;
    font-size:2.3rem;
    font-weight:700;
    color:#00cfff;
    margin-bottom:15px;
}

.footer-desc{
    color:#a9bdd8;
    line-height:1.8;
    max-width:450px;
}

.footer-nav h3,
.footer-contact h3,
.footer-social-section h3{
    margin-bottom:20px;
}

.footer-links{
    list-style:none;
}

.footer-links li{
    margin-bottom:12px;
}

.footer-links a,
.footer-contact a,
.footer-contact span{
    color:#a9bdd8;
    text-decoration:none;
}

.footer-contact a,
.footer-contact span {
    display: block;
    margin-bottom: 8px;
}

.footer-social{
    display:flex;
    gap:12px;
}

.footer-social a{
    width:45px;
    height:45px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:50%;

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

    border:1px solid rgba(0,191,255,.15);

    color:#fff;

    text-decoration:none;

    transition:.3s;
}

.footer-social a:hover{
    color:#00cfff;
    border-color:#00cfff;
    transform:translateY(-3px);
}

.footer-copy{
    text-align:center;

    padding: 14px;

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

    color:#8ea8c8;
}

@media (max-width: 900px) {
    .footer-wrapper {
        grid-template-columns: 1fr 1fr;
        gap: 40px;
        padding: 50px 30px;
    }
}

@media (max-width: 520px) {
    .footer-wrapper {
        grid-template-columns: 1fr;
        gap: 32px;
        padding: 40px 20px;
    }
}