.bard-form-header-right {
    flex-direction: column;
    margin-top: -10px;
}

.active-page{
    background: red !important;
}
/* Progress bar track */
.af-page-wrap {
  background-color: #FFDAB9; /* Peach */
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 4px;
  position: relative;
  flex: 1;
  border-radius: 0px;
  transition: background-color 0.3s ease;
    padding: 5px;
}

.af-page-button .index,
.af-page-button::before,
.af-page-button::after {

  display: none !important;
  content: none !important;
}

.af-page-button{
      background: none !important;
      border-right: 0px !important;
}

/* Step block (circle becomes square-ish block) */
.af-page-button.current{
  background-color: #EC653E !important;
  color: white;
  font-weight: bold;
  width: 10px !important;;
  height: 10px !important;;
  border-radius: 0px !important;;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, transform 0.3s ease;
}