.profile-step {
  position: relative;
  transition: all 0.3s;
  display: flex;
  width: 100%;
  .icon {
    max-width: 18px;
  }
  &:nth-child(3) {
    margin-right: unset;
  }

  &.active {
    font-weight: bold;
  }

  &:hover {
    opacity: 0.6;
  }
  &__mob {
    display: none;
  }
  input {
    display: none;
  }
  label {
    cursor: pointer;
  }
}

@media (max-width: 800px) {
  .profile-step {
    &__mob {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: sticky;
      top: 0;
      background-color: #fff;
      width: 100%;
      z-index: 5;
    }
  }
}