/*--------------------------------------------------
  Eligibility Form Styling
--------------------------------------------------*/
.eligibility_form-wrapper {
  align-items: center;
}

.form-progress-bar {
  opacity: 0;
}

.eligibility_form-wrapper {
  height: 100vh;
}

.company-search_skeleton-loading {
  background-color: var(--_color-modes---scale--scale-5) !important;
}

[data-company-search="list"].active {
  border-color: rgba(168, 168, 168, 0.5);
}

.company-search_skeleton-item {
  opacity: 0.1;
}

.company-search-custom {
  background-color: #ffffff0d !important;
  color: #ffffff99 !important;
}

input[type="radio"]:checked+.form_radio_label {
  background-color: rgba(5, 97, 209, 0.1) !important;
  border-color: var(--_colors---base-color-brand--volt) !important;
  color: #fff !important;
}

/* Button Pulse Animation */

/* Define the pulse keyframes */
@keyframes button-pulse {

  0%,
  100% {
    transform: translateY(0);
  }

  50% {
    transform: translateY(-0.2rem);
  }
}

/* Active button gets the pulse animation */
.form-button.is-eligibility:not(.is-inactive) {
  animation: button-pulse 1.5s ease-in-out infinite;
}

/* Inactive button has no animation and your grey styling */
.form-button.is-eligibility.is-inactive {
  background-color: #3b3b3b;
  color: #757575;
  animation: none;
  /* Explicitly remove animation */
}

/* Optional: Add a subtle transition when switching between states */
.form-button.is-eligibility {
  transition: background-color 0.3s ease, color 0.3s ease;
}

[data-icon-morph="icon"] {
  transform: translateY(-2px);
}

/* Hide all non-default quiz results */
[data-quiz-result]:not([data-quiz-result="default"]) {
  display: none;
}