.step {
  display: grid;
  gap: 32px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 60px;
  text-align: center;

  @media screen and (min-width: 769px) {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  &Item {
    &:nth-of-type(2) {
      .icon {
        display: none;
        @media screen and (min-width: 769px) {
          display: block;
        }
      }
    }
  }
  &ItemTop {
    position: relative;
    color: #3d3fea;
    margin-bottom: 24px;
    h6 {
      font-weight: 400;
      line-height: 1.75;
    }
    .icon {
      position: absolute;
      right: -32px;
      top: 0;
      width: 24px;
      height: 24px;
    }
  }
}