/* Additions on top of the Webflow styles. */

/* About page: "By the numbers" stats grid */
.about-stats_list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3rem 2rem;
  text-align: center;
}
.about-stats_number {
  font-size: 4.5rem;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 991px) {
  .about-stats_list { grid-template-columns: repeat(2, 1fr); }
  .about-stats_number { font-size: 4rem; }
}
@media screen and (max-width: 479px) {
  .about-stats_list { grid-template-columns: 1fr; }
  .about-stats_number { font-size: 3.5rem; }
}
.about-stats_list { width: 100%; }

/* Good Contractors List guarantee card */
.guarantee-card {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  max-width: 36rem;
  padding: 1.25rem;
  background-color: #fff7e0;
  border: 2px solid #f6be41;
  border-radius: 0.75rem;
  box-shadow: 0 12px 16px -4px #00000014, 0 4px 6px -2px #00000008;
  text-align: left;
}
.guarantee-card_badge {
  flex: none;
  width: 7rem;
  height: auto;
}
.guarantee-card_lead {
  margin: 0 0 0.5rem;
  font-weight: 600;
}
.guarantee-card_list {
  margin: 0;
  padding-left: 1.1rem;
  font-size: 0.9375rem;
}
.guarantee-card_list li { margin-top: 0.25rem; }
.guarantee-card_list li::marker { color: var(--carmine); }
.guarantee-card_list a { color: inherit; text-decoration: underline; }
@media screen and (max-width: 479px) {
  .guarantee-card { gap: 1rem; padding: 1rem; }
  .guarantee-card_badge { width: 5rem; }
}