@media (max-width: 767.98px) {
            .footer-logos {
                display: none !important;
            }
        }

.logo-item {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 80px;
            padding: 15px;
            transition: transform 0.3s ease;
        }
        
        .logo-item:hover {
            transform: translateY(-5px);
        }
        
        .logo-item img {
            max-width: 100%;
            max-height: 60px;
            object-fit: contain;
            filter: grayscale(100%);
            transition: filter 0.3s ease;
        }
        
        .logo-item:hover img {
            filter: grayscale(0%);
        }