html,
* {
  font-family: "Libre Franklin", sans-serif;
}

:root {
  --bs-yellow: #ffd200;
  --bs-green: #009639;
  --bs-success: #009639;
  --bs-warning: #ffd200;
  --bs-success-rgb: 0, 150, 57;
  --bs-warning-rgb: 255, 210, 0;
}

.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #009639;
  --bs-btn-border-color: #009639;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #009639;
  --bs-btn-disabled-border-color: #009639;
}

.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffd200;
  --bs-btn-border-color: #ffd200;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffd200;
  --bs-btn-disabled-border-color: #ffd200;
}

.stepper .line {
  width: 2px;
  background-color: lightgrey !important;
}

.stepper .lead {
  font-size: 1.1rem;
}