.logo-grid {
    display: flex;
    /*flex-wrap: wrap;*/
    justify-content: center;
    gap: 5px;
}

.logo-item {
    width: 20%;
    padding: 15px;
    text-align: center;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-item img {
    max-width: 100px;
    /* Set a max width for logos */
    height: auto;
    /* Maintain aspect ratio */
    transition: transform 0.3s;
}

.logo-item img:hover {
    transform: scale(1.1);
    /* Add a hover effect */
}

.logo-item.gray {
    background: #eaeaea;
}

.logo-item.white {
    background: #F5F5F5;
}

.logo-grid .logo-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width: 768px) {
    .logo-grid .logo-item {
        width: 90%;
    }
}