/*
========================================
Footer
========================================
*/


.site-footer {

    background:
    #111827;

    color:
    var(--medipro-white);

    padding:
    60px 0 20px;

}



.footer-grid {

    display:grid;

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

    gap:40px;

}



.footer-brand p {

    margin:20px 0 15px;

    line-height:1.7;

    opacity:.8;

}



.footer-title {

    margin-bottom:20px;

}



.footer-widget ul {

    list-style:none;

    padding:0;

}



.footer-widget li {

    margin-bottom:10px;

}



.footer-widget a {

    color:white;

    text-decoration:none;

}



.footer-bottom {

    margin-top:40px;

    padding-top:20px;

    border-top:1px solid rgba(255,255,255,.2);

    text-align:center;

}



/*
Mobile
*/

@media(max-width:768px){


.footer-grid {

    grid-template-columns:
    1fr;

}


}

.footer-logo img {

    width:150px;

    height:auto;

}





.social-icon {

    width:38px;

    height:38px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    border:1px solid rgba(255,255,255,.3);

}



.social-icon svg {

    width:18px;

    height:18px;

    fill:white;

}



.social-icon:hover {

    opacity:.8;

}



.footer-social-title {

    margin:0 0 8px;

}





.footer-socials {

    margin:0;

    padding:0;

    display:flex;

    gap:15px;

    align-items:center;

}