.client-logos {
  background: #f7f7f7;
  padding: 60px 20px;
  text-align: center;
  overflow: hidden;
}

.client-logos h2 {
  margin-bottom: 40px;
}

.section-title {
  font-size: 28px;
  font-weight: 600;
  color: #333;
}

.clientSlider {
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: auto;
}

.clientSlider-wrapper {
  display: flex;
  transition: transform 1s ease;
}

.clientSlider-slide {
  flex: 0 0 25%; /* 4 visible at a time */
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
}

.clientSlider-slide img {
  max-height: 80px;
  max-width: 150px;
  object-fit: contain;
}


/* Mobile devices (up to 480px) */
@media (max-width: 480px) {
  .client-logos h2 { 
    font-size: 10px; /* little spacing */
  }
}

/* Tablets (481px to 768px) */
@media (min-width: 481px) and (max-width: 768px) {
.client-logos h2 { 
    font-size: 12px; /* little spacing */
  }
}

/* Small laptops (769px to 1024px) */
@media (min-width: 769px) and (max-width: 1024px) {
  .client-logos h2 { 
    font-size: 15px; /* little spacing */
  }
}

/* Large laptops & desktops (1025px and above) */
@media (min-width: 1025px) {
  .client-logos h2 { 
    font-size: 20px; /* little spacing */
  }
}