.metrics-section-container {
  container-type: inline-size;
  container-name: metrics;
}
.metrics-section-container .metrics {
  background-color: #EAE8E5;
  display: grid;
  border-radius: 20px;
  padding-inline: 3rem;
  padding-block: 4rem;
}
.metrics-section-container .metrics .metrics-container {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
}
.metrics-section-container .metrics .metrics-container .metric {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.metrics-section-container .metrics .metrics-container .metric .title {
  font-family: "Inter Tight", "Inter", system-ui, -apple-system, segoe ui, Roboto, helvetica neue, Arial, noto sans, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol, noto color emoji;
  font-weight: 600;
  color: #2F3337;
  margin-bottom: 0;
  font-size: clamp(2rem, 2rem + 1.6vw, 3.75rem);
  line-height: 1.2;
}
.metrics-section-container .metrics .metrics-container .metric .subtitle {
  font-size: 1rem;
  color: rgba(47, 51, 55, 0.6);
  margin-top: 10px;
  line-height: 1.5;
}
@container metrics (width < 1100px) {
  .metrics-section-container .metrics .metrics-container {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 50px;
  }
}
@container metrics (width > 1100px) {
  .metrics-section-container .metrics {
    padding-inline: 7.5rem;
    padding-block: 7.5rem;
  }
}
@container metrics (width < 700px) {
  .metrics-section-container .metrics .metrics-container {
    grid-template-columns: 1fr;
  }
}

/*# sourceMappingURL=metrics.css.map */