.footer{
    background: linear-gradient(135deg, #061a33, #071c39);
    color:#fff;
    padding-top:70px;
    padding-bottom:0; /* IMPORTANT → removes bottom gap */
    margin:0;
}

.footer-logo {
    max-width: 160px;
    background: white;
    border-radius: 10px;
    padding: 5px;
}

/* title */
.footer-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
    position:relative;
    color: aliceblue;
}

.footer-title::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-8px;
    width:50px;
    height:2px;
    background:#ff6b00;
}

/* links */
.footer-links{
    list-style:none;
    padding:0;
    margin:0;
}

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

.footer-links a{
    color:#cfd6e4;
    text-decoration:none;
    transition:.3s;
}

.footer-links a:hover{
    color:#ff6b00;
    padding-left:6px;
}

/* contact */
.footer-contact p{
    margin-bottom:12px;
    color:#cfd6e4;
}

.footer-contact i{
    color:#ff6b00;
    margin-right:10px;
}

/* social */
.footer-social{
    display:flex;
    gap:10px;
    margin-top:15px;
}

.footer-social a{
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#0d2a57;
    color:#fff;
    transition:.3s;
    text-decoration:none;
}

.footer-social a:hover{
    background:#ff6b00;
    transform:translateY(-3px);
}

/* bottom */
.footer-bottom{
    margin-top:40px;
    padding:15px 0;
    text-align:center;
    border-top:1px solid rgba(255,255,255,0.1);
    color:#cfd6e4;
    font-size:14px;
    background:#061a33; /* removes white gap effect */
}