.site-footer{

margin-top:80px;

background:#0b1020;

border-top:1px solid #202b48;

padding:50px 20px 20px;

color:white;

}



.footer-container{

max-width:1200px;

margin:auto;

display:flex;

justify-content:space-between;

gap:40px;

}



.footer-brand p{

color:#8d98b5;

}



.footer-links{

display:flex;

gap:70px;

}



.footer-links h3{

margin-bottom:15px;

}



.footer-links a{

display:block;

color:#9ca8c7;

margin-bottom:10px;

text-decoration:none;

}



.footer-links a:hover{

color:white;

}



.footer-bottom{

text-align:center;

margin-top:40px;

color:#6f7890;

}



@media(max-width:768px){


.footer-container{

flex-direction:column;

}


.footer-links{

flex-direction:column;

gap:25px;

}


}

@media(max-width:768px){

    .site-footer{

        margin-top:40px;

        padding:35px 20px 20px;

    }


    .footer-container{

        gap:30px;

    }


    .footer-brand h2{

        font-size:24px;

    }


    .footer-links{

        gap:20px;

    }


    .footer-links h3{

        font-size:18px;

        margin-bottom:10px;

    }


    .footer-links a{

        font-size:15px;

        margin-bottom:8px;

    }


    .footer-bottom{

        margin-top:25px;

        font-size:14px;

    }

}