/* Methodology icons placed before the existing step numbers. */
.why .benefits article > span {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.why .benefits article > span::before {
  content: "";
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: var(--step-icon) center / contain no-repeat;
  pointer-events: none;
}
.why .benefits article:nth-child(1) > span {
  --step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23688143' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='20' cy='20' r='13'/%3E%3Cpath d='m30 30 11 11M14 20h12M20 14v12'/%3E%3C/svg%3E");
}
.why .benefits article:nth-child(2) > span {
  --step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23688143' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M38 6H10a5 5 0 0 0-5 5v21a5 5 0 0 0 5 5h5v7l10-7h13a5 5 0 0 0 5-5V11a5 5 0 0 0-5-5Z'/%3E%3Cpath d='M13 17h22M13 25h15'/%3E%3C/svg%3E");
}
.why .benefits article:nth-child(3) > span {
  --step-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48' fill='none' stroke='%23688143' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='6' y='9' width='36' height='33' rx='4'/%3E%3Cpath d='M15 5v8M33 5v8M6 19h36m-26 12 6 6 11-12'/%3E%3C/svg%3E");
}