/* ==================================================
   FOOTER - MEDICORP
================================================== */

.site-footer{
    background:linear-gradient(135deg, var(--primary-dark), #062642);
    color:rgba(255,255,255,.78);
    padding-top:80px;
}

.footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1.2fr;
    gap:55px;
}

.footer-brand img{
    max-width:220px;
    margin-bottom:24px;
}

.footer-brand p{
    max-width:390px;
    color:rgba(255,255,255,.75);
    margin-bottom:0;
}

.footer-column h3{
    color:var(--white);
    font-size:1.05rem;
    margin-bottom:22px;
}

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

.footer-column a{
    color:rgba(255,255,255,.72);
    font-size:.95rem;
}

.footer-column a:hover{
    color:var(--white);
    padding-left:4px;
}

.footer-bottom{
    margin-top:70px;
    padding:24px 0;
    border-top:1px solid rgba(255,255,255,.12);
}

.footer-bottom-content{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.footer-bottom p{
    margin-bottom:0;
    font-size:.9rem;
    color:rgba(255,255,255,.65);
}

.footer-bottom a{
    color:rgba(255,255,255,.65);
    font-size:.9rem;
    margin-left:22px;
}

.footer-bottom a:hover{
    color:var(--white);
}

/* RESPONSIVE */

@media (max-width:991px){

    .footer-grid{
        grid-template-columns:1fr 1fr;
        gap:45px;
    }

}

@media (max-width:768px){

    .site-footer{
        padding-top:65px;
    }

    .footer-grid{
        grid-template-columns:1fr;
        gap:35px;
    }

    .footer-brand img{
        max-width:190px;
    }

    .footer-bottom{
        margin-top:50px;
    }

    .footer-bottom-content{
        flex-direction:column;
        text-align:center;
    }

    .footer-bottom a{
        margin:0 8px;
    }

}