/*
|--------------------------------------------------------------------------
| Global Layout
|--------------------------------------------------------------------------
*/
.cf-container {
  width: min(100% - 2rem, var(--cf-container-width));
  margin-inline: auto;
}
.cf-container-fluid {
  width: 100%;
  padding-inline: 1rem;
}
.cf-section {
  padding-block: clamp(4rem, 8vw, 8rem);
}
.cf-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 2rem;
}
.cf-col-12 {
  grid-column: span 12;
}
.cf-col-6 {
  grid-column: span 6;
}
.cf-col-4 {
  grid-column: span 4;
}
.cf-col-3 {
  grid-column: span 3;
}
@media (max-width: 61.9375rem) {
  .cf-col-6,
  .cf-col-4,
  .cf-col-3 {
    grid-column: span 12;
  }
}