.client-logos-section {
  padding: 60px 20px;
}

.client-logos-inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}

.client-logos-title {
  font-size: 1.8rem;
  margin-bottom: 30px;
}

/* Grid layout */
.client-logos-grid {
  display: grid;
  gap: 24px;
  align-items: center;
  justify-items: center;
}

/* Mobile default: 2 per row */
.client-logos-grid img {
  max-height: 60px;
  width: auto;
  object-fit: contain;
  filter: grayscale(100%);
  /* opacity: 0.9; */
}

.client-logos-grid img:hover
 {
    filter: none;
}

/* 2 columns on small screens */
.client-logos-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* 3 columns on tablets */
@media (min-width: 640px) {
  .client-logos-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* 4 columns on desktop */
@media (min-width: 992px) {
  .client-logos-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}