.stepped {
  .step {
    margin-right:                                           0px !important;
    .step-separator {
      &:before {
        border-bottom:                                      $enrol-stepped-line-style $enrol-stepped-line-size $enrol-stepped-line-color;
      }
      .step-indicator {
        background:                                         transparent !important;
      }
    }
    h5 {
      color:                                                $enrol-text-title-color;
      font-weight:                                          $font-weight-bold-semi !important;
      white-space:                                          nowrap;
      @include media-breakpoint-down(sm) {
        margin:                                             0px 10px;
      }
    }
    p {
      color:                                                $enrol-text-text-color;
      font-size:                                            $enrol-text-text-size;
      font-weight:                                          700;
      white-space:                                          nowrap;
    }
    &.guide {
      .step-separator {
        .step-indicator {
          background:                                       transparent !important;
          border:                                           transparent !important;
        }
      }
      h5 {
        color:                                              $enrol-text-title-guide-color !important;
      }
    }
    &.active {
      .step-separator {
        &:before {
          border-bottom-color:                              $enrol-stepped-active-line-color;
        }
      }
      h5 {
        color:                                              $enrol-text-title-active-color;
      }
      p {
        color:                                              $enrol-text-text-active-color;
      }
      &.valid {
        .step-indicator {
          background:                                       transparent !important;
        }
      }
      &.current {
        .step-indicator {
          background:                                       $enrol-stepper-active-color !important;
        }
      }
    }
  }
}
