.section {
  background: var(--Base-Surface-Subtle-Normal);
  padding: var(--Space-x7) 0;
}

.maxWidth {
  display: grid;
  gap: var(--Space-x6);
  margin: 0 auto;
  max-width: var(--max-width-page);
}

@media screen and (min-width: 768px) {
  .section {
    padding: var(--Space-x9) 0;
  }

  .maxWidth {
    gap: var(--Space-x4);
  }
}

@media screen and (min-width: 1367px) {
  .maxWidth {
    gap: var(--Space-x2);
    grid-template-columns: 1fr 1fr;
  }
}