.footer {
    background-color: #f8f9fa; /* Background color for the footer */
    padding: 20px 0; /* Space above and below */
    text-align: center; /* Center the content in the footer */
}

.icon-wall {
    display: grid;
    grid-template-columns: repeat(4, 1fr); /* Always 4 columns per row */
    gap: 20px; /* Space between icons */
    padding: 20px; /* Space around the container */
}

.icon-item {
    display: flex;
    justify-content: center; /* Center the image horizontally */
    align-items: center; /* Center the image vertically */
    transition: transform 0.2s; /* Add transition for hover effect */
}

.icon-item:hover {
    transform: scale(1.1); /* Scale the item up on hover */
}

.icon-item img {
    width: 56px; /* Set width to 56 pixels */
    height: 56px; /* Set height to 56 pixels */
    object-fit: cover; /* Maintain aspect ratio while fitting in the box */
}

/* Media query for smaller screens */
@media (max-width: 800px) {
    .icon-wall {
        grid-template-columns: repeat(2, 1fr); /* 2 columns on smaller screens */
    }
}