.onboarding-steps {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  gap: 10px;
}

.step-indicator {
  flex-grow: 1;
  height: 4px;
  background-color: #e0e0e0;
  transition: background-color 0.5s ease;
}

.step-indicator.active {
  background-color: var(--f7-theme-color, #007aff);
}