.steps-wrapper {
  overflow: hidden;
}

.steps {
  margin: 0;
  padding: 0;
  width: fit-content;
  display: flex;
  transition: transform .5s ease;
}

.steps li {
  list-style: none;
  opacity: 0;
  transition: opacity .5s ease-in-out, transform .5s ease-in-out;
  transform-origin: left center;
}

.steps li.active {
  opacity: 1;
}

.prev-btn {
  display: none;
  padding: 0.7rem;
  width: 100px;
}

.form-input {
  display: flex;
  width: 100%;
  justify-content: center;
  gap: 10px;
  margin-bottom: 20px;
}

.form-input .form-floating {
  width: 100%;
}

.step-indicators span.active {
  background-color: var(--bs-primary);
}