:root {
  --sdc-columns-max-width: 1440px;
  --sdc-columns-mobile-padding: 24px;
  --sdc-columns-heading-size: 50px;
  --sdc-columns-heading-color: #000;
  --sdc-columns-count: 4;
  --sdc-columns-gap: 24px;
}

.sdc-columns-wrapper {
  max-width: var(--sdc-columns-max-width);
  margin: 0 auto;
  padding: 0 var(--sdc-columns-mobile-padding) 1rem var(--sdc-columns-mobile-padding);
}

.sdc-columns {
}

.sdc-columns h2 {
  font-size: var(--sdc-columns-heading-size);
  color: var(--sdc-columns-heading-color);
  margin-top: 0;
}

.sdc-columns-items {
  display: grid;
  grid-template-columns: repeat(var(--sdc-columns-count), 1fr);
  grid-gap: var(--sdc-columns-gap);
}

.sdc-columns-item {

}