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


footer{


    background:#000744;

    color:white;

    padding:40px 8%;


}



.footer-container{


    display:flex;

    justify-content:space-between;

    align-items:center;


}



.footer-logo img{


    width:150px;


}



.footer-links{


    display:flex;

    gap:25px;


}



.footer-links a{
    color:white;
    text-decoration:none;
    transition: 0.3s;
}



.footer-links a:hover{
    color:#0ea5a4;
}





.footer-social-icons{
    top: 25px;
    right: 25px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-social-icons a{
    width: 42px;
    height: 42px;
    border:1px solid var(--white);
    color:var(--primary);
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: var(--white);
    border-radius: 50%;
    text-decoration: none;
    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
    transition: all 0.3s ease
}


.footer-social-icons a:hover{
    color: var(--accent);
    border-color: var(--accent);
    transform: translateY(-3px);
}

.footer-social-icons i{
    font-size: 18px;
}





.footer-bottom{


    text-align:center;

    margin-top:30px;

    padding-top:20px;

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

}


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


/* TABLET */
@media(max-width:1024px){


footer{

padding:40px 5%;

}



.footer-container{

gap:30px;

}



.footer-logo img{

width:130px;

}



.footer-links{

gap:18px;

}


}



/* MOBILE */
@media(max-width:600px){



footer{

padding:35px 5%;

}




.footer-container{

flex-direction:column;

justify-content:center;

text-align:center;

gap:25px;

}




.footer-logo img{

width:120px;

}





.footer-links{

flex-direction:column;

gap:15px;

}




.footer-links a{

font-size:14px;

}




.footer-social-icons{
    gap: 8px;
}

.footer-social-icons i{
font-size:15px;
}


.footer-social-icons a{
width: 30px;
height: 30px;
}






.footer-bottom{

margin-top:25px;

padding-top:15px;

font-size:13px;

}



}