.clients-section{
  padding:110px 20px;
  background:#fff;
}

.clients-head{
  max-width:900px;
  margin:0 auto 60px;
  text-align:center;
}

.clients-head h2{
  font-size:2.4rem;
  font-weight:800;
  margin-bottom:12px;
}

.clients-head p{
  color:#555;
  line-height:1.7;
}

/* container */
.clients-logos{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:column;
  gap:20px;
}

/* 7 per row */
.clients-row{
  display:grid;
  grid-template-columns:repeat(7, minmax(0, 1fr));
  gap:18px;
  align-items:center;
}

/* logo */
.clients-row img{
  width:100%;
  max-height:110px;
  object-fit:contain;
  filter:grayscale(100%);
  opacity:.88;
  transition:opacity .2s ease, filter .2s ease;
}

.clients-row img:hover{
  opacity:1;
  filter:grayscale(0);
}

/* Responsive (optional) */
@media(max-width:1024px){
  .clients-row{ grid-template-columns:repeat(5, minmax(0,1fr)); }
}
@media(max-width:768px){
  .clients-row{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}
@media(max-width:480px){
  .clients-row{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}