.step-icon { display: grid; place-items: center; }
.step-icon i { font-size: 1.05rem; color: #fff; }
.step-icon:before, .step-icon:after { content: none !important; }
@media (max-width: 820px) {
  .steps { gap: 0; }
  .steps > div {
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    column-gap: 14px;
    row-gap: 4px;
    padding: 22px 0;
    border-top: 1px solid #72a7a8;
  }
  .steps > div:last-child { border-bottom: 1px solid #72a7a8; }
  .steps .step-icon {
    position: static;
    grid-column: 1;
    grid-row: 1 / 4;
    align-self: start;
    width: 40px;
    height: 40px;
  }
  .steps .step-number { grid-column: 2; grid-row: 1; }
  .steps h3 { grid-column: 2; grid-row: 2; margin: 0; line-height: 1.3; }
  .steps p { grid-column: 2; grid-row: 3; margin: 0; }
}