/* Logo Grid Styles */
.logogrid-container {
    /* Add general styles for the container if needed */
}

.logogrid {
    display: grid;
    gap: 50px 30px;
    /* Adjust the gap between logos as needed */
}

/* Column Styles */
.logogrid.columns-3 {
    grid-template-columns: repeat(3, 1fr);
}

.logogrid.columns-4 {
    grid-template-columns: repeat(4, 1fr);
}

.logogrid.columns-5 {
    grid-template-columns: repeat(5, 1fr);
}

.logogrid.columns-6 {
    grid-template-columns: repeat(6, 1fr);
}

.logogrid.columns-7 {
    grid-template-columns: repeat(7, 1fr);
}

.logogrid.columns-8 {
    grid-template-columns: repeat(8, 1fr);
}

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

.logo-item img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: contain;
    object-position: center center;

}

/* Logo Type Styles */
.logogrid.type-color .logo-item img {
    /* Styles for full-color logos */
}

.logogrid.type-grey .logo-item img {
    filter: contrast(0.1) grayscale(1);
    opacity: .8;
}

.logogrid.type-white .logo-item img {
    filter: brightness(0) invert(1);
}

/* Additional styles for logo items */
.logo-item {
    /* Add any additional styling for individual logo items here */
}

/* Responsive adjustments */
@media (max-width: 1199px) {
    .logogrid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 991px) {
    .logogrid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}