/* override default breakpoints */
/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
.step-up-container {
  padding-top: 1.5rem;
  margin: 0 auto;
  max-width: 100%; }
  @media (min-width: 768px) {
    .step-up-container {
      border-top: 0.0625rem solid #d7d9dd;
      margin: 1.5rem auto 0; } }
  .step-up-container .step-up-list {
    gap: 0.5rem; }
  .step-up-container .step-up-tile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background-color: #fff;
    border: 0.0625rem solid #6f6f6f;
    border-radius: 1rem;
    text-decoration: none;
    color: inherit;
    padding: 0.5rem 0.75rem;
    min-height: 3rem; }
    .step-up-container .step-up-tile:hover {
      text-decoration: none;
      outline: 0.0625rem solid #6f6f6f; }
    .step-up-container .step-up-tile:focus {
      outline: 0.0625rem dashed #b6b6b6;
      outline-offset: 0.25rem; }
    .step-up-container .step-up-tile.is-hidden {
      display: none; }
    .step-up-container .step-up-tile.is-selected {
      border-color: #172e49;
      border-width: 0.125rem;
      color: #172e49;
      background-color: #fff;
      pointer-events: none; }
      .step-up-container .step-up-tile.is-selected .step-up-product-price .price {
        color: #172e49; }
        .step-up-container .step-up-tile.is-selected .step-up-product-price .price .sales {
          color: #172e49; }
    .step-up-container .step-up-tile .step-up-body {
      -webkit-box-flex: 1;
          -ms-flex-positive: 1;
              flex-grow: 1;
      gap: 1rem; }
    .step-up-container .step-up-tile .step-up-product-price .price {
      font-weight: 700;
      font-size: 0.75rem; }
      .step-up-container .step-up-tile .step-up-product-price .price .sales {
        font-weight: 700;
        font-size: 0.75rem;
        color: #000000;
        display: block; }
        .step-up-container .step-up-tile .step-up-product-price .price .sales .color {
          color: #c55002; }
      .step-up-container .step-up-tile .step-up-product-price .price .strike-through {
        margin-right: 0; }
    .step-up-container .step-up-tile .step-up-atc {
      min-height: 2rem;
      font-size: 0.75rem;
      width: auto; }
    .step-up-container .step-up-tile .step-up-oos {
      color: #d0021b; }
  .step-up-container .step-up-toggle {
    background-color: transparent;
    padding: 0;
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0.25rem; }
    .step-up-container .step-up-toggle-caret {
      margin-top: 0.125rem; }
    .step-up-container .step-up-toggle:focus {
      border: 0.0625rem solid #8f8f8f; }
    .step-up-container .step-up-toggle.is-expanded .step-up-toggle-caret {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
      margin-top: 0; }