.track-invoice-label{font-family:Source Sans Pro;font-size:14px;color:#201547}
.tracking-flex{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}
.latest-order{font-size:24px;font-weight:bold;text-align:left;font:Source Sans Pro;letter-spacing:-0.05px;color:#2e0f8b;margin-top:30px}
.latest-order-container{border:1px solid #e7e5de;padding-bottom:18px;margin-top:20px;margin-bottom:50px;margin-right:0;margin-left:0}
.order{background:transparent linear-gradient(283deg,#2e0f8b 0,#307fe2 100%) 0 0 no-repeat padding-box;width:max-content}
.order-no{font-size:16px;color:#fff;opacity:1;margin:12px}
.img{margin-top:-5px}
.sub-item{margin-top:35px}
.btn-2{background:#fff 0 0 no-repeat padding-box;border:2px solid #ac309e;border-radius:6px;opacity:.8;text-align:center;font:Source Sans Pro;font-size:16px;color:#201547;opacity:1;margin-bottom:30px;margin-top:30px;margin-right:30px;width:190px;min-height:46px;font-weight:bold;padding-top:11px}
.btn-2:hover{color:#fff;background-color:#ac309e}
.order-tracking{text-align:center;width:25%;position:relative;display:block}
.hre{color:#bb16a3;text-decoration:none;font-size:14px}
.hre:hover{color:#bb16a3}
.order-tracking .is-complete{display:block;position:relative;border-radius:50%;height:30px;width:30px;border:0 solid #afafaf;background-color:#d3c8c8;margin:0 auto;transition:background .25s linear;-webkit-transition:background .25s linear;z-index:2;margin-bottom:13px}
.order-tracking .is-complete:after{display:block;position:absolute;content:'';height:14px;width:7px;top:-2px;bottom:0;left:5px;margin:auto 0;border:0 solid #afafaf;border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0}
.order-tracking.completed .is-complete{border-color:#c5e86c;border-width:0;background-color:#c5e86c;border-radius:50%}
.order-tracking.completed .half-com{display:block;position:relative;border-radius:50%;height:30px;width:30px;border:0 solid #afafaf;background-color:#d3c8c8;margin:0 auto;transition:background .25s linear;-webkit-transition:background .25s linear;z-index:2;margin-bottom:13px;border:1px solid #c5e86c;background-image:linear-gradient(-90deg,#fff 50%,transparent 50%),linear-gradient(90deg,#c5e86c 50%,transparent 50%)}
.order-tracking.completed .is-complete:after{border-color:#fff;border-width:0 3px 3px 0;width:7px;left:11px;opacity:1}
.order-tracking.half-complete .is-complete:after{border-color:#c5e86c;border-width:0;background-color:#c5e86c;border-radius:50%}
.order-tracking p{color:#a4a4a4;font-size:14px;font:normal normal normal 14px/18px Source Sans Pro;color:#201547;opacity:1;margin-top:9px;margin-bottom:3px;line-height:20px}
.order-tracking p span{font-size:14px;font:Source Sans Pro;color:#201547;opacity:.6}
.order-tracking.completed p{color:#000}
.order-tracking::before{content:'';display:block;height:3px;width:calc(100% - 40px);background-color:#d3c8c8;top:13px;position:absolute;left:calc(-50% + 20px);z-index:0}
.order-tracking:first-child:before{display:none}
.order-tracking.completed:before{background-color:#c5e86c}
.row-1{flex-wrap:nowrap}
@media only screen and (max-width:576px){.order{width:100%}
.row-1{display:block}
.order-tracking p{width:150px}
.order-tracking{width:200px;display:flex;flex-wrap:nowrap}
.order-tracking::before{content:'';display:block;width:3px;height:calc(100% + 35px);background-color:#d3c8c8;top:-77px;position:absolute;left:calc(-50% + 124px);z-index:0}
.btn-latest-order,.btn-2{width:100%}
}