.fp {
  display: flex;
  align-items: center;
  gap: .75rem;
}

.fp-line {
  flex: 0 0 1px;
  height: 18px;
  background: var(--bs-border-color, #dee2e6);
}

.fp-step {
  border: none;
  background: transparent;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}

.fp-step i {
  font-size: 1.1rem;
  opacity: .7;
}

.fp-step.active,
.fp-step:hover {
  background: rgba(13, 110, 253, .08);
}

.fp-step.active i {
  opacity: 1;
}