/* Shared line-art language for the HERO and quiz icons. */
.icon-family {
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.proof-item .icon-family {
  width: 28px;
  height: 28px;
  flex: 0 0 28px;
  color: var(--accent);
  opacity: .8;
}

.quiz-benefit__icon .icon-family {
  width: 100%;
  height: 100%;
}