#head
{
  position: relative;
}

#body
{
  header
  {
    h1
    {
      font-size:30px;
      margin-bottom:50px;
    }
    .breadcrumb
    {
      padding:50px 0;
      display: flex;
      flex-wrap:wrap;
      li
      {
        a
        {
          color:#333;
          
        }
        &::after
        {
          content:'\\';
          padding:0 10px;
        }
        &:last-child
        {
          &::after
          {
            display: none;
          }
          a
          {
            color:$main-color;
          }
        }
      }
    }
  }
}

.step
{
  margin-bottom:50px;
  ul
  {
    display: flex;
    li
    {
      width: calc(100% / 3);
      text-align: center;
      position: relative;
      &::after
      {
        content:' ';
        width: 50%;
        left:0px;
        height: 1px;
        background-color: #ccc;
        position: absolute;
        top:16px;
      }
      &:nth-child(1)
      {
        &::after
        {
          left:50%;
        }
      }
      &:nth-child(2)
      {
        &::after
        {
          width:100%;
        }
      }

      i
      {
        width: 32px;
        height: 32px;
        line-height:32px;
        color:#333;
        border-radius: 100%;
        margin-bottom:10px;
        display: inline-block;
        background-color: #ccc;
        position: relative;
        z-index:1;
      }
      span
      {
        display: block;
      }
      &.active
      {
        i
        {
          background-color: $main-color;
          color:#fff;
        }
      }
    }
  }
  
}

#product-order
{
  .order
  {
    .order-card-head
    {
      background-color: #fff;
    }
    .order-card-body
    {
      background-color: #fff;
    }
  }
}

.card-content
{
  .card-head
  {
    background-color: #fff;
  }
  .card-body
  {
    background-color: #fff;
  }
}