body {
  font-family: var(--lead-form-font-family);
}

.form-container {
  margin: 0 auto;
  padding: var(--lead-form-spacing-lg);
  max-width: 450px;
}

.form-title {
  text-align: center;
  margin-bottom: var(--lead-form-spacing-xl);
  color: var(--lead-form-color-dark);
}

.step-title {
  color: var(--lead-form-color-dark);
  font-size: var(--lead-form-font-size-md);
  margin-bottom: var(--lead-form-spacing);
  font-weight: var(--lead-form-font-weight-bold);
}

.purpose-subtitle {
  color: var(--lead-form-color-dark);
  font-size: var(--lead-form-font-size);
  margin-bottom: var(--lead-form-spacing-lg);
}

.form-navigation {
  margin-top: var(--lead-form-spacing-xl);
}

.btn-danger {
  background-color: var(
    --landing-primary-color,
    var(--lead-form-color-primary)
  );
  border-color: var(--landing-primary-color, var(--lead-form-color-primary));
}

.btn-danger:hover {
  background-color: var(--lead-form-color-primary-hover);
  border-color: var(--lead-form-color-primary-hover);
}

.step-content {
  animation: fadeIn var(--lead-form-transition-speed) ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Prevent text selection on all form labels and interactive elements to avoid mobile text cursor */
.form-check-label,
.form-label,
.expand-terms,
label {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

@media (min-width: 768px) {
  .form-container {
    padding-top: 48px;
    max-width: 630px;

    .loan-info-text {
      flex-direction: row;
      align-items: baseline;

      .loan-info-text-amount {
        margin-right: 6px;
      }
    }
  }
}

@media (min-width: 1200px) {
  .form-container {
    padding-top: 64px;
    max-width: 800px;
  }
}

/* Error Message Styling */
.error-message {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  display: block;
  width: 100%;
  clear: both;
}

/* Navigation Error Styling */
.navigation-error {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  display: block;
  text-align: center;
}




.autocomplete-wrapper {
  position: relative;
}

.autocomplete-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 6px;
  max-height: 220px;
  overflow-y: auto;
  z-index: 1000;
  display: none;
}

.autocomplete-item {
  padding: 10px 12px;
  cursor: pointer;
}

.autocomplete-item:hover {
  background: #f8f9fa;
}