.customer-logos {
    width: 100%;
    max-width: 81.575em;
    margin: 0 auto;
    padding: 1em 2em;
    display: flex;
    justify-content: center;
    gap: 3em; /* Updated to match previous main.css value */
    align-items: center;
}

.customer-logo {
    height: 1.4em; /* Reduced by 30% from 2em */
    width: auto;
    opacity: 0.672; /* Increased by 40% from 0.48 */
    filter: brightness(0) saturate(100%) invert(91%) sepia(19%) saturate(368%) 
            hue-rotate(316deg) brightness(103%) contrast(92%); /* #F2D8A7 */
    transition: opacity 0.3s ease;
}

.customer-logo:hover {
    opacity: 0.85; /* Adjusted for new base opacity */
}

@media (max-width: 768px) {
    .customer-logos {
        gap: 1.5em;
        flex-wrap: nowrap;
        padding: 1em;
    }
    
    .customer-logo {
        height: 1.17em; /* Increased by 30% from 0.9em */
    }
}

@media (max-width: 480px) {
    .customer-logos {
        gap: 1em;
    }
    
    .customer-logo {
        height: 1.04em; /* Increased by 30% from 0.8em */
    }
}