.step-list { display: grid; gap: 14px; margin: 8px 0 28px; padding: 0; list-style: none; counter-reset: step; }
.step-list .step-list-item { position: relative; margin: 0; padding: 18px 20px 18px 74px; border: 1px solid #DCE6E1; border-radius: 14px; background: #FFFFFF; list-style: none; counter-increment: step; transition: border-color 0.2s, box-shadow 0.2s; }
.step-list .step-list-item:hover { border-color: #EFB93F; box-shadow: 0 0 0 1px rgba(239, 185, 63, 0.55), 0 6px 24px -6px rgba(239, 185, 63, 0.35); }
.step-list .step-list-item::before { content: counter(step); position: absolute; top: 18px; left: 20px; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: #0B3B2E; color: #EFB93F; font-size: 18px; font-weight: 600; box-shadow: inset 0 0 0 2px #EFB93F; }
.step-list .step-list-title, .step-list h3, .step-list h4, .step-list .h3, .step-list .h4 { display: block; margin: 0 0 4px; padding: 0; color: #0E2A22; font-size: 18px; font-weight: 600; line-height: 24px; }
.step-list .step-list-text { display: block; margin: 0; color: #3D554D; font-size: 16px; line-height: 26px; }
@media (max-width: 599px) {
  .step-list .step-list-item { padding: 16px 16px 16px 62px; }
  .step-list .step-list-item::before { top: 16px; left: 14px; width: 34px; height: 34px; font-size: 16px; }
}