.tracking-hero{min-height:470px;display:grid;place-items:center;padding:60px 20px;background:#e8eee7}.tracking-hero>div{width:min(100%,650px);text-align:center}.tracking-hero h1{margin:0;font-size:clamp(40px,6vw,62px);letter-spacing:-2px}.tracking-hero>div>p:not(.eyebrow){color:var(--muted)}.tracking-hero form{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:end;gap:9px;margin-top:30px;padding:15px;border-radius:13px;background:#fff;box-shadow:0 14px 35px #193a2c12;text-align:left}.tracking-hero label{display:grid;gap:6px;font-size:9px;font-weight:800}.tracking-hero input{height:42px;padding:0 10px;border:1px solid var(--line);border-radius:7px}.tracking-hero button{height:42px;padding:0 17px;border:0;border-radius:7px;background:var(--green);color:#fff;font-weight:800}.tracking-error{margin-top:13px;padding:10px;border-radius:7px;background:#fce8e6;color:#a82018;font-size:11px}.tracking-result{width:min(92%,900px);margin:45px auto 80px;padding:28px;border:1px solid var(--line);border-radius:15px;background:#fff}.tracking-result-head{display:flex;justify-content:space-between}.tracking-result-head small{color:var(--green);font-size:9px;font-weight:900}.tracking-result-head h2{margin:5px 0;font-size:25px}.tracking-result-head p{margin:0;color:var(--muted);font-size:10px}.tracking-state{height:max-content;padding:7px 11px;border-radius:15px;background:#fff0d1;color:#8c5a06;font-size:9px;font-weight:850}.tracking-state.fulfilled{background:#dff2e6;color:#1d7448}.tracking-progress{margin-top:35px}.tracking-step{display:grid;justify-items:center;gap:7px;color:#999}.tracking-step:not(:last-child):after{content:"";position:absolute;left:calc(50% + 16px);top:14px;width:calc(100% - 32px);height:2px;background:#dce1dd}.tracking-step i{width:30px;height:30px;z-index:1;border:2px solid #d3d9d5;font-size:10px}.tracking-step.current i,.tracking-step.done i{border-color:var(--green);background:var(--green);color:#fff}.tracking-step.done:not(:last-child):after{background:var(--green)}.tracking-step b{font-size:10px}.tracking-step small{font-size:8px}.tracking-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:35px;padding:17px;border-radius:10px;background:#f5f7f4}.tracking-summary div{display:grid;gap:5px}.tracking-summary span{color:#7a817d;font-size:8px}.tracking-summary b{font-size:10px;text-transform:capitalize}.tracking-result>a{display:block;width:max-content;margin:22px auto 0;color:var(--green);font-size:11px;font-weight:800}@media(max-width:650px){.tracking-hero form,.tracking-progress{grid-template-columns:1fr}.tracking-progress{gap:20px}.tracking-step:not(:last-child):after{display:none}.tracking-summary{grid-template-columns:1fr 1fr}}.tracking-progress{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:42px 10px 12px;padding:0}.tracking-progress:before{content:"";position:absolute;left:12.5%;right:12.5%;top:18px;height:3px;border-radius:3px;background:#dce4df}.tracking-step{min-width:0;display:flex;align-items:center;flex-direction:column;gap:8px;position:relative;color:#6e7974;text-align:center}.tracking-step:not(:last-child):after{display:none}.tracking-step i{width:38px;height:38px;display:grid;place-items:center;z-index:2;margin:0;border:2px solid #cfd8d3;border-radius:50%;background:#fff;color:#88928d;font-family:Arial,sans-serif;font-size:12px;font-style:normal;font-weight:800;box-shadow:0 0 0 6px #fff}.tracking-step.done i{background:#18704d;color:#fff}.tracking-step.current i,.tracking-step.done i{border-color:#18704d;box-shadow:0 0 0 5px #e5f1e9}.tracking-step.current i{background:#fff;color:#18704d}.tracking-step.done:before{content:"";position:absolute;left:-50%;top:18px;width:100%;height:3px;z-index:1;background:#18704d}.tracking-step:first-child:before{display:none}.tracking-step b{margin-top:3px;color:#35423d;font-size:11px;font-weight:800}.tracking-step.current b{color:#176b4a}.tracking-step small{color:#8a938f;font-size:9px}.tracking-result{box-shadow:0 18px 50px rgba(29,61,47,.08)}@media(max-width:650px){.tracking-progress{grid-template-columns:1fr;margin:30px 0;gap:0}.tracking-progress:before{left:18px;right:auto;top:18px;bottom:18px;width:3px;height:auto}.tracking-step{min-height:70px;align-items:flex-start;padding-left:58px;text-align:left}.tracking-step i{position:absolute;left:0;top:0}.tracking-step.done:before{left:18px;top:-52px;width:3px;height:70px}.tracking-step b{margin-top:3px}}.tracking-progress.five-steps{grid-template-columns:repeat(5,1fr)}.tracking-progress.five-steps:before{left:10%;right:10%}@media(max-width:650px){.tracking-progress.five-steps{grid-template-columns:1fr}.tracking-progress.five-steps:before{left:18px;right:auto}}