#footer {
    background-color: var(--primary-color);
    color: #fff;
        margin-top: -101px;
}

#footer .school-info {
    padding: 20px 0;
}

#footer .school-info .container {
   
    align-items: center;
    justify-content: center;
    gap: 30px;
    
}

#footer .footer-right {
    border-left: 1px solid #aed255;
    margin-left: 20px;
    width: 243px;
    padding-left: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}

#footer .footer-right p {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Raleway';
}

.footer-right .socials {
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: nowrap;
    
}

#footer .school-info .social-links {
    max-width: 27px;
    width: 100%;
    display: inline-block;
    
}

#footer .school-info .social-links img {
    /*width: 100%;*/
  
}

#footer .footer-copyright {
    background-color:#014c43 !important;
    padding: 8px 0;
    text-align: center;
}

#footer .footer-copyright a {
    color: #fff;
}

@media screen and (max-width: 999px) {
    #footer .school-info .container {
        flex-direction: column;
    }

    #footer .footer-right {
        padding-left: 0;
        margin-left: 0;
        margin-top: 15px;
        border-left: none;
        text-align: center;
    }
}
@media (max-width:768px){

    #footer{
        background:#00564d;
        padding:90px 20px 0;
        text-align:center;
        
    }

    /* Layout */
    #footer .container.flex,
    #footer .school-info .container{
        display:flex !important;
        flex-direction:column !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* Logo */
    #footer .footer-left{
                text-align: center !important;
        width: 168px;
    
    }

    #footer .footer-left img{
        max-width:280px !important;
        width:100% !important;
        height:auto !important;
        display:block !important;
        margin:0 auto !important;
    }

    /* Address */
    #footer .footer-right{
        width:100% !important;
        padding:0 !important;
        margin:0 !important;
        border:none !important;
        text-align:center !important;
    }

    #footer .footer-right p{
        color:#fff !important;
        font-size:18px !important;
        line-height:1.4 !important;
        font-weight:500 !important;
        margin:0 0 16px !important;  /* tighter */
    }

    /* Social icons (IMPORTANT FIX) */
    #footer .socials{
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:16px !important;
        
        padding:0 !important;
    }

    #footer .social-links{
        width:42px !important;
        height:42px !important;
        border-radius:50% !important;
        
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
    }

    /* Divider + copyright */
    #footer .footer-copyright{
        background:transparent !important;
        border-top:2px solid #a8c84d !important;
        padding:16px 15px 26px !important; /* tighter */
        margin-top:0 !important;
        text-align:center !important;
    }

    #footer .footer-copyright,
    #footer .footer-copyright p{
        color:#fff !important;
        font-size:16px !important;
        line-height:1.5 !important;
    }

    #footer .footer-copyright a{
        color:#fff !important;
        text-decoration:underline !important;
    }
}