.tracking-page{max-width:900px;margin:auto;padding:0 20px 80px}.tracking-form{display:grid;grid-template-columns:1fr 1fr auto;gap:15px;border:1px solid #dfe6de;padding:25px;border-radius:16px}.tracking-form label{display:flex;flex-direction:column;gap:7px}.tracking-form input{padding:12px;border:1px solid #dfe6de;border-radius:9px}.tracking-form .cta{margin:0;align-self:end}.tracking-result{margin-top:25px;padding:28px;border:1px solid #dfe6de;border-radius:16px}.tracking-result h2 span{color:#226b4b}.track-steps{display:grid;grid-template-columns:repeat(5,1fr);margin-top:30px}.track-steps div{position:relative;text-align:center;color:#aaa}.track-steps div:before{content:'';position:absolute;height:3px;background:#ddd;left:0;right:0;top:15px}.track-steps i{position:relative;z-index:2;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#ddd;color:#fff;margin:auto}.track-steps span{display:block;margin-top:9px;font-size:12px}.track-steps .done{color:#226b4b}.track-steps .done:before,.track-steps .done i{background:#226b4b}@media(max-width:650px){.tracking-form{grid-template-columns:1fr}.track-steps{overflow:auto}.track-steps div{min-width:90px}}