.steps {
  padding-block: 60px;
  background: #eef3ef;
}
@media (min-width: 1024px) {
  .steps {
    padding-block: 100px;
  }
}
.steps__inner {
  width: min(100% - 40px, 1200px);
  margin-inline: auto;
}
.steps__header {
  max-width: 640px;
  margin-bottom: 40px;
}
.steps__eyebrow {
  margin: 0 0 12px;
  color: #9a5b00;
  font-size: 0.75rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.steps__title {
  margin: 0;
  color: #123f38;
  font-size: clamp(1.75rem, 1.4rem + 1.4vw, 2.5rem);
  font-weight: 700;
  line-height: 1.15;
}
.steps__items {
  display: grid;
  gap: 20px;
}
@media (min-width: 768px) {
  .steps__items {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 1024px) {
  .steps__items {
    grid-template-columns: repeat(3, 1fr);
  }
}
.steps__items {
  margin: 0;
  padding: 0;
  list-style: none;
}
.steps__item {
  padding: 28px;
  border-radius: 16px;
  background: #fff;
}
.steps__number {
  display: block;
  margin-bottom: 20px;
  color: #dbdddc;
  font-size: 2.25rem;
  font-weight: 700;
  line-height: 1;
}
.steps__item-title {
  margin: 0 0 8px;
  color: #123f38;
  font-size: 1.125rem;
  font-weight: 600;
  line-height: 1.3;
}
.steps__item-description {
  margin: 0;
  color: #5e6d68;
  font-size: 0.9rem;
  line-height: 1.6;
}

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