.orderTracker{text-align:center;background:#f4f5f6;padding:80px 20px}.orderTracker .searchBox{border:1px solid #ccc;border-radius:8px;max-width:800px;margin:0 auto 40px;display:flex;overflow:hidden}.orderTracker .searchBox input{border:none;outline:none;flex:1;padding:16px;font-size:16px}.orderTracker .searchBox button{cursor:pointer;background:#165dba;border:none;width:70px;font-size:18px}.orderTracker .searchBox button img{margin-inline-start:auto;margin-inline-end:auto}.orderTracker .orderInfo{margin-bottom:50px}.orderTracker .orderInfo h2{font-size:30px;font-weight:600}.orderTracker .orderInfo h2 span{color:#165dba}.orderTracker .orderInfo h3{margin-top:10px;font-size:30px;font-weight:500}.orderTracker .progressWrapper{justify-content:space-between;align-items:center;margin-top:40px;display:flex;position:relative}.orderTracker .progressWrapper .progressLine{z-index:1;background:#ddd;height:4px;position:absolute;top:13px;left:0;right:0}.orderTracker .progressWrapper .progressFill{z-index:2;background:#165dba;height:4px;transition:width .4s;position:absolute;top:13px;left:0}.orderTracker .progressWrapper .step{z-index:3;text-align:center;position:relative}.orderTracker .progressWrapper .step .circle{color:#fff;background:#ddd;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;margin:0 auto 10px;font-size:16px;transition:all .3s;display:flex}.orderTracker .progressWrapper .step .circle.active{background:#165dba}.orderTracker .progressWrapper .step p{color:#555;font-size:14px}.orderTracker .progressWrapper .step p.active{color:#000;font-weight:500}.orderTracker .loading{margin-top:20px}@media only screen and (max-width:991px){.orderTracker{padding:50px 0 80px}.orderTracker .searchBox input{padding:10px 16px}.orderTracker .searchBox button{width:60px}.orderTracker .orderInfo{margin-bottom:10px}.orderTracker .orderInfo h2,.orderTracker .orderInfo h3{font-size:20px}.orderTracker .progress-container{width:100%;overflow-x:auto}.orderTracker .progressWrapper{min-width:543px}}