.client-slider {
  height: 100%; }
  @media (max-width: 1023px) {
    .client-slider {
      padding-bottom: 16px; } }
  .client-slider .splide__arrows {
    top: 35%; }
    @media (max-width: 1023px) {
      .client-slider .splide__arrows {
        top: 40%; } }
  .client-slider .splide__pagination {
    bottom: -2rem; }
  @media (min-width: 1024px) {
    .client-slider .client-card__img {
      max-height: 34rem; } }

.client-grid {
  display: grid;
  grid-template-columns: auto 103rem;
  gap: 4.8rem; }
  @media (max-width: 1023px) {
    .client-grid {
      grid-template-columns: 100%;
      gap: 20px; } }
  .client-grid__left {
    display: grid;
    grid-template-columns: 1fr 1fr; }
    @media (max-width: 1023px) {
      .client-grid__left {
        grid-template-columns: 1fr 1fr 1fr; } }
    @media (max-width: 575px) {
      .client-grid__left {
        grid-template-columns: 1fr 1fr;
        gap: 20px 0px; } }

.client-item {
  position: relative; }
  @media (min-width: 1024px) {
    .client-item:hover .client-item__inner {
      filter: grayscale(0);
      opacity: 1; } }
  .client-item:active .lazy-img-wrap {
    transform: scale(1.03); }
  .client-item__inner {
    padding: 0 3.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    filter: grayscale(100%);
    opacity: .4;
    transition: all ease .3s; }
    @media (max-width: 1023px) {
      .client-item__inner {
        padding: 0 32px; } }
    @media (max-width: 575px) {
      .client-item__inner {
        padding: 0 8px; } }
    .client-item__inner .lazy-img-wrap {
      height: 15rem;
      transition: all ease .3s; }
      @media (max-width: 1023px) {
        .client-item__inner .lazy-img-wrap {
          height: 88px; } }
      @media (max-width: 575px) {
        .client-item__inner .lazy-img-wrap {
          width: 144px;
          height: 88px; } }
    .client-item__inner img {
      object-fit: contain; }