/* Extended client logo wall */

.logo-grid {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border: 1px solid var(--slate-200);
}

.logo-grid img,
.logo-grid img:nth-child(2n),
.logo-grid img:nth-child(4n),
.logo-grid img:nth-child(6n) {
  height: 7rem;
  padding: var(--space-5);
  border-right: 1px solid var(--slate-200);
  border-bottom: 1px solid var(--slate-200);
}

.logo-grid img:nth-child(6n) {
  border-right: 0;
}

.logo-grid img:nth-last-child(-n + 6) {
  border-bottom: 0;
}

@media (max-width: 1280px) {
  .logo-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .logo-grid img,
  .logo-grid img:nth-child(6n),
  .logo-grid img:nth-last-child(-n + 6) {
    border-right: 1px solid var(--slate-200);
    border-bottom: 1px solid var(--slate-200);
  }

  .logo-grid img:nth-child(4n) {
    border-right: 0;
  }

  .logo-grid img:nth-last-child(-n + 4) {
    border-bottom: 0;
  }
}

@media (max-width: 680px) {
  .logo-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .logo-grid img,
  .logo-grid img:nth-child(4n),
  .logo-grid img:nth-last-child(-n + 4) {
    height: 6.5rem;
    border-right: 1px solid var(--slate-200);
    border-bottom: 1px solid var(--slate-200);
  }

  .logo-grid img:nth-child(2n) {
    border-right: 0;
  }

  .logo-grid img:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
}