.progress-step {
  position: relative;
  padding-bottom: 0.5rem; /* Ruimte onder de tekst */
  color: #6c757d; /* Bootstrap secondary color */
}

.progress-step::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #dee2e6; /* Bootstrap light border color */
}

.progress-step.active {
  color: #212529; /* Bootstrap dark color */
  font-weight: 600; /* Dikker lettertype */
}

.progress-step.active::after {
  background-color: #0d6efd; /* Bootstrap primary color */
}

/* Aangepaste breedte voor de hoofdcontainer */
.mw-960 {
  max-width: 960px;
}

/* Stijl voor de betaalmethode labels om klikbaar te maken */
.payment-method-label input[type=radio] {
  display: none; /* Verberg de standaard radio knop */
}

.payment-method-label {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  border: 1px solid #dee2e6;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: border-color 0.3s ease-in-out;
}

.payment-method-label:hover {
  border-color: #0d6efd; /* Bootstrap primary color on hover */
}

.payment-method-label input[type=radio]:checked + img {
  border: 2px solid #0d6efd; /* Visuele indicatie wanneer geselecteerd */
  border-radius: 0.25rem;
}

/* Stijl voor verplichte velden */
.required-label::after {
  content: " *";
  color: #dc3545; /* Bootstrap danger color */
}