.order-progress{
  align-items:center!important;
  gap:0!important;
  padding:22px 36px!important;
}
.order-progress span{
  min-width:0!important;
  gap:10px!important;
  color:#82958e!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.04em!important;
  white-space:nowrap!important;
}
.order-progress span:not(:last-child):after{
  left:34px!important;
  right:10px!important;
  top:14px!important;
}
.order-progress i{
  flex:0 0 29px!important;
  width:29px!important;
  height:29px!important;
}
.order-progress b{
  position:relative!important;
  z-index:2!important;
  display:inline-block!important;
  padding:5px 12px 5px 0!important;
  background:#0b1713!important;
  color:inherit!important;
}
.order-progress.cancelled b{background:#2a1111!important}
.order-progress .active{color:#dffff5!important}

@media(max-width:850px){
  .order-progress{padding:18px 22px!important}
  .order-progress span{justify-content:flex-start!important}
  .order-progress b{display:none!important}
  .order-progress span:not(:last-child):after{left:31px!important;right:5px!important;top:13px!important}
  .order-progress i{flex-basis:27px!important;width:27px!important;height:27px!important}
}
@media(max-width:480px){
  .order-progress{padding:16px 14px!important}
  .order-progress span{justify-content:center!important}
}