.footer-logo-container {
    margin-inline: auto;
    margin-top: 3rem;
}
.footer-logo {
    filter: invert(100%);
    max-width: 50dvw;
    width: 250px;
}
.grid-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px;
    max-width: 1100px;
}
.grid-item {
    text-align: center;
    font-size: 0.875rem;
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    color: #aaa;
}
.grid-item {
    flex-basis: calc(20% - 40px);
}
.footer-icon {
    width: 30%;
    max-width: 64px;
    height: auto;
    object-fit: contain;
}
@media (max-width: 1024px) {
    .grid-container {
        padding: 10px;
    }
    .grid-item {
        flex-basis: calc(33.33% - 20px); /* 100% / 3 items = 33.33%, minus gap */
    }

    /* Target the last two items to create the 2-item row */
    .grid-item:nth-last-child(-n+2) {
        flex-basis: calc(50% - 40px); /* 100% / 2 items = 50%, minus gap */
    }
}

/* Media Query for even smaller screens (optional, single column) */
@media (max-width: 320px) {
    .grid-item,
    .grid-item:nth-last-child(-n+2) {
        flex-basis: 100%; /* Each item takes up the full width */
    }
}