.footer-section{

    background:var(--primary-blue);

    color:white;

    padding:40px 0 20px;
}

.footer-grid{

    display:grid;

    grid-template-columns:2fr 1fr 1fr 1fr;

    gap:30px;

    max-width:1000px;

    margin:0 auto;
}

.footer-logo{

    margin-bottom:15px;

    color:white;
}

.footer-column h4{

    margin-bottom:20px;

    color:var(--gold);
}

.footer-column ul{

    list-style:none;

    padding:0;
}

.footer-column li{

    margin-bottom:12px;
}

.footer-column a{

    color:white;

    text-decoration:none;
}

.social-icons{

    display:flex;

    gap:12px;

    margin-top:20px;
}

.social-icons a{

    width:44px;

    height:44px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:#ffffff15;

    color:#fff;

    text-decoration:none;

    transition:all .3s ease;
}

.social-icons a:hover{

    transform:translateY(-3px);

    background:var(--gold);

    color:#0f172a;
}

.footer-section hr{

    margin:25px 0;

    border-color:rgba(255,255,255,0.2);
}

.footer-bottom{

    display:flex;

    justify-content:space-between;

    align-items:center;

    max-width:1000px;

    margin:0 auto;
}

.footer-bottom a{

    color:white;

    text-decoration:none;
}

.footer-logo{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    font-size:2rem;
    font-weight:800;

    margin-bottom:15px;
}

.footer-logo-icon{
    height:45px;
    width:auto;
}

/* =========================
MOBILE FOOTER OPTIMIZATION
========================= */

@media(max-width:768px){

    .footer-section{
        padding:25px 0 15px;
    }

    .footer-grid{
        display:grid;
        grid-template-areas:
            "logo logo"
            "quick resources"
            "contact contact";
        grid-template-columns:1fr 1fr;
        gap:20px;
        text-align:center;
    }

    .footer-grid .footer-column:nth-child(1){
        grid-area:logo;
    }

    .footer-grid .footer-column:nth-child(2){
        grid-area:quick;
    }

    .footer-grid .footer-column:nth-child(3){
        grid-area:resources;
    }

    .footer-grid .footer-column:nth-child(4){
        grid-area:contact;
    }

    .footer-logo{
        font-size:1.8rem;
        margin-bottom:10px;
    }
    .footer-logo-icon{
    height:40px;
    }

    .footer-column p{
        font-size:0.9rem;
        line-height:1.6;
        margin-bottom:15px;
    }

    .footer-column h4{
        font-size:1.2rem;
        margin-bottom:10px;
    }

    .footer-column li{
        margin-bottom:6px;
    }

    .footer-column a{
        font-size:0.9rem;
    }

    .social-icons{
        justify-content:center;
        margin-top:12px;
        gap:10px;
    }

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

    .footer-bottom{
        flex-direction:column;
        gap:8px;
        text-align:center;
        font-size:0.85rem;
    }

}

.footer-logo .logo-prime{
    color:#ffffff;
}

.footer-logo .logo-tutors{
    color:var(--gold);
}