#cfw {
  counter-reset: checkoutSteps;

  #cfw-breadcrumb {
    li:first-child {
      display: none;
    }

    li.tab {
      flex-direction: row;
      align-items: center;
      flex: 1;
    }

    li.tab a {
      transition: all .2s ease;
      display: block;
      padding-bottom: 1em;
      border-bottom: 3px solid #333;
      width: 100%;
      text-align: center;
      font-size: 1em;
      color: #333;
      font-weight: normal;
    }

    li.tab.active ~ li.tab {
      a {
        color: #dfdcdb;
        border-bottom-color: #dfdcdb;

        &:after {
          display: none;
        }
      }
    }

    li.tab.active a {
      color: blue;
      border-bottom-color: blue;

      &:after {
        visibility: hidden;
      }
    }

    li.tab a:before {
      counter-increment: checkoutSteps;
      content: counter(checkoutSteps);
      display: inline-block;
      margin-right: 6px;

      @include media-breakpoint-down(md) {
        display: none;
      }
    }

    li.tab a:after {
      content: "✓";
      margin-left: 6px;
    }

    li.tab:after {
      display: none;
    }
  }
}