.logos-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* ✅ 5 logos per row */
  gap: 20px;
  justify-items: center;
  align-items: center;
}

.logo-item img {
  max-width: 160px;
  height: auto;
  transition: transform 0.3s ease, opacity 0.3s ease;
  opacity: 0.9;
}

.logo-item img:hover {
  transform: scale(1.05);
  opacity: 1;
}
@media (max-width: 1600px) {
  .logos-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr); /* 5 equal-width columns */
    gap: 20px;
    justify-items: center; /* center logo inside each grid cell */
    align-items: center;
  }

  .logo-item {
    width: 100%; /* make each cell take full column width */
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .logo-item img {
    max-width: 100%; /* prevent overflow */
    height: auto;
    object-fit: contain; /* ensure logos keep proportions */
    transition: transform 0.3s ease, opacity 0.3s ease;
    opacity: 0.9;
  }

  .logo-item img:hover {
    transform: scale(1.05);
    opacity: 1;
  }

}


@media (max-width: 768px) {
  .logos-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 480px) {
  .logos-wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}