html, body{
    margin:0;
    padding:0;
    
}

.fx-footer{
    margin:0;              /* removes outer gap */
    padding:0;             /* removes bottom/side space */
    width:100%;
    background:#5f6f7a;
    color:#fff;
    position:relative;
    margin-top:120px;
}


.footer-wave{
    position:absolute;
    top:-120px;
    left:0;
    width:100%;
    height:120px;
}

.footer-inner{
    max-width:1200px;
    margin:auto;
    padding:60px 30px 40px;
    text-align:center;
}

.footer-copy{
    font-size:14px;
    margin-bottom:25px;
    opacity:0.9;
}

.footer-links{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:26px;
    margin-bottom:35px;
}

.footer-links a{
    color:#fff;
    font-size:15px;
    text-decoration:none;
}

.footer-links a:hover{
    text-decoration:underline;
}

.footer-social{
    display:flex;
    justify-content:center;
    gap:18px;
}

.footer-social a{
    width:44px;
    height:44px;
    background:#fff;
    color:#5f6f7a;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
    transition:0.3s;
    text-decoration:none;
}

.footer-social a:hover{
    transform:translateY(-4px);
}

/* ================= MOBILE ================= */
@media(max-width:768px){
    .footer-links{gap:15px}
}