.l-section {
  padding: 112px 32px;
}

.l-section--compact {
  padding: 88px 32px;
}

.l-section--white {
  background: var(--gp-color-bg-white);
}

.l-section--light {
  background: var(--gp-color-bg-light);
}

.l-section--navy {
  background: var(--gp-color-navy);
}

@media (max-width: 768px) {
  .l-section {
    padding: 72px 20px;
  }
  .l-section--compact {
    padding: 56px 20px;
  }
}