/* Блок с логотипами клиентов */
/*
xs  < 576px — базовые стили
sm  ≥ 576px
md  ≥ 768px
lg  ≥ 992px
xl  ≥ 1200px
xxl ≥ 1400px
*/
.client-section {
  background-color: white;
  position: relative;
  z-index: 100;
  animation: init-client-section-animation 0.8s forwards;
}

.clients-slider .client-logo {
  max-width: 176px;
  filter: grayscale(100%);
  opacity: 0.95;
  transition: filter 100ms linear;
}

.clients-slider .client-logo:hover {
  filter: grayscale(0%);
  opacity: 1;
}

.clients-slider .vtb {
  max-width: 130px;
}

.clients-slider .mts {
  max-width: 65px;
}


@keyframes init-client-section-animation {
  from {
    opacity: 0;
    transform: translateX(-1200px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* ========================================
   (≥ 576px)
   ======================================== */
@media only screen and (min-width: 576px) {

}

/* ========================================
   (≥ 768px)
   ======================================== */
@media only screen and (min-width: 768px) {

}

/* ========================================
   (≥ 992px)
   ======================================== */
@media only screen and (min-width: 992px) {
  /* Блок с логотипами клиентов */
  .clients-slider .client-logo {
    max-width: 140px;
  }

  .clients-slider .vtb {
    max-width: 130px;
  }

  .clients-slider .mts {
    max-width: 65px;
  }

  /* / Блок с логотипами клиентов */
}

/* ========================================
   (≥ 1200px)
   ======================================== */
@media only screen and (min-width: 1200px) {

}

/* ========================================
   (≥ 1400px)
   ======================================== */
@media only screen and (min-width: 1400px) {

}