.ofx-guide {
  position: relative;
  margin: 1.25rem 0;
}

.ofx-guide > p {
  margin: 0;
}

.ofx-guide img {
  display: block;
  width: 100%;
  height: auto;
}

.ofx-guide__box {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: var(--w);
  height: var(--h);
  border: 3px solid #00bcd4;
  border-radius: 0.7rem;
  box-shadow: 0 0 0 2px rgba(11, 27, 46, 0.72);
  pointer-events: none;
}

.ofx-guide__box[data-step]::before {
  content: attr(data-step);
  position: absolute;
  left: -0.8rem;
  top: -0.8rem;
  display: grid;
  width: 1.65rem;
  height: 1.65rem;
  place-items: center;
  border: 2px solid #00bcd4;
  border-radius: 50%;
  background: #0b1b2e;
  color: #fff;
  font-size: 0.78rem;
  font-weight: 700;
  line-height: 1;
}