.home-solution-pattern {
  padding: var(--section-padding-y-60) 0;
}
.home-solution-pattern__title {
  margin: 0 0 24px;
}
.home-solution-pattern__text {
  margin: 0 0 24px;
}
.home-solution-pattern__note {
  font-weight: 700;
  margin: 0 0 24px;
}
.home-solution-pattern__metrics {
  margin: 32px 0;
}
.home-solution-pattern__metric {
  border-radius: 16px;
  margin: 0;
  padding: 18px 12px;
  width: 100%;
  border: 1px solid #DDE5E1;
}
.home-solution-pattern__metric--one {
  background: #eaf3f6;
}
.home-solution-pattern__metric--two {
  background: #f7f8f3;
}
.home-solution-pattern__metric--three {
  background: #f3f7e8;
}
.home-solution-pattern__metric-value {
  color: var(--primary-color);
  font-size: 32px;
  font-weight: 700;
  margin: 0 0 6px;
}
.home-solution-pattern__metric-label {
  color: var(--support-text-color);
  font-size: 12px;
  font-weight: 700;
  margin: 0;
}
.home-solution-pattern__image {
  height: 100%;
  margin: 0;
  position: relative;
  width: 100%;
  z-index: 1;
}
.home-solution-pattern__image img {
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.home-solution-pattern__visual-label {
  color: var(--support-text-color);
  font-size: var(--text-x-small);
  font-weight: 700;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

/*# sourceMappingURL=home-solution.css.map */