/* ===== CLIENTS BLOCK ===== */
.clients-logos-wrapper {
  background: #fff; /* фон блока */
  padding: 40px 20px; /* отступы сверху/снизу и по бокам */
}

/* Контейнер логотипов */
.clients-logos {
  display: flex;
  flex-wrap: nowrap; /* выстраиваем в одну линию */
  gap: 20px;
  justify-content: flex-start; /* прижать к левому краю, можно center */
  align-items: center;

  max-width: 1200px; /* рабочая область как в common.css */
  margin: 0 auto;
  box-sizing: border-box;
  overflow-x: auto; /* если логотипов много, появится горизонтальный скролл */
  padding-bottom: 10px;
}

/* Логотип клиента */
.client-logo img {
  max-height: 110px; /* высота логотипа */
  object-fit: contain;
  transition: transform 0.3s ease;
}

.client-logo img:hover {
  transform: scale(1.05);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
  .client-logo img {
    max-height: 60px;
  }
  .clients-logos {
    gap: 15px;
  }
}

/* ===== CLIENTS TITLE ===== */
.clients-title {
  font-family: 'Inter', 'Segoe UI', Tahoma, sans-serif; /* шрифт как у заголовка "О компании" */
  font-size: 36px;       /* размер как у заголовка "О компании" */
  font-weight: 700;      /* жирность */
  line-height: 1.2;      /* высота строки */
  color: #000;           /* черный цвет */
  margin: 0 0 20px 0;    /* отступ снизу */
  max-width: 500px;
  word-break: break-word;
}