{"id":2,"date":"2026-09-22T13:37:19","date_gmt":"2026-09-22T13:37:19","guid":{"rendered":"https:\/\/vanguardcargotransit.com\/?page_id=2"},"modified":"2026-10-09T20:04:29","modified_gmt":"2026-10-09T20:04:29","slug":"track-parcel","status":"publish","type":"page","link":"https:\/\/vanguardcargotransit.com\/","title":{"rendered":"Track Parcel"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c565fd e-con e-atomic-element e-flexbox-base e-default-div e-ead841c \" data-id=\"7c565fd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7c565fd\" data-e-type=\"e-flexbox\" data-id=\"7c565fd\">\n    \t\t<div class=\"elementor-element elementor-element-a6d161b elementor-widget elementor-widget-shortcode\" data-id=\"a6d161b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Amiri:wght@400;700&family=Commissioner:wght@300;400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        .acf-tracker-wrapper { max-width: 950px; margin: 40px auto; font-family: 'Commissioner', sans-serif; text-align: left; box-sizing: border-box; width: 100%; }\r\n        .acf-tracker-header { text-align: center; }\r\n        .acf-tracker-header .kicker { color: #446084; font-size: 16px; font-weight: 700; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Amiri', serif; }\r\n        .acf-tracker-header h2 { font-size: 38px; font-weight: 800; color: #111827; margin: 0 0 12px 0; line-height: 1.2; font-family: 'Amiri', serif; }\r\n        .acf-tracker-header p { color: #4b5563; font-size: 16px; max-width: 600px; margin: 0 auto 30px auto; line-height: 1.5; font-family: 'Commissioner', sans-serif; }\r\n        \r\n        .acf-tracker-card { background: #ffffff; border-radius: 16px; padding: 35px 40px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); border-top: 5px solid #446084; margin-bottom: 30px; font-family: 'Commissioner', sans-serif; }\r\n        .acf-tracker-card label { display: block; font-size: 18px; font-weight: 800; color: #111827; margin-bottom: 16px; font-family: 'Amiri', serif; }\r\n        .acf-tracker-input-group { display: flex; gap: 15px; align-items: center; flex-wrap: wrap; }\r\n        .acf-tracker-input { flex: 1; min-width: 250px; padding: 16px 20px; font-size: 16px; border: 1px solid #e5e7eb; background-color: #f9fafb; border-radius: 8px; outline: none; color: #111827; font-family: 'Commissioner', sans-serif; }\r\n        .acf-tracker-input:focus { border-color: #446084; background-color: #ffffff; box-shadow: 0 0 0 4px rgba(68, 96, 132, 0.1); }\r\n        .acf-tracker-btn { background: #446084; color: #ffffff; border: none; padding: 16px 32px; font-size: 15px; font-weight: 800; border-radius: 8px; cursor: pointer; text-transform: uppercase; white-space: nowrap; box-shadow: 0 4px 12px rgba(68, 96, 132, 0.3); font-family: 'Commissioner', sans-serif; }\r\n        .acf-tracker-btn:hover { background: #344a69; }\r\n        .acf-tracker-example { margin-top: 14px; font-size: 15px; font-weight: 700; color: #111827; }\r\n\r\n        .acf-results-board { background: #ffffff; border-radius: 12px; border: 1px solid #e5e7eb; box-shadow: 0 8px 24px rgba(0,0,0,0.05); padding: 0; overflow: hidden; font-family: 'Commissioner', sans-serif; }\r\n        \r\n        \/* Top Metrics Bar *\/\r\n        .vcs-metrics-bar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 15px; padding: 20px 35px; background: #f9fafb; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; margin-top: 30px; }\r\n        .vcs-metric-item { display: flex; flex-direction: column; }\r\n        .vcs-metric-label { font-size: 11px; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.5px; }\r\n        .vcs-metric-val { font-size: 18px; font-weight: 800; color: #111827; margin-top: 4px; font-family: 'Amiri', serif; }\r\n\r\n        \/* Action Buttons Bar *\/\r\n        .vcs-actions-row { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px 35px; border-bottom: 1px solid #e5e7eb; flex-wrap: wrap; background: #ffffff; }\r\n        .vcs-location-status-text { font-size: 14px; color: #374151; font-weight: 600; display: flex; align-items: center; gap: 8px; }\r\n        .vcs-action-btns-group { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }\r\n        .vcs-btn-share { background: #446084; color: #ffffff; border: none; padding: 10px 20px; border-radius: 6px; font-weight: 700; font-size: 13px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; }\r\n        .vcs-btn-share:hover { background: #344a69; }\r\n        .vcs-btn-outline { background: #ffffff; color: #111827; border: 1px solid #d1d5db; padding: 10px 18px; border-radius: 6px; font-weight: 700; font-size: 13px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: all 0.2s; }\r\n        .vcs-btn-outline:hover { background: #f3f4f6; border-color: #9ca3af; }\r\n\r\n        \/* Header Box *\/\r\n        .acf-results-header-box { background: #446084; color: #ffffff; padding: 25px 35px; }\r\n        .acf-results-top-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 15px; }\r\n        .acf-results-header-box h3 { font-family: 'Amiri', serif; color: #ffffff; margin: 0 0 4px 0; font-size: 26px; font-weight: 700; }\r\n        .acf-results-subtitle { color: #d0dceb; font-size: 13px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Commissioner', sans-serif; }\r\n        \r\n        .acf-status-group { display: flex; flex-direction: column; align-items: flex-end; gap: 6px; }\r\n        .acf-status-row { display: flex; align-items: center; gap: 10px; }\r\n        .acf-status-badge { display: inline-flex; align-items: center; gap: 6px; background: #ffffff; color: #446084; padding: 6px 14px; border-radius: 20px; font-weight: 800; font-size: 12px; text-transform: uppercase; font-family: 'Commissioner', sans-serif; box-shadow: 0 2px 8px rgba(0,0,0,0.1); }\r\n        .acf-live-indicator { display: inline-flex; align-items: center; gap: 5px; background: rgba(0,0,0,0.2); color: #ffffff; padding: 6px 12px; border-radius: 20px; font-weight: 700; font-size: 12px; text-transform: uppercase; }\r\n        .acf-live-dot { width: 8px; height: 8px; background: #10b981; border-radius: 50%; box-shadow: 0 0 8px #10b981; animation: pulseDot 1.5s infinite; }\r\n        .acf-header-location { font-size: 12px; font-weight: 700; color: #ffffff; text-shadow: 0 1px 2px rgba(0,0,0,0.2); }\r\n        @keyframes pulseDot { 0% { transform: scale(0.9); opacity: 1; } 50% { transform: scale(1.4); opacity: 0.5; } 100% { transform: scale(0.9); opacity: 1; } }\r\n\r\n        \/* Route Flow Bar *\/\r\n        .acf-route-flow-bar { background: #ffffff; color: #111827; padding: 20px 35px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #e5e7eb; font-family: 'Commissioner', sans-serif; }\r\n        .acf-route-endpoint { text-align: left; }\r\n        .acf-route-endpoint.dest { text-align: right; }\r\n        .acf-route-label { font-size: 11px; text-transform: uppercase; color: #6b7280; font-weight: 700; letter-spacing: 0.5px; margin-bottom: 2px; }\r\n        .acf-route-city { font-size: 20px; font-weight: 800; color: #111827; font-family: 'Amiri', serif; }\r\n        .acf-route-center { text-align: center; }\r\n        .acf-route-arrow { font-size: 20px; color: #9ca3af; font-weight: 600; }\r\n        .acf-route-distance { font-size: 11px; font-weight: 700; color: #446084; text-transform: uppercase; margin-top: 2px; }\r\n\r\n        .acf-results-body { padding: 35px; }\r\n        \r\n        .acf-details-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 20px; }\r\n        .acf-grid-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 20px; }\r\n        .acf-details-box { background: #f9fafb; padding: 20px; border-radius: 8px; border-left: 4px solid #446084; }\r\n        .acf-details-box h4 { margin: 0 0 10px 0; font-size: 15px; color: #4b5563; text-transform: uppercase; letter-spacing: 0.5px; font-family: 'Amiri', serif; font-weight: 700; }\r\n        .acf-details-box p { margin: 0 0 8px 0; font-size: 14px; color: #374151; font-family: 'Commissioner', sans-serif; }\r\n        .acf-details-box p:last-child { margin-bottom: 0; }\r\n\r\n        \/* Milestone Card Grid *\/\r\n        .vcs-milestones-card { background: #ffffff; border: 1px solid #e5e7eb; border-radius: 12px; padding: 25px; margin-top: 30px; box-shadow: 0 4px 15px rgba(0,0,0,0.02); }\r\n        .vcs-milestones-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }\r\n        .vcs-milestone-kicker { font-size: 12px; font-weight: 800; color: #446084; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 4px; }\r\n        .vcs-milestone-title { font-size: 22px; font-weight: 800; color: #111827; margin: 0; font-family: 'Amiri', serif; }\r\n        .vcs-milestone-live-tag { background: #dcfce7; color: #166534; font-size: 11px; font-weight: 800; padding: 4px 10px; border-radius: 12px; text-transform: uppercase; }\r\n\r\n        .vcs-milestone-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }\r\n        .vcs-milestone-box { background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; padding: 16px; display: flex; align-items: flex-start; gap: 12px; transition: all 0.2s; }\r\n        .vcs-milestone-box.active { background: #ffffff; border-color: #446084; box-shadow: 0 4px 12px rgba(68, 96, 132, 0.08); }\r\n        .vcs-milestone-box.completed { background: #f8fafc; border-color: #10b981; }\r\n        \r\n        .vcs-milestone-num { width: 28px; height: 28px; border-radius: 50%; background: #e5e7eb; color: #4b5563; font-size: 12px; font-weight: 800; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 2px; }\r\n        .vcs-milestone-box.completed .vcs-milestone-num { background: #000000; color: #ffffff; }\r\n        .vcs-milestone-box.active .vcs-milestone-num { background: #446084; color: #ffffff; }\r\n\r\n        .vcs-milestone-name { font-size: 15px; font-weight: 700; color: #111827; margin: 0 0 4px 0; font-family: 'Amiri', serif; }\r\n        .vcs-milestone-desc { font-size: 12px; color: #6b7280; margin: 0; line-height: 1.4; }\r\n        \r\n        .vcs-editor-content { background: #fcfcfc; border: 1px solid #e5e7eb; border-radius: 8px; padding: 25px; margin-top: 25px; font-size: 15px; color: #222; font-family: 'Commissioner', sans-serif; }\r\n        .vcs-editor-content table { width: 100%; border-collapse: collapse; margin: 15px 0; }\r\n        .vcs-editor-content th, .vcs-editor-content td { border: 1px solid #e5e7eb; padding: 10px; text-align: left; }\r\n        .vcs-editor-content th { background: #f3f4f6; font-family: 'Amiri', serif; }\r\n\r\n        .acf-pkg-table { width: 100%; border-collapse: collapse; margin-top: 15px; font-family: 'Commissioner', sans-serif; }\r\n        .acf-pkg-table th, .acf-pkg-table td { border: 1px solid #e5e7eb; padding: 12px; font-size: 14px; text-align: left; }\r\n        .acf-pkg-table th { background: #f3f4f6; font-weight: 700; color: #111827; font-family: 'Amiri', serif; }\r\n        \r\n        .vcs-section-title { font-size: 20px; font-weight: 800; color: #111827; margin: 30px 0 15px 0; border-bottom: 2px solid #f3f4f6; padding-bottom: 8px; font-family: 'Amiri', serif; }\r\n        #vcs-large-map { width: 100%; height: 500px; border-radius: 8px; border: 1px solid #d1d5db; margin-top: 10px; background: #eee; }\r\n\r\n        \/* Hover Location Tag Styles *\/\r\n        .map-pin-label-box {\r\n            background: rgba(15, 23, 42, 0.95);\r\n            color: #ffffff;\r\n            padding: 5px 10px;\r\n            border-radius: 6px;\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            font-family: 'Commissioner', sans-serif;\r\n            box-shadow: 0 4px 12px rgba(0,0,0,0.3);\r\n            white-space: nowrap;\r\n            text-align: center;\r\n            border: 1px solid rgba(255,255,255,0.25);\r\n            margin-top: 6px;\r\n            display: none;\r\n        }\r\n\r\n        \/* Green Dynamic Status Stepper Bar *\/\r\n        .vct-stepper-container { margin: 35px 0 25px 0; padding: 25px 10px 15px 10px; border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; background: #ffffff; }\r\n        .vct-stepper-wrapper { display: flex; justify-content: space-between; align-items: flex-start; position: relative; max-width: 850px; margin: 0 auto; width: 100%; }\r\n        .vct-stepper-wrapper::before { content: ''; position: absolute; top: 16px; left: 5%; right: 5%; height: 3px; background: #e5e7eb; z-index: 1; }\r\n        .vct-stepper-progress { position: absolute; top: 16px; left: 5%; height: 3px; background: #10b981; z-index: 2; transition: width 0.4s ease; }\r\n        .vct-step { position: relative; z-index: 3; text-align: center; flex: 1; min-width: 0; }\r\n        .vct-step-circle { width: 32px; height: 32px; border-radius: 50%; background: #ffffff; border: 2px solid #d1d5db; color: #6b7280; font-size: 13px; font-weight: 800; display: flex; align-items: center; justify-content: center; margin: 0 auto 10px auto; transition: all 0.3s ease; }\r\n        .vct-step-label { font-size: 12px; font-weight: 700; color: #6b7280; text-transform: capitalize; white-space: normal; line-height: 1.2; word-wrap: break-word; }\r\n        \r\n        .vct-step.completed .vct-step-circle { background: #10b981; border-color: #10b981; color: #ffffff; }\r\n        .vct-step.completed .vct-step-label { color: #10b981; font-weight: 700; }\r\n        \r\n        @keyframes activePulse {\r\n            0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4); }\r\n            50% { transform: scale(1.2); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }\r\n            100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }\r\n        }\r\n\r\n        .vct-step.active .vct-step-circle { background: #10b981; border-color: #10b981; color: #ffffff; animation: activePulse 1.8s infinite ease-in-out; }\r\n        .vct-step.active .vct-step-label { color: #10b981; font-weight: 800; }\r\n\r\n        \/* Print Receipt Style Tweaks *\/\r\n        @media print {\r\n            body * { visibility: hidden; }\r\n            .acf-results-board, .acf-results-board * { visibility: visible; }\r\n            .acf-results-board { position: absolute; left: 0; top: 0; width: 100%; border: none; box-shadow: none; }\r\n            .vcs-actions-row, .acf-tracker-card, .acf-tracker-header { display: none !important; }\r\n        }\r\n\r\n        \/* Full Width & Container Breakout for Mobile Devices *\/\r\n        @media (max-width: 768px) {\r\n            .acf-tracker-wrapper {\r\n                width: 100vw !important;\r\n                max-width: 100vw !important;\r\n                margin: 0 !important;\r\n                padding: 0 !important;\r\n                position: relative !important;\r\n                left: 50% !important;\r\n                right: 50% !important;\r\n                margin-left: -50vw !important;\r\n                margin-right: -50vw !important;\r\n                box-sizing: border-box !important;\r\n            }\r\n            .acf-results-board, .acf-tracker-card { \r\n                border-radius: 0 !important; \r\n                padding: 15px !important; \r\n                border-left: none !important; \r\n                border-right: none !important; \r\n                width: 100vw !important; \r\n                box-sizing: border-box !important; \r\n            }\r\n            .vcs-metrics-bar { grid-template-columns: 1fr 1fr; padding: 15px; }\r\n            .vcs-actions-row { flex-direction: column; align-items: flex-start; padding: 15px; }\r\n            .vcs-action-btns-group { width: 100%; }\r\n            .vcs-btn-share, .vcs-btn-outline { flex: 1; text-align: center; justify-content: center; }\r\n            .vcs-milestone-grid { grid-template-columns: 1fr; }\r\n            .acf-results-header-box { padding: 20px 15px; }\r\n            .acf-route-flow-bar { padding: 15px; }\r\n            .acf-results-body { padding: 20px 15px; }\r\n            .acf-tracker-input-group { flex-direction: column; }\r\n            .acf-tracker-btn { width: 100vw !important; }\r\n            .acf-details-grid { grid-template-columns: 1fr; }\r\n            .vct-stepper-wrapper { gap: 4px; }\r\n            .vct-step-circle { width: 26px; height: 26px; font-size: 11px; }\r\n            .vct-step-label { font-size: 10px; }\r\n            #vcs-large-map { height: 500px !important; width: 100% !important; border-radius: 0 !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"acf-tracker-wrapper\">\r\n        <div class=\"acf-tracker-header\">\r\n            <div class=\"kicker\">Parcel Tracking<\/div>\r\n            <h2>Enter your tracking number<\/h2>\r\n            <p>You'll find it on your receipt or shipping confirmation. Type it in below and press the button to see your parcel's latest status.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"acf-tracker-card\">\r\n            <form method=\"GET\" action=\"\">\r\n                <label for=\"tracking_num\">Enter the Consignment No.<\/label>\r\n                <div class=\"acf-tracker-input-group\">\r\n                    <input type=\"text\" id=\"tracking_num\" name=\"tracking_num\" class=\"acf-tracker-input\" placeholder=\"Enter Tracking Number\" value=\"\" required>\r\n                    <button type=\"submit\" class=\"acf-tracker-btn\">TRACK RESULT<\/button>\r\n                <\/div>\r\n                <div class=\"acf-tracker-example\">Ex: eFS123<\/div>\r\n            <\/form>\r\n        <\/div>\r\n\r\n            <\/div>\r\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vanguardcargotransit.com\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vanguardcargotransit.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vanguardcargotransit.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vanguardcargotransit.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vanguardcargotransit.com\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":0,"href":"https:\/\/vanguardcargotransit.com\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"wp:attachment":[{"href":"https:\/\/vanguardcargotransit.com\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}