.container {
  max-width: var(--container-max);
  margin: 0 auto;
  padding-left: var(--spacing-3);
  padding-right: var(--spacing-3);
}

@media (max-width: 1199.98px) {
  .container {
    max-width: 960px;
  }
}

@media (max-width: 991.98px) {
  .container {
    max-width: 720px;
  }

  .section-padding {
    padding: var(--spacing-8) 0;
  }
}

@media (max-width: 767.98px) {
  .container {
    max-width: 540px;
  }

  .section-padding {
    padding: var(--spacing-6) 0;
  }
}

@media (max-width: 575.98px) {
  .section-padding {
    padding: var(--spacing-5) 0;
  }

  .section-title {
    font-size: 1.5rem;
  }

  .hero-content .hero-desc {
    font-size: 0.85rem;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

@media (min-width: 1600px) {
  .container {
    max-width: 1400px;
  }
}

@media (min-width: 1920px) {
  .container {
    max-width: 1500px;
  }
}

@media (min-width: 2560px) {
  .container {
    max-width: 1600px;
  }

  html {
    font-size: clamp(16px, 0.9vw, 24px);
  }
}