.nw-checkoutsubheader {
  background: $checkout-topstrip-bg;

  @media screen and (min-width: $screen-min-sm) {
    // position: fixed;  commenting for iframe fix, caused by moengage iframe
    z-index: 10;
    width: 100%;
  }
}

.nw-checkoutsubheader-container {
  margin: 0 auto;
  max-width: $body-maxwidth;
}

.nw-checkoutsubheader-titlecontainer {
  @extend %nwc-centeralign-items;
  justify-content: flex-start;
}

.nw-checkoutsubheader-title {
  margin: 0;
  font-size: $font-size-normal;
  font-family: $checkout-topstriptitle-font;
  color: $checkout-topstriptitle-color;
  letter-spacing: 1.3px;
}

.nw-checkoutsubheader-buttoncontainer {
  @extend %nwc-centeralign-items;
}

.nw-checkoutsubheader-button {
  @extend %nwc-centeralign-items;
  border: 0;
  padding: 11px;
  font-size: $font-size-xs;
  font-family: $checkout-topstripnumber-font;
  color: $checkout-topstripbuttoninactive-color;

  &.is-active {
    border-bottom: 4px solid $checkout-topstripactivebutton-border;
    color: $checkout-topstripbutton-color;
  }
}

.nw-checkoutsubheader-number {
  @extend %nwc-centeralign-items;
  margin-right: 8px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background: $checkout-topstripnumber-bg;
  font-size: $font-size-xxs;
  font-family: $checkout-topstripnumber-font;
  color: $checkout-topstripnumber-color;

  &.is-active {
    background: $checkout-topstripnumberactive-bg;
    color: $checkout-topstripnumberactive-color;
  }
}