.list-flow li.step > div:first-child {
  background: var(--beige);
  border-top: 2px solid var(--dark-gold);
}

.list-flow li.step > div:first-child > span {
  display: block;
  width: fit-content;
  text-transform: uppercase;
  font-family: var(--inter);
  font-size: var(--fz12);
  font-weight: 700;
  padding: 0 23px;
  clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
  background: var(--gold);
  color: #fff;
}

@media (min-width:768px) {
  .list-flow li.step {
    display: flex;
  }

  .list-flow li.step > div:first-child {
    width: 200px;
    display: flex;
    flex-direction: column;
  }

  .list-flow li.step > div:first-child .img-wrapper {
    flex: 1;
    display: grid;
    place-items: center;
  }

  .list-flow li.step > div:last-child {
    flex: 1;
  }
}