/* Footer Logo Styles */
.footer-logo {
    max-width: 200px;
    height: auto;
    display: block;
    margin-bottom: 10px;
    filter: brightness(0) invert(1); /* Makes the logo white */
    background-color: transparent;
    transform: scale(0.95);
    transform-origin: left center;
}

@media (max-width: 768px) {
    .footer-logo {
        max-width: 190px;
        margin-bottom: 8px;
        transform: scale(0.92);
    }
}

@media (max-width: 576px) {
    .footer-logo {
        max-width: 170px;
        margin-bottom: 6px;
        transform: scale(0.9);
    }
}