/* Container */
.container {
  max-width: 80%;
  margin: 0 auto;
  padding: 0 var(--spacing-md);
}

/* Sections */
.section {
  padding: var(--spacing-xxl) 0;
}

.section-title {
  font-family: var(--typography-9e7beb6-font-family);
  font-size: var(--typography-9e7beb6-font-size);
  font-weight: var(--typography-9e7beb6-font-weight);
  text-transform: var(--typography-9e7beb6-text-transform);
  line-height: var(--typography-9e7beb6-line-height);
  letter-spacing: var(--typography-9e7beb6-letter-spacing);
  word-spacing: var(--typography-9e7beb6-word-spacing);
  color: var(--color-text);
  margin-bottom: var(--spacing-sm);
}

.section-sub {
  font-family: var(--typography-text-font-family);
  font-size: var(--typography-text-font-size);
  font-weight: var(--typography-text-font-weight);
  line-height: var(--typography-text-line-height);
  letter-spacing: var(--typography-text-letter-spacing);
  word-spacing: var(--typography-text-word-spacing);
  color: var(--color-secondary);
  max-width: 700px;
  margin-bottom: var(--spacing-xl);
}

/* Responsive - Container */
@media (max-width: 768px) {
  .container {
    max-width: 80%;
    padding: 0 var(--spacing-md);
  }
}