/* ==========================================================
   LEGACY FITNESS ZONE
   FOOTER STYLE
========================================================== */



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


.footer{


    background:#030303;


    padding-top:80px;


    border-top:


    1px solid rgba(255,255,255,0.08);


}








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


.footer-container{


    display:grid;


    grid-template-columns:


    1.5fr 1fr 1fr;


    gap:50px;


    padding-bottom:60px;


}








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


.footer-logo{


    display:flex;


    align-items:center;


    gap:15px;


    margin-bottom:20px;


}







.footer-logo img{


    width:65px;


    height:65px;


    object-fit:contain;


}







.footer-logo h3{


    font-size:26px;


    font-weight:800;


}








.footer-brand p{


    max-width:400px;


    color:#999;


    font-size:15px;


    line-height:1.8;


}








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


.footer-links h4,
.footer-social h4{


    font-size:20px;


    margin-bottom:25px;


    font-weight:700;


}








/* =========================
   QUICK LINKS
========================= */


.footer-links ul{


    display:flex;


    flex-direction:column;


    gap:15px;


}





.footer-links a{


    color:#aaa;


    font-size:15px;


    transition:0.3s ease;


}





.footer-links a:hover{


    color:#ff3c00;


    padding-left:8px;


}








/* =========================
   SOCIAL LINKS
========================= */


.social-links{


    display:flex;


    gap:15px;


}








.social-links a{


    width:45px;


    height:45px;


    display:flex;


    align-items:center;


    justify-content:center;


    border-radius:50%;


    background:#151515;


    color:white;


    font-size:18px;


    font-weight:700;


    border:


    1px solid rgba(255,255,255,0.08);


    transition:0.4s ease;


}







.social-links a:hover{


    background:#ff3c00;


    transform:translateY(-5px);


    border-color:#ff3c00;


}








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


.footer-bottom{


    border-top:


    1px solid rgba(255,255,255,0.08);


    padding:25px 0;


    text-align:center;


}







.footer-bottom p{


    color:#777;


    font-size:14px;


}








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


.footer::before{


    content:"";


    position:absolute;


    width:300px;


    height:300px;


    background:#ff3c00;


    filter:blur(180px);


    opacity:0.1;


    left:-150px;


}








/* =========================
   TABLET
========================= */


@media(max-width:900px){



.footer-container{


    grid-template-columns:


    repeat(2,1fr);


}





.footer-brand{


    grid-column:


    span 2;


}



}








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


@media(max-width:600px){



.footer{


    padding-top:60px;


}





.footer-container{


    grid-template-columns:1fr;


    gap:35px;


}





.footer-brand{


    grid-column:auto;


}





.footer-logo h3{


    font-size:22px;


}



}