CN Delivery Hero<\/title>\r\n\r\n<style>\r\n*{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n background:#ffffff;\r\n color:#0b1f3a;\r\n overflow-x:hidden;\r\n}\r\n\r\n:root{\r\n --navy:#071b3d;\r\n --navy-2:#0b254e;\r\n --orange:#ff3b0a;\r\n --orange-dark:#e93205;\r\n --muted:#667085;\r\n --white:#ffffff;\r\n --container:1440px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO\r\n========================================================= *\/\r\n\r\n.cn-hero{\r\n position:relative;\r\n\r\n min-height:760px;\r\n height:100vh;\r\n max-height:920px;\r\n\r\n overflow:hidden;\r\n\r\n background:#f7f9fc;\r\n}\r\n\r\n\r\n\/* subtle grid *\/\r\n\r\n.cn-hero::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n inset:0;\r\n\r\n pointer-events:none;\r\n\r\n opacity:.22;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(8,28,60,.035) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(8,28,60,.035) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:50px 50px;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO INNER\r\n========================================================= *\/\r\n\r\n.cn-hero-inner{\r\n position:relative;\r\n z-index:10;\r\n\r\n width:min(calc(100% - 80px), var(--container));\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.cn-hero-copy{\r\n position:relative;\r\n z-index:12;\r\n\r\n width:47%;\r\n\r\n padding-top:20px;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.cn-eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n\r\n margin-bottom:28px;\r\n\r\n padding:9px 14px;\r\n\r\n border:1px solid #dbe4ef;\r\n border-radius:999px;\r\n\r\n background:rgba(255,255,255,.84);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n font-size:12px;\r\n font-weight:700;\r\n\r\n color:#42526a;\r\n\r\n box-shadow:\r\n 0 8px 30px rgba(9,30,66,.04);\r\n}\r\n\r\n.cn-eyebrow-dot{\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#20b26b;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(32,178,107,.12);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.cn-hero-title{\r\n max-width:650px;\r\n\r\n color:var(--navy);\r\n\r\n font-size:clamp(58px,5.25vw,88px);\r\n line-height:.99;\r\n\r\n letter-spacing:-4px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n.cn-hero-title span{\r\n position:relative;\r\n display:inline-block;\r\n}\r\n\r\n.cn-hero-title span::after{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n right:-16px;\r\n bottom:10px;\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--orange);\r\n}\r\n\r\n\r\n\/* SERVICES *\/\r\n\r\n.cn-hero-services{\r\n margin-top:30px;\r\n\r\n color:#33445b;\r\n\r\n font-size:15px;\r\n font-weight:700;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.cn-hero-description{\r\n max-width:560px;\r\n\r\n margin-top:20px;\r\n\r\n color:#667085;\r\n\r\n font-size:15px;\r\n line-height:1.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTONS\r\n========================================================= *\/\r\n\r\n.cn-hero-actions{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n\r\n margin-top:34px;\r\n}\r\n\r\n.cn-primary-btn,\r\n.cn-secondary-btn{\r\n min-height:56px;\r\n\r\n padding:0 25px;\r\n\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:14px;\r\n\r\n text-decoration:none;\r\n\r\n border-radius:7px;\r\n\r\n font-size:14px;\r\n font-weight:700;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n border-color .25s ease,\r\n background .25s ease;\r\n}\r\n\r\n.cn-primary-btn{\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(255,59,10,.24);\r\n}\r\n\r\n.cn-primary-btn:hover{\r\n background:var(--orange-dark);\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 18px 34px rgba(255,59,10,.29);\r\n}\r\n\r\n.cn-secondary-btn{\r\n color:#172b4d;\r\n\r\n background:\r\n rgba(255,255,255,.86);\r\n\r\n border:\r\n 1px solid #bdc8d7;\r\n\r\n backdrop-filter:blur(10px);\r\n}\r\n\r\n.cn-secondary-btn:hover{\r\n background:#ffffff;\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 14px 30px rgba(9,30,66,.08);\r\n}\r\n\r\n.cn-primary-btn svg,\r\n.cn-secondary-btn svg{\r\n width:17px;\r\n height:17px;\r\n\r\n transition:transform .25s ease;\r\n}\r\n\r\n.cn-primary-btn:hover svg,\r\n.cn-secondary-btn:hover svg{\r\n transform:translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRUST ROW\r\n========================================================= *\/\r\n\r\n.cn-trust-row{\r\n display:flex;\r\n align-items:center;\r\n gap:32px;\r\n\r\n margin-top:48px;\r\n}\r\n\r\n.cn-trust-item{\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n}\r\n\r\n.cn-trust-icon{\r\n width:40px;\r\n height:40px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:#ffffff;\r\n\r\n border:1px solid #e7ebf1;\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(9,30,66,.055);\r\n}\r\n\r\n.cn-trust-icon svg{\r\n width:20px;\r\n height:20px;\r\n\r\n stroke:var(--navy);\r\n}\r\n\r\n.cn-trust-copy strong{\r\n display:block;\r\n\r\n color:#283b55;\r\n\r\n font-size:12px;\r\n line-height:1.35;\r\n\r\n font-weight:750;\r\n}\r\n\r\n.cn-trust-copy span{\r\n display:block;\r\n\r\n margin-top:3px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND IMAGE AREA\r\n========================================================= *\/\r\n\r\n.cn-hero-visual{\r\n position:absolute;\r\n\r\n top:0;\r\n right:0;\r\n bottom:0;\r\n\r\n width:63%;\r\n\r\n overflow:hidden;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND IMAGE\r\n========================================================= *\/\r\n\r\n.cn-warehouse-image{\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n object-position:center right;\r\n\r\n transform:scale(1.02);\r\n\r\n animation:\r\n warehouseZoom 14s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n@keyframes warehouseZoom{\r\n\r\n from{\r\n transform:scale(1.02);\r\n }\r\n\r\n to{\r\n transform:scale(1.075);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.cn-visual-fade{\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:3;\r\n\r\n pointer-events:none;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 90deg,\r\n\r\n #f8fafc 0%,\r\n\r\n rgba(248,250,252,1) 8%,\r\n\r\n rgba(248,250,252,.96) 17%,\r\n\r\n rgba(248,250,252,.78) 27%,\r\n\r\n rgba(248,250,252,.40) 38%,\r\n\r\n rgba(248,250,252,.10) 49%,\r\n\r\n rgba(248,250,252,0) 60%\r\n ),\r\n\r\n linear-gradient(\r\n 0deg,\r\n\r\n rgba(7,27,61,.13) 0%,\r\n\r\n rgba(7,27,61,0) 32%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING CARDS\r\n========================================================= *\/\r\n\r\n.cn-float-card{\r\n position:absolute;\r\n\r\n z-index:8;\r\n\r\n background:\r\n rgba(255,255,255,.94);\r\n\r\n backdrop-filter:\r\n blur(18px);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.85);\r\n\r\n box-shadow:\r\n 0 20px 60px rgba(5,22,48,.14);\r\n\r\n animation:\r\n floatCard 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes floatCard{\r\n\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-8px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* Inspection *\/\r\n\r\n.cn-card-inspection{\r\n top:18%;\r\n left:46%;\r\n\r\n width:195px;\r\n\r\n padding:17px;\r\n\r\n border-radius:13px;\r\n}\r\n\r\n.cn-card-label{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n\r\n color:#344054;\r\n\r\n font-size:11px;\r\n font-weight:700;\r\n}\r\n\r\n.cn-card-status{\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#20b26b;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(32,178,107,.12);\r\n}\r\n\r\n.cn-card-big{\r\n margin-top:9px;\r\n\r\n color:var(--navy);\r\n\r\n font-size:18px;\r\n line-height:1.35;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.cn-card-small{\r\n margin-top:5px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* Package *\/\r\n\r\n.cn-card-package{\r\n bottom:14%;\r\n left:43%;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n\r\n width:230px;\r\n\r\n padding:14px 16px;\r\n\r\n border-radius:13px;\r\n\r\n animation-delay:-2s;\r\n}\r\n\r\n.cn-package-icon{\r\n width:44px;\r\n height:44px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,59,10,.09);\r\n\r\n color:var(--orange);\r\n}\r\n\r\n.cn-package-icon svg{\r\n width:22px;\r\n height:22px;\r\n}\r\n\r\n.cn-package-info strong{\r\n display:block;\r\n\r\n color:#223653;\r\n\r\n font-size:12px;\r\n}\r\n\r\n.cn-package-info span{\r\n display:block;\r\n\r\n margin-top:4px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* Destination stat *\/\r\n\r\n.cn-card-stat{\r\n top:42%;\r\n right:3.5%;\r\n\r\n width:160px;\r\n\r\n padding:18px;\r\n\r\n border-radius:13px;\r\n\r\n animation-delay:-1s;\r\n}\r\n\r\n.cn-stat-number{\r\n color:var(--orange);\r\n\r\n font-size:29px;\r\n\r\n line-height:1;\r\n\r\n font-weight:850;\r\n}\r\n\r\n.cn-stat-label{\r\n margin-top:8px;\r\n\r\n color:#667085;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUSINESS METRICS\r\n========================================================= *\/\r\n\r\n.cn-hero-bottom{\r\n position:absolute;\r\n\r\n right:4%;\r\n bottom:28px;\r\n\r\n z-index:11;\r\n}\r\n\r\n.cn-metrics{\r\n display:flex;\r\n align-items:center;\r\n\r\n padding:14px 8px;\r\n\r\n border-radius:13px;\r\n\r\n background:\r\n rgba(7,27,61,.89);\r\n\r\n backdrop-filter:\r\n blur(18px);\r\n\r\n box-shadow:\r\n 0 16px 40px rgba(4,17,37,.18);\r\n}\r\n\r\n.cn-metric{\r\n min-width:140px;\r\n\r\n padding:5px 20px;\r\n\r\n color:#ffffff;\r\n}\r\n\r\n.cn-metric + .cn-metric{\r\n border-left:\r\n 1px solid rgba(255,255,255,.17);\r\n}\r\n\r\n.cn-metric strong{\r\n display:block;\r\n\r\n font-size:20px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.cn-metric span{\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:\r\n rgba(255,255,255,.62);\r\n\r\n font-size:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCROLL\r\n========================================================= *\/\r\n\r\n.cn-scroll{\r\n position:absolute;\r\n\r\n left:50%;\r\n bottom:30px;\r\n\r\n z-index:12;\r\n\r\n transform:\r\n translateX(-50%);\r\n\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:7px;\r\n\r\n color:#8995a6;\r\n\r\n font-size:9px;\r\n\r\n letter-spacing:1.4px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.cn-scroll-line{\r\n position:relative;\r\n\r\n width:1px;\r\n height:28px;\r\n\r\n overflow:hidden;\r\n\r\n background:#d8dee8;\r\n}\r\n\r\n.cn-scroll-line::after{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:-14px;\r\n left:0;\r\n\r\n width:1px;\r\n height:13px;\r\n\r\n background:var(--orange);\r\n\r\n animation:\r\n scrollDown 1.8s ease infinite;\r\n}\r\n\r\n@keyframes scrollDown{\r\n\r\n from{\r\n top:-14px;\r\n }\r\n\r\n to{\r\n top:30px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n .cn-hero-inner{\r\n width:calc(100% - 48px);\r\n }\r\n\r\n .cn-hero-copy{\r\n width:52%;\r\n }\r\n\r\n .cn-hero-title{\r\n font-size:62px;\r\n }\r\n\r\n .cn-hero-visual{\r\n width:59%;\r\n }\r\n\r\n .cn-card-stat{\r\n display:none;\r\n }\r\n\r\n .cn-trust-row{\r\n gap:20px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE \/ TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n .cn-hero{\r\n min-height:1000px;\r\n\r\n height:auto;\r\n\r\n max-height:none;\r\n }\r\n\r\n .cn-hero-inner{\r\n width:100%;\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:\r\n 70px 24px 0;\r\n }\r\n\r\n .cn-hero-copy{\r\n width:100%;\r\n\r\n padding:0;\r\n }\r\n\r\n .cn-hero-title{\r\n font-size:62px;\r\n }\r\n\r\n .cn-hero-visual{\r\n position:relative;\r\n\r\n top:auto;\r\n right:auto;\r\n bottom:auto;\r\n\r\n width:calc(100% + 48px);\r\n\r\n height:500px;\r\n\r\n margin:\r\n 55px -24px 0;\r\n }\r\n\r\n .cn-visual-fade{\r\n background:\r\n\r\n linear-gradient(\r\n 180deg,\r\n\r\n #f8fafc 0%,\r\n\r\n rgba(248,250,252,.78) 12%,\r\n\r\n rgba(248,250,252,.15) 30%,\r\n\r\n rgba(248,250,252,0) 45%\r\n ),\r\n\r\n linear-gradient(\r\n 0deg,\r\n\r\n rgba(7,27,61,.18),\r\n\r\n rgba(7,27,61,0) 50%\r\n );\r\n }\r\n\r\n .cn-card-inspection{\r\n top:80px;\r\n left:24px;\r\n }\r\n\r\n .cn-card-package{\r\n left:auto;\r\n\r\n right:24px;\r\n bottom:28px;\r\n }\r\n\r\n .cn-hero-bottom{\r\n display:none;\r\n }\r\n\r\n .cn-scroll{\r\n display:none;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:620px){\r\n\r\n .cn-hero-inner{\r\n padding:\r\n 50px 18px 0;\r\n }\r\n\r\n .cn-eyebrow{\r\n margin-bottom:22px;\r\n }\r\n\r\n .cn-hero-title{\r\n font-size:47px;\r\n line-height:1.03;\r\n\r\n letter-spacing:-2.8px;\r\n }\r\n\r\n .cn-hero-title span::after{\r\n width:7px;\r\n height:7px;\r\n\r\n right:-10px;\r\n bottom:7px;\r\n }\r\n\r\n .cn-hero-services{\r\n margin-top:22px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n .cn-hero-description{\r\n font-size:13px;\r\n\r\n line-height:1.75;\r\n }\r\n\r\n .cn-hero-actions{\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n margin-top:27px;\r\n }\r\n\r\n .cn-primary-btn,\r\n .cn-secondary-btn{\r\n width:100%;\r\n }\r\n\r\n .cn-trust-row{\r\n gap:18px;\r\n\r\n overflow-x:auto;\r\n\r\n margin-top:34px;\r\n\r\n padding-bottom:5px;\r\n }\r\n\r\n .cn-trust-item{\r\n min-width:max-content;\r\n }\r\n\r\n .cn-trust-copy span{\r\n display:none;\r\n }\r\n\r\n .cn-hero-visual{\r\n width:calc(100% + 36px);\r\n\r\n height:420px;\r\n\r\n margin:\r\n 40px -18px 0;\r\n }\r\n\r\n .cn-card-inspection{\r\n width:170px;\r\n\r\n top:50px;\r\n left:18px;\r\n }\r\n\r\n .cn-card-package{\r\n width:200px;\r\n\r\n right:18px;\r\n bottom:18px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"cn-hero\">\r\n\r\n\r\n <div class=\"cn-hero-inner\">\r\n\r\n\r\n \r\n\r\n <div class=\"cn-hero-copy\">\r\n\r\n\r\n <div class=\"cn-eyebrow\">\r\n\r\n <span class=\"cn-eyebrow-dot\"><\/span>\r\n\r\n China Warehouse \u00b7 Global Fulfillment\r\n\r\n <\/div>\r\n\r\n\r\n <h1 class=\"cn-hero-title\">\r\n\r\n Your China<br>\r\n\r\n warehouse,<br>\r\n\r\n <span>handled<\/span>\r\n\r\n <\/h1>\r\n\r\n\r\n <div class=\"cn-hero-services\">\r\n\r\n Receiving \u00b7 Inspection \u00b7 Photo Proof \u00b7\r\n Consolidation \u00b7 Global Shipping\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"cn-hero-description\">\r\n\r\n Send your suppliers' packages to our China warehouse.\r\n We receive, inspect, photograph, consolidate and prepare\r\n everything for international delivery.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"cn-hero-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"https:\/\/www.cn-delivery.com\/contact\/\"\r\n class=\"cn-primary-btn\"\r\n >\r\n\r\n Get a shipping quote\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m13 6 6 6-6 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"https:\/\/www.cn-delivery.com\/china-warehouse\/\"\r\n class=\"cn-secondary-btn\"\r\n >\r\n\r\n See how it works\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m13 6 6 6-6 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-trust-row\">\r\n\r\n\r\n <div class=\"cn-trust-item\">\r\n\r\n <div class=\"cn-trust-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke-width=\"1.7\">\r\n\r\n <path d=\"M12 3 5 6v5c0 4.7 2.8 8 7 10 4.2-2 7-5.3 7-10V6l-7-3Z\"\/>\r\n\r\n <path d=\"m9 12 2 2 4-5\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-trust-copy\">\r\n\r\n <strong>\r\n Quality checked\r\n <\/strong>\r\n\r\n <span>\r\n Every package received\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-trust-item\">\r\n\r\n <div class=\"cn-trust-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke-width=\"1.7\">\r\n\r\n <rect\r\n x=\"3\"\r\n y=\"6\"\r\n width=\"18\"\r\n height=\"14\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <path d=\"m8 6 1.3-2h5.4L16 6\"\/>\r\n\r\n <circle\r\n cx=\"12\"\r\n cy=\"13\"\r\n r=\"4\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-trust-copy\">\r\n\r\n <strong>\r\n Photo proof\r\n <\/strong>\r\n\r\n <span>\r\n See what arrived\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-trust-item\">\r\n\r\n <div class=\"cn-trust-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke-width=\"1.7\">\r\n\r\n <circle\r\n cx=\"12\"\r\n cy=\"12\"\r\n r=\"9\"\r\n \/>\r\n\r\n <path d=\"M3 12h18\"\/>\r\n\r\n <path d=\"M12 3c2.5 2.6 4 5.7 4 9s-1.5 6.4-4 9\"\/>\r\n\r\n <path d=\"M12 3c-2.5 2.6-4 5.7-4 9s1.5 6.4 4 9\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-trust-copy\">\r\n\r\n <strong>\r\n Worldwide shipping\r\n <\/strong>\r\n\r\n <span>\r\n Multiple delivery routes\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-hero-visual\">\r\n\r\n\r\n <img decoding=\"async\"\r\n class=\"cn-warehouse-image\"\r\n\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/09\/cn-delivery-warehouse-300kb.jpg\"\r\n\r\n alt=\"China warehouse inspection packing and international shipping service\"\r\n >\r\n\r\n\r\n <div class=\"cn-visual-fade\"><\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-card cn-card-inspection\">\r\n\r\n\r\n <div class=\"cn-card-label\">\r\n\r\n <span class=\"cn-card-status\"><\/span>\r\n\r\n Warehouse status\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-card-big\">\r\n\r\n Inspection complete\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-card-small\">\r\n\r\n Photos ready for review\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-card cn-card-package\">\r\n\r\n\r\n <div class=\"cn-package-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"m4 7 8-4 8 4-8 4-8-4Z\"\/>\r\n\r\n <path d=\"M4 7v10l8 4 8-4V7\"\/>\r\n\r\n <path d=\"M12 11v10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-package-info\">\r\n\r\n <strong>\r\n Package received\r\n <\/strong>\r\n\r\n <span>\r\n China warehouse \u00b7 Just now\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-card cn-card-stat\">\r\n\r\n\r\n <div class=\"cn-stat-number\">\r\n\r\n 50+\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-stat-label\">\r\n\r\n Global destinations supported by our shipping network\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-hero-bottom\">\r\n\r\n\r\n <div class=\"cn-metrics\">\r\n\r\n\r\n <div class=\"cn-metric\">\r\n\r\n <strong>\r\n 24h\r\n <\/strong>\r\n\r\n <span>\r\n Receiving processing\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-metric\">\r\n\r\n <strong>\r\n 30 days\r\n <\/strong>\r\n\r\n <span>\r\n Free warehouse storage\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-metric\">\r\n\r\n <strong>\r\n 50+\r\n <\/strong>\r\n\r\n <span>\r\n Shipping destinations\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-scroll\">\r\n\r\n Scroll\r\n\r\n <div class=\"cn-scroll-line\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ec8dfaf e-con e-atomic-element e-flexbox-base e-default-div e-4dfcb07 \" data-id=\"ec8dfaf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ec8dfaf\" data-e-type=\"e-flexbox\" data-id=\"ec8dfaf\">\n <div class=\"elementor-element elementor-element-0d25bb7 e-flex e-con-boxed e-con e-parent\" data-id=\"0d25bb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f4bfd2 elementor-widget elementor-widget-html\" data-id=\"5f4bfd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-check-screen\">\r\n\r\n <div class=\"cn-check-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-check-head\">\r\n\r\n <div class=\"cn-check-eyebrow\">\r\n BEFORE IT LEAVES CHINA\r\n <\/div>\r\n\r\n <h2>\r\n Don't ship blind.\r\n <span>See it first.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Send purchases from 1688, suppliers or factories to our China warehouse.\r\n We help you see, check and confirm the goods before international shipping.\r\n<\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-check-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-side-card cn-left-card\">\r\n\r\n \r\n\r\n <div class=\"cn-side-heading\">\r\n\r\n <div class=\"cn-card-number\">\r\n 01\r\n <\/div>\r\n\r\n <div class=\"cn-card-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"m4 7 8-4 8 4-8 4-8-4Z\"\/>\r\n <path d=\"M4 7v10l8 4 8-4V7\"\/>\r\n <path d=\"M12 11v10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-label\">\r\n GOODS ARRIVE\r\n <\/div>\r\n\r\n <h3>\r\n Send everything to one China warehouse.\r\n <\/h3>\r\n\r\n <p>\r\n Orders from different sellers, factories or platforms\r\n can all arrive at the same warehouse.\r\n <\/p>\r\n\r\n\r\n <div class=\"cn-source-tags\">\r\n\r\n <span>1688<\/span>\r\n <span>Taobao<\/span>\r\n <span>Factories<\/span>\r\n <span>Suppliers<\/span>\r\n <span>Samples<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-receiving-panel\">\r\n\r\n <div class=\"cn-receiving-status\">\r\n\r\n <span class=\"cn-live-dot\"><\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n WAREHOUSE RECEIVING\r\n <\/small>\r\n\r\n <strong>\r\n Multiple parcels arriving\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-receiving-list\">\r\n\r\n\r\n <div class=\"cn-receiving-row\">\r\n\r\n <div class=\"cn-row-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Supplier parcel received\r\n <\/strong>\r\n\r\n <small>\r\n Checked into warehouse\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-receiving-row\">\r\n\r\n <div class=\"cn-row-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Marketplace order received\r\n <\/strong>\r\n\r\n <small>\r\n Ready for inspection\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-receiving-row\">\r\n\r\n <div class=\"cn-row-check pending\"><\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Factory sample incoming\r\n <\/strong>\r\n\r\n <small>\r\n Awaiting delivery\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-panel-foot\">\r\n\r\n <span>\r\n ONE RECEIVING POINT\r\n <\/span>\r\n\r\n <strong>\r\n For all your China orders.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-center-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"cn-center-image\"\r\n style=\"\r\n background-image:\r\n url(https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/e7236b0d-8ec1-4ee2-8dad-1d589a5681f3.png);\r\n \">\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-center-overlay\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-center-top\">\r\n\r\n <div>\r\n\r\n <div class=\"cn-center-number\">\r\n 02\r\n <\/div>\r\n\r\n <div class=\"cn-center-label\">\r\n YOU SEE EVERYTHING\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-warehouse-update\">\r\n\r\n <i><\/i>\r\n\r\n Warehouse update\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-box cn-photo-box\">\r\n\r\n <div class=\"cn-photo-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <rect\r\n x=\"3\"\r\n y=\"6\"\r\n width=\"18\"\r\n height=\"14\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <circle\r\n cx=\"12\"\r\n cy=\"13\"\r\n r=\"4\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <small>\r\n PHOTO PROOF\r\n <\/small>\r\n\r\n <strong>\r\n 12 photos uploaded\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-box cn-video-box\">\r\n\r\n <div class=\"cn-video-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\">\r\n\r\n <path d=\"M8 5v14l11-7z\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <small>\r\n VIDEO CHECK\r\n <\/small>\r\n\r\n <strong>\r\n Ready to review\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-center-copy\">\r\n\r\n <div class=\"cn-orange-rule\"><\/div>\r\n\r\n <h3>\r\n Your eyes inside our warehouse.\r\n <\/h3>\r\n\r\n <p>\r\n Photos, videos and basic inspection based on\r\n the details you want us to check.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-side-card cn-right-card\">\r\n\r\n \r\n\r\n <div class=\"cn-side-heading\">\r\n\r\n <div class=\"cn-card-number\">\r\n 03\r\n <\/div>\r\n\r\n <div class=\"cn-card-icon cn-orange-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-label\">\r\n YOU DECIDE\r\n <\/div>\r\n\r\n <h3>\r\n Nothing ships until you're ready.\r\n <\/h3>\r\n\r\n <p>\r\n Review what arrived and choose what should happen next.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-decision-panel\">\r\n\r\n\r\n <div class=\"cn-decision-list\">\r\n\r\n\r\n <div class=\"cn-decision-row active\">\r\n\r\n <span>\r\n 01\r\n <\/span>\r\n\r\n <strong>\r\n Repack\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-decision-row\">\r\n\r\n <span>\r\n 02\r\n <\/span>\r\n\r\n <strong>\r\n Consolidate\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-decision-row\">\r\n\r\n <span>\r\n 03\r\n <\/span>\r\n\r\n <strong>\r\n Hold\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-decision-row\">\r\n\r\n <span>\r\n 04\r\n <\/span>\r\n\r\n <strong>\r\n Ship\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-approved-box\">\r\n\r\n <div class=\"cn-approved-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <small>\r\n CUSTOMER DECISION\r\n <\/small>\r\n\r\n <strong>\r\n Approved to ship\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-panel-foot\">\r\n\r\n <span>\r\n YOU STAY IN CONTROL\r\n <\/span>\r\n\r\n <strong>\r\n Until the shipment leaves China.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-bottom-process\">\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Receive\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Photograph\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Inspect\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step active\">\r\n <i><\/i>\r\n You Approve\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Repack\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Ship Worldwide\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-check-screen{\r\n\r\n --navy:#0b1a3c;\r\n --navy2:#13244a;\r\n --orange:#f4512c;\r\n\r\n width:100%;\r\n\r\n height:100vh;\r\n height:100svh;\r\n\r\n min-height:720px;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 85% 5%,\r\n rgba(244,81,44,.08),\r\n transparent 29%\r\n ),\r\n\r\n linear-gradient(\r\n 120deg,\r\n #0b1a3c,\r\n #121f44\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n\r\n.cn-check-inner{\r\n\r\n width:min(\r\n calc(100% - 80px),\r\n 1440px\r\n );\r\n\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n padding:\r\n 32px\r\n 0\r\n 20px;\r\n\r\n display:grid;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n 52px;\r\n\r\n gap:22px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TOP\r\n========================================================= *\/\r\n\r\n.cn-check-head{\r\n\r\n width:100%;\r\n\r\n max-width:980px;\r\n\r\n margin:auto;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-check-eyebrow{\r\n\r\n margin-bottom:10px;\r\n\r\n color:#ff6845;\r\n\r\n font-size:12px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n}\r\n\r\n\r\n.cn-check-head h2{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(48px,4vw,66px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-check-head h2 span{\r\n\r\n color:#f4512c;\r\n}\r\n\r\n\r\n\/* \u2605 \u653e\u5927\u9876\u90e8\u8bf4\u660e *\/\r\n\r\n.cn-check-head p{\r\n\r\n max-width:860px;\r\n\r\n margin:\r\n 17px\r\n auto\r\n 0;\r\n\r\n color:\r\n rgba(255,255,255,.82);\r\n\r\n font-size:16px;\r\n\r\n line-height:1.55;\r\n\r\n font-weight:450;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n GRID\r\n========================================================= *\/\r\n\r\n.cn-check-grid{\r\n\r\n min-height:0;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n .84fr\r\n 1.26fr\r\n .84fr;\r\n\r\n gap:22px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SIDE CARDS\r\n========================================================= *\/\r\n\r\n.cn-side-card{\r\n\r\n min-height:0;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 24px 65px rgba(0,0,0,.20);\r\n\r\n transition:\r\n transform .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\r\n.cn-side-card:hover{\r\n\r\n transform:\r\n translateY(-5px);\r\n\r\n box-shadow:\r\n 0 32px 80px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SIDE HEADING\r\n\r\n \u6574\u4f53\u5f80\u4e0b\u79fb\r\n========================================================= *\/\r\n\r\n.cn-side-heading{\r\n\r\n flex:0 0 auto;\r\n\r\n padding:\r\n 31px\r\n 27px\r\n 19px;\r\n}\r\n\r\n\r\n.cn-card-number{\r\n\r\n color:#9ba7b6;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-card-icon{\r\n\r\n width:46px;\r\n height:46px;\r\n\r\n margin-top:18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n color:#102243;\r\n\r\n background:#f3f6fa;\r\n}\r\n\r\n\r\n.cn-card-icon svg{\r\n\r\n width:22px;\r\n height:22px;\r\n}\r\n\r\n\r\n.cn-orange-icon{\r\n\r\n color:#ffffff;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 9px 24px rgba(244,81,44,.24);\r\n}\r\n\r\n\r\n.cn-card-label{\r\n\r\n margin-top:18px;\r\n\r\n color:#f4512c;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n\r\n\/* \u2605 \u5de6\u53f3 H3 \u76f4\u63a5\u653e\u5927 *\/\r\n\r\n.cn-side-heading h3{\r\n\r\n margin:\r\n 12px\r\n 0\r\n 0;\r\n\r\n color:#102243;\r\n\r\n font-size:\r\n clamp(27px,1.75vw,32px);\r\n\r\n line-height:1.08;\r\n\r\n letter-spacing:-1px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\r\n\/* \u2605 \u5de6\u53f3\u8bf4\u660e\u653e\u5927 *\/\r\n\r\n.cn-side-heading p{\r\n\r\n margin:\r\n 13px\r\n 0\r\n 0;\r\n\r\n color:#69778c;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.55;\r\n\r\n font-weight:450;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SOURCE TAGS\r\n========================================================= *\/\r\n\r\n.cn-source-tags{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-top:17px;\r\n}\r\n\r\n\r\n.cn-source-tags span{\r\n\r\n padding:\r\n 8px\r\n 11px;\r\n\r\n border-radius:999px;\r\n\r\n color:#41526b;\r\n\r\n background:#f8fafc;\r\n\r\n border:\r\n 1px solid #e2e8f0;\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n\r\n animation:\r\n sourceFloat\r\n 4s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-source-tags span:nth-child(2){\r\n animation-delay:-.5s;\r\n}\r\n\r\n.cn-source-tags span:nth-child(3){\r\n animation-delay:-1s;\r\n}\r\n\r\n.cn-source-tags span:nth-child(4){\r\n animation-delay:-1.5s;\r\n}\r\n\r\n.cn-source-tags span:nth-child(5){\r\n animation-delay:-2s;\r\n}\r\n\r\n\r\n@keyframes sourceFloat{\r\n\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-3px);\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT RECEIVING PANEL\r\n\r\n Fill all remaining space.\r\n========================================================= *\/\r\n\r\n.cn-receiving-panel{\r\n\r\n flex:1;\r\n\r\n min-height:0;\r\n\r\n margin:\r\n 0\r\n 20px\r\n 20px;\r\n\r\n padding:\r\n 16px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #f8fafc,\r\n #f2f5f9\r\n );\r\n\r\n border:\r\n 1px solid #e6ebf1;\r\n}\r\n\r\n\r\n\r\n\/* STATUS *\/\r\n\r\n.cn-receiving-status{\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 14px\r\n 15px;\r\n\r\n border-radius:11px;\r\n\r\n color:#ffffff;\r\n\r\n background:#102243;\r\n}\r\n\r\n\r\n.cn-live-dot{\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#55cb82;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(85,203,130,.15);\r\n\r\n animation:\r\n greenPulse\r\n 1.7s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n@keyframes greenPulse{\r\n\r\n 50%{\r\n\r\n box-shadow:\r\n 0 0 0 9px\r\n rgba(85,203,130,.04);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-receiving-status small{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px;\r\n\r\n color:\r\n rgba(255,255,255,.58);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-receiving-status strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.25;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT ROWS\r\n========================================================= *\/\r\n\r\n.cn-receiving-list{\r\n\r\n flex:1;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n\r\n margin-top:8px;\r\n}\r\n\r\n\r\n.cn-receiving-row{\r\n\r\n flex:1;\r\n\r\n min-height:54px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 8px\r\n 3px;\r\n\r\n border-bottom:\r\n 1px solid #dde4eb;\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n\r\n.cn-receiving-row:last-child{\r\n\r\n border-bottom:none;\r\n}\r\n\r\n\r\n.cn-receiving-row:hover{\r\n\r\n transform:\r\n translateX(5px);\r\n}\r\n\r\n\r\n.cn-row-check{\r\n\r\n width:28px;\r\n height:28px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#79c993;\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-row-check.pending{\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 2px solid #c7d0dc;\r\n}\r\n\r\n\r\n.cn-receiving-row strong{\r\n\r\n display:block;\r\n\r\n color:#304157;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.25;\r\n}\r\n\r\n\r\n.cn-receiving-row small{\r\n\r\n display:block;\r\n\r\n margin-top:3px;\r\n\r\n color:#8794a5;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.25;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n PANEL FOOT\r\n========================================================= *\/\r\n\r\n.cn-panel-foot{\r\n\r\n flex:0 0 auto;\r\n\r\n padding-top:13px;\r\n\r\n border-top:\r\n 1px solid #dce3eb;\r\n}\r\n\r\n\r\n.cn-panel-foot span{\r\n\r\n display:block;\r\n\r\n color:#8996a7;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.15px;\r\n}\r\n\r\n\r\n.cn-panel-foot strong{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#102243;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CENTER\r\n========================================================= *\/\r\n\r\n.cn-center-card{\r\n\r\n position:relative;\r\n\r\n min-height:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #1a315c,\r\n #0c1a3b\r\n );\r\n\r\n box-shadow:\r\n 0 25px 70px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n.cn-center-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n background-repeat:no-repeat;\r\n\r\n transform:scale(1.02);\r\n\r\n transition:\r\n transform\r\n 1s\r\n ease;\r\n}\r\n\r\n\r\n.cn-center-card:hover\r\n.cn-center-image{\r\n\r\n transform:\r\n scale(1.055);\r\n}\r\n\r\n\r\n.cn-center-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 180deg,\r\n rgba(5,17,40,.18),\r\n rgba(5,17,40,.02) 40%,\r\n rgba(5,17,40,.88) 100%\r\n );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CENTER TOP\r\n========================================================= *\/\r\n\r\n.cn-center-top{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n top:27px;\r\n left:29px;\r\n right:29px;\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-start;\r\n}\r\n\r\n\r\n.cn-center-number{\r\n\r\n color:\r\n rgba(255,255,255,.75);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n.cn-center-label{\r\n\r\n margin-top:9px;\r\n\r\n color:\r\n rgba(255,255,255,.9);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n.cn-warehouse-update{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:\r\n 9px\r\n 12px;\r\n\r\n border-radius:999px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n rgba(8,25,57,.74);\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.2);\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-warehouse-update i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#5ed08b;\r\n\r\n box-shadow:\r\n 0 0 0 5px\r\n rgba(94,208,139,.15);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FLOAT BOXES\r\n========================================================= *\/\r\n\r\n.cn-float-box{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 13px\r\n 15px;\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 14px 34px\r\n rgba(0,0,0,.17);\r\n\r\n animation:\r\n floatInfo\r\n 4.5s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-video-box{\r\n\r\n animation-delay:-2s;\r\n}\r\n\r\n\r\n@keyframes floatInfo{\r\n\r\n 50%{\r\n\r\n transform:\r\n translateY(-7px);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-float-box small{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:#8290a4;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-float-box strong{\r\n\r\n display:block;\r\n\r\n color:#122544;\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n.cn-photo-icon,\r\n.cn-video-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-photo-icon{\r\n\r\n border-radius:9px;\r\n\r\n color:#f4512c;\r\n\r\n background:#fff0ec;\r\n}\r\n\r\n\r\n.cn-photo-icon svg{\r\n\r\n width:18px;\r\n}\r\n\r\n\r\n.cn-video-icon{\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#102243;\r\n}\r\n\r\n\r\n.cn-video-icon svg{\r\n\r\n width:14px;\r\n}\r\n\r\n\r\n.cn-photo-box{\r\n\r\n top:110px;\r\n left:30px;\r\n}\r\n\r\n\r\n.cn-video-box{\r\n\r\n top:44%;\r\n right:29px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CENTER COPY\r\n\r\n \u2605 \u653e\u5927\r\n========================================================= *\/\r\n\r\n.cn-center-copy{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n left:32px;\r\n right:32px;\r\n bottom:30px;\r\n\r\n max-width:500px;\r\n}\r\n\r\n\r\n.cn-orange-rule{\r\n\r\n width:44px;\r\n height:4px;\r\n\r\n margin-bottom:14px;\r\n\r\n border-radius:99px;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-center-copy h3{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(36px,2.5vw,46px);\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-1.6px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n.cn-center-copy p{\r\n\r\n max-width:500px;\r\n\r\n margin-top:12px;\r\n\r\n color:\r\n rgba(255,255,255,.88);\r\n\r\n font-size:14px;\r\n\r\n line-height:1.5;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n RIGHT DECISION PANEL\r\n========================================================= *\/\r\n\r\n.cn-decision-panel{\r\n\r\n flex:1;\r\n\r\n min-height:0;\r\n\r\n margin:\r\n 0\r\n 20px\r\n 20px;\r\n\r\n padding:\r\n 16px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n border-radius:15px;\r\n\r\n border:\r\n 1px solid #e6ebf1;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #f8fafc,\r\n #f2f5f9\r\n );\r\n}\r\n\r\n\r\n.cn-decision-list{\r\n\r\n flex:1;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-decision-row{\r\n\r\n flex:1;\r\n\r\n min-height:50px;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 34px\r\n 1fr\r\n 14px;\r\n\r\n align-items:center;\r\n\r\n padding:\r\n 4px\r\n 7px;\r\n\r\n border-bottom:\r\n 1px solid #dde4eb;\r\n\r\n color:#4e5f74;\r\n\r\n transition:\r\n background .25s ease,\r\n padding .25s ease;\r\n}\r\n\r\n\r\n.cn-decision-row:last-child{\r\n\r\n border-bottom:none;\r\n}\r\n\r\n\r\n.cn-decision-row span{\r\n\r\n color:#9da9b7;\r\n\r\n font-size:10px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-decision-row strong{\r\n\r\n font-size:13px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-decision-row i{\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n justify-self:end;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid #b8c3d0;\r\n}\r\n\r\n\r\n.cn-decision-row.active{\r\n\r\n padding:\r\n 4px\r\n 12px;\r\n\r\n color:#102243;\r\n\r\n border-radius:9px;\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 6px 18px\r\n rgba(7,27,61,.05);\r\n}\r\n\r\n\r\n.cn-decision-row.active i{\r\n\r\n background:#f4512c;\r\n\r\n border-color:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 5px\r\n rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n APPROVED\r\n========================================================= *\/\r\n\r\n.cn-approved-box{\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n margin-top:13px;\r\n\r\n padding:\r\n 14px\r\n 15px;\r\n\r\n border-radius:12px;\r\n\r\n background:#102243;\r\n\r\n box-shadow:\r\n 0 12px 28px\r\n rgba(7,27,61,.15);\r\n}\r\n\r\n\r\n.cn-approved-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-approved-icon svg{\r\n\r\n width:19px;\r\n}\r\n\r\n\r\n.cn-approved-box small{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:\r\n rgba(255,255,255,.6);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-approved-box strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:13px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM PROCESS\r\n \u2605 \u6574\u4f53\u5b57\u4f53\u660e\u663e\u653e\u5927\r\n========================================================= *\/\r\n\r\n.cn-bottom-process{\r\n\r\n height:52px;\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.cn-bottom-step{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n color:\r\n rgba(255,255,255,.86);\r\n\r\n font-size:14px;\r\n\r\n font-weight:750;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n.cn-bottom-step i{\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.58);\r\n}\r\n\r\n\r\n.cn-bottom-step.active{\r\n\r\n color:#ffffff;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-bottom-step.active i{\r\n\r\n width:11px;\r\n height:11px;\r\n\r\n background:#f4512c;\r\n\r\n border-color:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 7px\r\n rgba(244,81,44,.16);\r\n}\r\n\r\n\r\n.cn-bottom-process > span{\r\n\r\n width:\r\n clamp(30px,3vw,48px);\r\n\r\n height:1px;\r\n\r\n margin:\r\n 0\r\n 14px;\r\n\r\n background:\r\n rgba(255,255,255,.33);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n ELEMENTOR \/ SHORT SCREEN\r\n\r\n \u8fd9\u91cc\u53ea\u7f29\u95f4\u8ddd\uff0c\u4e0d\u518d\u628a\u5173\u952e\u5b57\u4f53\u7f29\u5c0f\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:800px)\r\nand\r\n(min-width:761px){\r\n\r\n .cn-check-inner{\r\n\r\n padding:\r\n 18px\r\n 0\r\n 12px;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n 44px;\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n .cn-check-head h2{\r\n\r\n font-size:\r\n clamp(42px,3.5vw,55px);\r\n }\r\n\r\n\r\n .cn-check-head p{\r\n\r\n margin-top:8px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-check-eyebrow{\r\n\r\n margin-bottom:6px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .cn-side-heading{\r\n\r\n padding:\r\n 19px\r\n 20px\r\n 12px;\r\n }\r\n\r\n\r\n .cn-card-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n margin-top:8px;\r\n }\r\n\r\n\r\n .cn-card-label{\r\n\r\n margin-top:9px;\r\n }\r\n\r\n\r\n .cn-side-heading h3{\r\n\r\n margin-top:7px;\r\n\r\n font-size:24px;\r\n }\r\n\r\n\r\n .cn-side-heading p{\r\n\r\n margin-top:7px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-source-tags{\r\n\r\n margin-top:9px;\r\n }\r\n\r\n\r\n .cn-source-tags span{\r\n\r\n padding:\r\n 5px\r\n 8px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .cn-receiving-panel,\r\n .cn-decision-panel{\r\n\r\n margin:\r\n 0\r\n 14px\r\n 14px;\r\n\r\n padding:10px;\r\n }\r\n\r\n\r\n .cn-receiving-status{\r\n\r\n padding:\r\n 9px\r\n 11px;\r\n }\r\n\r\n\r\n .cn-receiving-row{\r\n\r\n min-height:41px;\r\n }\r\n\r\n\r\n .cn-receiving-row strong{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .cn-decision-row{\r\n\r\n min-height:38px;\r\n }\r\n\r\n\r\n .cn-approved-box{\r\n\r\n margin-top:8px;\r\n\r\n padding:\r\n 9px\r\n 11px;\r\n }\r\n\r\n\r\n .cn-approved-icon{\r\n\r\n width:34px;\r\n height:34px;\r\n }\r\n\r\n\r\n .cn-panel-foot{\r\n\r\n padding-top:8px;\r\n }\r\n\r\n\r\n .cn-center-copy h3{\r\n\r\n font-size:36px;\r\n }\r\n\r\n\r\n .cn-center-copy p{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-bottom-step{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-bottom-process > span{\r\n\r\n margin:\r\n 0\r\n 10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-check-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-check-grid{\r\n\r\n grid-template-columns:\r\n .9fr\r\n 1.15fr\r\n .9fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .cn-side-heading h3{\r\n\r\n font-size:24px;\r\n }\r\n\r\n\r\n .cn-bottom-step{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .cn-bottom-process > span{\r\n\r\n width:24px;\r\n\r\n margin:\r\n 0\r\n 8px;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-check-screen{\r\n\r\n height:auto;\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n padding:\r\n 65px\r\n 0;\r\n }\r\n\r\n\r\n .cn-check-inner{\r\n\r\n width:\r\n calc(100% - 32px);\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .cn-check-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:35px;\r\n }\r\n\r\n\r\n .cn-check-head h2{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .cn-check-head p{\r\n\r\n margin-left:0;\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-check-grid{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n .cn-side-card{\r\n\r\n min-height:600px;\r\n }\r\n\r\n\r\n .cn-center-card{\r\n\r\n order:-1;\r\n\r\n height:520px;\r\n }\r\n\r\n\r\n .cn-side-heading h3{\r\n\r\n font-size:29px;\r\n }\r\n\r\n\r\n .cn-side-heading p{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-bottom-process{\r\n\r\n margin-top:28px;\r\n\r\n justify-content:flex-start;\r\n\r\n overflow-x:auto;\r\n\r\n padding:\r\n 10px\r\n 3px;\r\n }\r\n\r\n\r\n .cn-bottom-step{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-bottom-process > span{\r\n\r\n width:25px;\r\n\r\n min-width:25px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n DECISION AUTO SWITCH\r\n========================================================= *\/\r\n\r\ndocument\r\n.querySelectorAll(\".cn-right-card\")\r\n.forEach(function(card){\r\n\r\n const rows =\r\n card.querySelectorAll(\r\n \".cn-decision-row\"\r\n );\r\n\r\n let index = 0;\r\n\r\n\r\n setInterval(function(){\r\n\r\n rows.forEach(function(row){\r\n\r\n row.classList.remove(\r\n \"active\"\r\n );\r\n\r\n });\r\n\r\n\r\n rows[index]\r\n .classList.add(\r\n \"active\"\r\n );\r\n\r\n\r\n index++;\r\n\r\n\r\n if(index >= rows.length){\r\n\r\n index = 0;\r\n\r\n }\r\n\r\n },1800);\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-16d404a e-con e-atomic-element e-flexbox-base e-default-div e-6d8b7d2 \" data-id=\"16d404a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"16d404a\" data-e-type=\"e-flexbox\" data-id=\"16d404a\">\n <div class=\"elementor-element elementor-element-d425445 e-flex e-con-boxed e-con e-parent\" data-id=\"d425445\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b57848 elementor-widget elementor-widget-html\" data-id=\"7b57848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-route-screen\">\r\n\r\n <div class=\"cn-route-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-route-head\">\r\n\r\n <div class=\"cn-route-eyebrow\">\r\n AFTER YOUR APPROVAL\r\n <\/div>\r\n\r\n <h2>\r\n Packed right.\r\n <span>Routed smarter.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Once your goods are approved, we prepare the shipment and match it with\r\n a suitable route based on product type, destination, weight, volume\r\n and delivery priority.\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-main\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-packing-card\">\r\n\r\n <div\r\n class=\"cn-packing-image\"\r\n style=\"\r\n background-image:\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/b912dfd0055e01e416a2e7a293a4b460.jpg');\r\n \">\r\n <\/div>\r\n\r\n <div class=\"cn-packing-overlay\"><\/div>\r\n\r\n\r\n <div class=\"cn-packing-top\">\r\n\r\n <div>\r\n\r\n <span class=\"cn-mini-label\">\r\n PACKING COMPLETE\r\n <\/span>\r\n\r\n <h3>\r\n Ready for international shipping.\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-ready-badge\">\r\n\r\n <i><\/i>\r\n\r\n Ready\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-pack-tag cn-pack-tag-1\">\r\n Repacked\r\n <\/div>\r\n\r\n <div class=\"cn-pack-tag cn-pack-tag-2\">\r\n Protected\r\n <\/div>\r\n\r\n <div class=\"cn-pack-tag cn-pack-tag-3\">\r\n Consolidated\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-packing-bottom\">\r\n\r\n <div class=\"cn-orange-line\"><\/div>\r\n\r\n <strong>\r\n Built around the goods,\r\n not a fixed box.\r\n <\/strong>\r\n\r\n <p>\r\n We can remove unnecessary outer packaging, reinforce weak cartons,\r\n add protection and consolidate parcels when practical.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-arrow\">\r\n\r\n <div class=\"cn-arrow-circle\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m14 7 5 5-5 5\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n ROUTE MATCHING\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-route-panel\">\r\n\r\n <div class=\"cn-route-panel-head\">\r\n\r\n <div>\r\n\r\n <span>\r\n SMART ROUTE SELECTION\r\n <\/span>\r\n\r\n <h3>\r\n We match the route\r\n to the shipment.\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-route-live\">\r\n\r\n <i><\/i>\r\n\r\n Matching\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-factors\">\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>01<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n PRODUCT\r\n <\/small>\r\n\r\n <strong id=\"cn-product\">\r\n General Cargo\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>02<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n DESTINATION\r\n <\/small>\r\n\r\n <strong id=\"cn-destination\">\r\n Germany\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>03<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n WEIGHT\r\n <\/small>\r\n\r\n <strong id=\"cn-weight\">\r\n 28 kg\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>04<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n PRIORITY\r\n <\/small>\r\n\r\n <strong id=\"cn-priority\">\r\n Balanced\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-result\">\r\n\r\n <div class=\"cn-route-result-label\">\r\n RECOMMENDED ROUTE\r\n <\/div>\r\n\r\n <div class=\"cn-route-result-row\">\r\n\r\n <div>\r\n\r\n <strong id=\"cn-route-name\">\r\n DDP Air Line\r\n <\/strong>\r\n\r\n <p id=\"cn-route-text\">\r\n Balanced speed and cost for general cargo.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-check\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-meta\">\r\n\r\n <span>\r\n Product type\r\n <\/span>\r\n\r\n <span>\r\n Weight \/ volume\r\n <\/span>\r\n\r\n <span>\r\n Destination\r\n <\/span>\r\n\r\n <span>\r\n Delivery priority\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-options\">\r\n\r\n <div class=\"cn-route-option active\">\r\n\r\n <span>01<\/span>\r\n\r\n <strong>\r\n Air Freight\r\n <\/strong>\r\n\r\n <small>\r\n Faster transit\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>02<\/span>\r\n\r\n <strong>\r\n DDP Shipping\r\n <\/strong>\r\n\r\n <small>\r\n Door-to-door\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>03<\/span>\r\n\r\n <strong>\r\n Sea Freight\r\n <\/strong>\r\n\r\n <small>\r\n Heavy cargo\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>04<\/span>\r\n\r\n <strong>\r\n Battery Shipping\r\n <\/strong>\r\n\r\n <small>\r\n Special handling\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>05<\/span>\r\n\r\n <strong>\r\n Sensitive Goods\r\n <\/strong>\r\n\r\n <small>\r\n Dedicated route\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>06<\/span>\r\n\r\n <strong>\r\n Oversized Cargo\r\n <\/strong>\r\n\r\n <small>\r\n Custom solution\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-route-screen{\r\n\r\n --navy:#071b3d;\r\n --navy2:#11294f;\r\n --orange:#f4512c;\r\n --muted:#667085;\r\n --line:#e4e9ef;\r\n\r\n width:100%;\r\n\r\n height:100vh;\r\n height:100svh;\r\n\r\n min-height:760px;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 85% 18%,\r\n rgba(244,81,44,.07),\r\n transparent 28%\r\n ),\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f5f7fa 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n.cn-route-inner{\r\n\r\n width:min(\r\n calc(100% - 80px),\r\n 1440px\r\n );\r\n\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n padding:\r\n 46px 0 28px;\r\n\r\n display:grid;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n auto;\r\n\r\n row-gap:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEAD\r\n========================================================= *\/\r\n\r\n.cn-route-head{\r\n\r\n max-width:900px;\r\n\r\n margin:auto;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-route-eyebrow{\r\n\r\n margin-bottom:11px;\r\n\r\n color:#f4512c;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.8px;\r\n}\r\n\r\n\r\n.cn-route-head h2{\r\n\r\n margin:0;\r\n\r\n color:#071b3d;\r\n\r\n font-size:\r\n clamp(46px,4vw,66px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-route-head h2 span{\r\n\r\n color:#f4512c;\r\n}\r\n\r\n\r\n.cn-route-head p{\r\n\r\n max-width:760px;\r\n\r\n margin:\r\n 16px auto 0;\r\n\r\n color:#667085;\r\n\r\n font-size:15px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN\r\n========================================================= *\/\r\n\r\n.cn-route-main{\r\n\r\n min-height:0;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr\r\n 90px\r\n 1fr;\r\n\r\n gap:20px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PACKING CARD\r\n========================================================= *\/\r\n\r\n.cn-packing-card{\r\n\r\n position:relative;\r\n\r\n min-height:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:22px;\r\n\r\n background:#dfe5ec;\r\n\r\n box-shadow:\r\n 0 26px 70px rgba(7,27,61,.12);\r\n}\r\n\r\n\r\n.cn-packing-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n background-repeat:no-repeat;\r\n\r\n transform:scale(1.02);\r\n\r\n transition:\r\n transform 1s ease;\r\n}\r\n\r\n\r\n.cn-packing-card:hover\r\n.cn-packing-image{\r\n\r\n transform:\r\n scale(1.055);\r\n}\r\n\r\n\r\n.cn-packing-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,27,61,.16),\r\n rgba(7,27,61,.03) 42%,\r\n rgba(7,27,61,.82) 100%\r\n );\r\n}\r\n\r\n\r\n\/* PACKING TOP *\/\r\n\r\n.cn-packing-top{\r\n\r\n position:absolute;\r\n\r\n z-index:4;\r\n\r\n top:28px;\r\n left:28px;\r\n right:28px;\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n}\r\n\r\n\r\n.cn-mini-label{\r\n\r\n display:block;\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.4px;\r\n}\r\n\r\n\r\n.cn-packing-top h3{\r\n\r\n max-width:340px;\r\n\r\n margin-top:8px;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(25px,1.9vw,34px);\r\n\r\n line-height:1.06;\r\n\r\n letter-spacing:-1px;\r\n}\r\n\r\n\r\n.cn-ready-badge{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:\r\n 8px 11px;\r\n\r\n border-radius:999px;\r\n\r\n background:\r\n rgba(7,27,61,.66);\r\n\r\n color:#ffffff;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.19);\r\n\r\n backdrop-filter:\r\n blur(12px);\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-ready-badge i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#58cb82;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(88,203,130,.14);\r\n}\r\n\r\n\r\n\/* TAGS *\/\r\n\r\n.cn-pack-tag{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n padding:\r\n 9px 12px;\r\n\r\n border-radius:999px;\r\n\r\n color:#071b3d;\r\n\r\n background:\r\n rgba(255,255,255,.94);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.82);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(7,27,61,.12);\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n\r\n animation:\r\n packFloat\r\n 4.5s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-pack-tag-1{\r\n\r\n left:30px;\r\n top:42%;\r\n}\r\n\r\n\r\n.cn-pack-tag-2{\r\n\r\n right:30px;\r\n top:33%;\r\n\r\n animation-delay:-1.5s;\r\n}\r\n\r\n\r\n.cn-pack-tag-3{\r\n\r\n right:40px;\r\n top:57%;\r\n\r\n animation-delay:-3s;\r\n}\r\n\r\n\r\n@keyframes packFloat{\r\n\r\n 50%{\r\n transform:translateY(-6px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* PACKING BOTTOM *\/\r\n\r\n.cn-packing-bottom{\r\n\r\n position:absolute;\r\n\r\n z-index:4;\r\n\r\n left:30px;\r\n right:30px;\r\n bottom:28px;\r\n\r\n max-width:490px;\r\n}\r\n\r\n\r\n.cn-orange-line{\r\n\r\n width:42px;\r\n height:4px;\r\n\r\n margin-bottom:12px;\r\n\r\n border-radius:99px;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-packing-bottom strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(28px,2.1vw,39px);\r\n\r\n line-height:1.03;\r\n\r\n letter-spacing:-1.3px;\r\n}\r\n\r\n\r\n.cn-packing-bottom p{\r\n\r\n margin-top:10px;\r\n\r\n color:\r\n rgba(255,255,255,.82);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER ARROW\r\n========================================================= *\/\r\n\r\n.cn-route-arrow{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:12px;\r\n\r\n color:#8a96a8;\r\n}\r\n\r\n\r\n.cn-arrow-circle{\r\n\r\n width:54px;\r\n height:54px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(244,81,44,.24);\r\n\r\n animation:\r\n arrowPulse\r\n 2.3s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-arrow-circle svg{\r\n\r\n width:23px;\r\n height:23px;\r\n}\r\n\r\n\r\n.cn-route-arrow span{\r\n\r\n writing-mode:vertical-rl;\r\n\r\n text-orientation:mixed;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n@keyframes arrowPulse{\r\n\r\n 50%{\r\n transform:translateX(5px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROUTE PANEL\r\n========================================================= *\/\r\n\r\n.cn-route-panel{\r\n\r\n min-height:0;\r\n\r\n padding:28px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n border-radius:22px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e4e9ef;\r\n\r\n box-shadow:\r\n 0 26px 70px rgba(7,27,61,.08);\r\n}\r\n\r\n\r\n.cn-route-panel-head{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n}\r\n\r\n\r\n.cn-route-panel-head span{\r\n\r\n display:block;\r\n\r\n color:#f4512c;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.4px;\r\n}\r\n\r\n\r\n.cn-route-panel-head h3{\r\n\r\n margin-top:8px;\r\n\r\n color:#071b3d;\r\n\r\n font-size:\r\n clamp(27px,2vw,37px);\r\n\r\n line-height:1.04;\r\n\r\n letter-spacing:-1.2px;\r\n}\r\n\r\n\r\n.cn-route-live{\r\n\r\n height:max-content;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:\r\n 8px 11px;\r\n\r\n border-radius:999px;\r\n\r\n color:#41526b;\r\n\r\n background:#f7f9fc;\r\n\r\n border:\r\n 1px solid #e3e8ef;\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-route-live i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FACTORS\r\n========================================================= *\/\r\n\r\n.cn-route-factors{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:10px;\r\n\r\n margin-top:24px;\r\n}\r\n\r\n\r\n.cn-factor{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 13px;\r\n\r\n border-radius:12px;\r\n\r\n background:#f7f9fc;\r\n\r\n border:\r\n 1px solid #e6ebf1;\r\n}\r\n\r\n\r\n.cn-factor > span{\r\n\r\n width:27px;\r\n height:27px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#8490a1;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e0e6ed;\r\n\r\n font-size:8px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-factor small{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n}\r\n\r\n\r\n.cn-factor strong{\r\n\r\n display:block;\r\n\r\n color:#223653;\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESULT\r\n========================================================= *\/\r\n\r\n.cn-route-result{\r\n\r\n margin-top:18px;\r\n\r\n padding:\r\n 18px;\r\n\r\n border-radius:15px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #071b3d,\r\n #132d5b\r\n );\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(7,27,61,.16);\r\n}\r\n\r\n\r\n.cn-route-result-label{\r\n\r\n color:\r\n rgba(255,255,255,.52);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.1px;\r\n}\r\n\r\n\r\n.cn-route-result-row{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-top:11px;\r\n}\r\n\r\n\r\n.cn-route-result-row strong{\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(20px,1.4vw,27px);\r\n}\r\n\r\n\r\n.cn-route-result-row p{\r\n\r\n margin-top:5px;\r\n\r\n color:\r\n rgba(255,255,255,.68);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.45;\r\n}\r\n\r\n\r\n.cn-route-check{\r\n\r\n width:40px;\r\n height:40px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-route-check svg{\r\n\r\n width:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n META\r\n========================================================= *\/\r\n\r\n.cn-route-meta{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-top:auto;\r\n\r\n padding-top:18px;\r\n}\r\n\r\n\r\n.cn-route-meta span{\r\n\r\n padding:\r\n 8px 12px;\r\n\r\n border-radius:999px;\r\n\r\n color:#56657a;\r\n\r\n background:#f7f9fc;\r\n\r\n border:\r\n 1px solid #e4e9ef;\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROUTE OPTIONS\r\n========================================================= *\/\r\n\r\n.cn-route-options{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(6,1fr);\r\n\r\n gap:12px;\r\n}\r\n\r\n\r\n.cn-route-option{\r\n\r\n position:relative;\r\n\r\n min-width:0;\r\n\r\n min-height:96px;\r\n\r\n padding:\r\n 17px 18px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n\r\n border-radius:14px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e3e8ef;\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.cn-route-option:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:\r\n rgba(244,81,44,.38);\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(7,27,61,.09);\r\n}\r\n\r\n\r\n.cn-route-option.active{\r\n\r\n background:#071b3d;\r\n\r\n border-color:#071b3d;\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.cn-route-option span{\r\n\r\n display:block;\r\n\r\n color:#8d99aa;\r\n\r\n font-size:10px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.3px;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.cn-route-option strong{\r\n\r\n display:block;\r\n\r\n margin-top:9px;\r\n\r\n color:#172b4d;\r\n\r\n font-size:15px;\r\n\r\n line-height:1.25;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.2px;\r\n}\r\n\r\n\r\n\/* SUBTEXT *\/\r\n\r\n.cn-route-option small{\r\n\r\n display:block;\r\n\r\n margin-top:7px;\r\n\r\n color:#768399;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* ACTIVE *\/\r\n\r\n.cn-route-option.active span{\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n}\r\n\r\n\r\n.cn-route-option.active strong{\r\n\r\n color:#ffffff;\r\n\r\n font-size:15px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-route-option.active small{\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHORT SCREEN \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:800px)\r\nand\r\n(min-width:761px){\r\n\r\n .cn-route-inner{\r\n\r\n padding:\r\n 24px 0 16px;\r\n\r\n row-gap:16px;\r\n }\r\n\r\n\r\n .cn-route-head h2{\r\n\r\n font-size:\r\n clamp(40px,3.4vw,55px);\r\n }\r\n\r\n\r\n .cn-route-head p{\r\n\r\n margin-top:9px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-route-panel{\r\n\r\n padding:20px;\r\n }\r\n\r\n\r\n .cn-route-panel-head h3{\r\n\r\n font-size:28px;\r\n }\r\n\r\n\r\n .cn-route-factors{\r\n\r\n margin-top:14px;\r\n }\r\n\r\n\r\n .cn-factor{\r\n\r\n padding:9px;\r\n }\r\n\r\n\r\n .cn-route-result{\r\n\r\n margin-top:12px;\r\n\r\n padding:13px;\r\n }\r\n\r\n\r\n .cn-packing-top{\r\n\r\n top:20px;\r\n left:21px;\r\n right:21px;\r\n }\r\n\r\n\r\n .cn-packing-bottom{\r\n\r\n left:22px;\r\n right:22px;\r\n bottom:20px;\r\n }\r\n\r\n\r\n .cn-packing-bottom strong{\r\n\r\n font-size:30px;\r\n }\r\n\r\n\r\n .cn-route-option{\r\n\r\n min-height:86px;\r\n\r\n padding:\r\n 12px 14px;\r\n }\r\n\r\n\r\n .cn-route-option strong{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-route-option small{\r\n\r\n font-size:10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-route-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-route-main{\r\n\r\n grid-template-columns:\r\n 1fr\r\n 60px\r\n 1fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .cn-route-options{\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n }\r\n\r\n\r\n .cn-route-option strong{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-route-option small{\r\n\r\n font-size:10.5px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-route-screen{\r\n\r\n height:auto;\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n padding:\r\n 65px 0;\r\n }\r\n\r\n\r\n .cn-route-inner{\r\n\r\n width:\r\n calc(100% - 32px);\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .cn-route-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:36px;\r\n }\r\n\r\n\r\n .cn-route-head h2{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .cn-route-head p{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-route-main{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:16px;\r\n }\r\n\r\n\r\n .cn-packing-card{\r\n\r\n height:520px;\r\n }\r\n\r\n\r\n .cn-route-arrow{\r\n\r\n flex-direction:row;\r\n\r\n padding:\r\n 8px 0;\r\n }\r\n\r\n\r\n .cn-route-arrow span{\r\n\r\n writing-mode:horizontal-tb;\r\n }\r\n\r\n\r\n .cn-arrow-circle{\r\n\r\n transform:rotate(90deg);\r\n }\r\n\r\n\r\n .cn-route-panel{\r\n\r\n min-height:520px;\r\n }\r\n\r\n\r\n .cn-route-options{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n\r\n margin-top:22px;\r\n }\r\n\r\n\r\n .cn-route-option{\r\n\r\n min-height:100px;\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .cn-route-option span{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .cn-route-option strong{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-route-option small{\r\n\r\n font-size:11px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n ROUTE DEMO DATA\r\n========================================================= *\/\r\n\r\nconst cnRouteCases = [\r\n\r\n {\r\n product:\"General Cargo\",\r\n destination:\"Germany\",\r\n weight:\"28 kg\",\r\n priority:\"Balanced\",\r\n route:\"DDP Air Line\",\r\n text:\"Balanced speed and cost for general cargo.\"\r\n },\r\n\r\n {\r\n product:\"Lithium Battery\",\r\n destination:\"United Kingdom\",\r\n weight:\"42 kg\",\r\n priority:\"Compliant\",\r\n route:\"Battery Shipping Line\",\r\n text:\"A suitable route for regulated battery cargo.\"\r\n },\r\n\r\n {\r\n product:\"Bulky Cargo\",\r\n destination:\"United States\",\r\n weight:\"186 kg\",\r\n priority:\"Cost Saving\",\r\n route:\"Sea Freight\",\r\n text:\"More suitable for heavy and bulky shipments.\"\r\n },\r\n\r\n {\r\n product:\"Product Sample\",\r\n destination:\"France\",\r\n weight:\"6 kg\",\r\n priority:\"Urgent\",\r\n route:\"Air Freight\",\r\n text:\"Faster delivery for time-sensitive samples.\"\r\n }\r\n\r\n];\r\n\r\n\r\nlet cnRouteIndex = 0;\r\n\r\n\r\nfunction cnUpdateRoute(){\r\n\r\n const item =\r\n cnRouteCases[cnRouteIndex];\r\n\r\n document.getElementById(\r\n \"cn-product\"\r\n ).textContent =\r\n item.product;\r\n\r\n document.getElementById(\r\n \"cn-destination\"\r\n ).textContent =\r\n item.destination;\r\n\r\n document.getElementById(\r\n \"cn-weight\"\r\n ).textContent =\r\n item.weight;\r\n\r\n document.getElementById(\r\n \"cn-priority\"\r\n ).textContent =\r\n item.priority;\r\n\r\n document.getElementById(\r\n \"cn-route-name\"\r\n ).textContent =\r\n item.route;\r\n\r\n document.getElementById(\r\n \"cn-route-text\"\r\n ).textContent =\r\n item.text;\r\n\r\n\r\n cnRouteIndex++;\r\n\r\n\r\n if(\r\n cnRouteIndex >=\r\n cnRouteCases.length\r\n ){\r\n\r\n cnRouteIndex = 0;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\nsetInterval(\r\n cnUpdateRoute,\r\n 2600\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-54cc178 e-con e-atomic-element e-flexbox-base e-default-div e-61ca48a \" data-id=\"54cc178\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"54cc178\" data-e-type=\"e-flexbox\" data-id=\"54cc178\">\n <div class=\"elementor-element elementor-element-e0a38e3 e-flex e-con-boxed e-con e-parent\" data-id=\"e0a38e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b0db8b elementor-widget elementor-widget-html\" data-id=\"9b0db8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-network-screen\">\r\n\r\n <div class=\"cn-network-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-network-head\">\r\n\r\n <div class=\"cn-network-eyebrow\">\r\n OUR SHIPPING NETWORK\r\n <\/div>\r\n\r\n <h2>\r\n One warehouse.\r\n <span>Many ways to ship.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n We connect your shipment with multiple international carriers\r\n and shipping channels, then select a suitable route based on\r\n your cargo and destination.\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-network-stage\">\r\n\r\n\r\n \r\n\r\n <svg\r\n class=\"cn-network-lines\"\r\n viewBox=\"0 0 1200 520\"\r\n preserveAspectRatio=\"none\"\r\n aria-hidden=\"true\">\r\n\r\n \r\n\r\n <path class=\"cn-line\"\r\n d=\"M165 95 C330 120 405 170 505 235\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M355 65 C430 105 475 160 535 220\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M600 55 C600 120 600 165 600 215\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M835 65 C760 110 710 160 655 220\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M1030 95 C860 120 790 180 680 235\"\/>\r\n\r\n\r\n \r\n\r\n <path class=\"cn-line\"\r\n d=\"M185 420 C350 390 420 335 520 290\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M390 455 C455 385 505 330 550 300\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M600 468 C600 390 600 340 600 305\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M825 450 C750 385 700 335 650 300\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M1020 415 C860 390 790 330 680 290\"\/>\r\n\r\n\r\n \r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M125 220 C300 220 405 235 500 250\"\/>\r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M125 320 C300 320 410 300 500 285\"\/>\r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M1075 220 C900 220 800 235 700 250\"\/>\r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M1075 320 C900 320 795 300 700 285\"\/>\r\n\r\n <\/svg>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-1\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/596f0e86-6df0-4dba-b2d4-4f49106ff498.png\"\r\n alt=\"DHL\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-2\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/d909271a-a1e8-454b-8dc6-ca4485b63a9b.png\"\r\n alt=\"FedEx\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-3\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/472b8b5e-a625-4f7d-900b-488028630359.png\"\r\n alt=\"UPS\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-4\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/4be1f430-4010-4133-a80f-465c14ae24e4.png\"\r\n alt=\"DPD\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-5\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/e20ab960-fcc6-4ecb-aa15-d6ebcf8b5545.png\"\r\n alt=\"Royal Mail\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-6\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/4bcda1c3-66ae-4c82-956e-b4ab3cc83e4b.png\"\r\n alt=\"PostNL\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-7\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/2272ebb4-e894-493e-b655-3b9272ef21ed.png\"\r\n alt=\"GLS\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-8\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/5352f910-8db2-48d0-88c8-08e80fd468c1.png\"\r\n alt=\"InPost\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-9\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/8498f670-f347-4fdf-a316-8c6f7a885de8.png\"\r\n alt=\"Ukrposhta\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-10\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/c8f0dee5-7cd8-47c5-9031-4c58842ee57c.png\"\r\n alt=\"Israel Post\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-11\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/838fbcdb-ddef-42b4-b948-c74350db5354.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-12\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/85729d0d-aefe-48fc-bd91-ee6142c5e0e6.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-13\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/b184ac3e-35c2-4f73-964c-b76c8fef00a9.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-14\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/21cc580d-66e9-42a1-87b6-7b40223c138f.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-global-hub\">\r\n\r\n\r\n <div class=\"cn-global-hub-top\">\r\n\r\n <div class=\"cn-hub-status\">\r\n\r\n <i><\/i>\r\n\r\n Global network active\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-hub-name\">\r\n CN-DELIVERY HUB\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-big-globe-wrap\">\r\n\r\n\r\n <div class=\"cn-big-orbit orbit-one\">\r\n <span><\/span>\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-big-orbit orbit-two\">\r\n <span><\/span>\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-earth-rotation\">\r\n\r\n <div class=\"cn-big-globe\">\r\n\r\n\r\n <div class=\"cn-latitude lat-1\"><\/div>\r\n <div class=\"cn-latitude lat-2\"><\/div>\r\n <div class=\"cn-latitude lat-3\"><\/div>\r\n\r\n\r\n <div class=\"cn-longitude long-1\"><\/div>\r\n <div class=\"cn-longitude long-2\"><\/div>\r\n <div class=\"cn-longitude long-3\"><\/div>\r\n\r\n\r\n <div class=\"cn-continent continent-1\"><\/div>\r\n <div class=\"cn-continent continent-2\"><\/div>\r\n <div class=\"cn-continent continent-3\"><\/div>\r\n <div class=\"cn-continent continent-4\"><\/div>\r\n\r\n\r\n <svg\r\n class=\"cn-globe-routes\"\r\n viewBox=\"0 0 260 260\"\r\n aria-hidden=\"true\">\r\n\r\n <path\r\n class=\"cn-globe-route\"\r\n d=\"M58 115 Q125 46 205 103\"\r\n \/>\r\n\r\n <path\r\n class=\"cn-globe-route route-delay-1\"\r\n d=\"M70 164 Q128 100 193 160\"\r\n \/>\r\n\r\n <path\r\n class=\"cn-globe-route route-delay-2\"\r\n d=\"M105 72 Q175 110 162 207\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n\r\n <span class=\"cn-global-point gp-1\"><\/span>\r\n <span class=\"cn-global-point gp-2\"><\/span>\r\n <span class=\"cn-global-point gp-3\"><\/span>\r\n <span class=\"cn-global-point gp-4\"><\/span>\r\n <span class=\"cn-global-point gp-5\"><\/span>\r\n <span class=\"cn-global-point gp-6\"><\/span>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-globe-center-badge\">\r\n\r\n <span>CN<\/span>\r\n <small>HUB<\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-global-copy\">\r\n\r\n <div class=\"cn-global-label\">\r\n WORLDWIDE SHIPPING\r\n <\/div>\r\n\r\n <h3>\r\n One hub.\r\n <span>Global reach.<\/span>\r\n <\/h3>\r\n\r\n <p>\r\n Multiple carriers and shipping channels connect\r\n your China warehouse with destinations worldwide.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-global-stats\">\r\n\r\n <div>\r\n <strong>50+<\/strong>\r\n <span>Countries<\/span>\r\n <\/div>\r\n\r\n <div>\r\n <strong>10+<\/strong>\r\n <span>Route types<\/span>\r\n <\/div>\r\n\r\n <div>\r\n <strong>1<\/strong>\r\n <span>China hub<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-country-belts\">\r\n\r\n\r\n <div class=\"cn-country-belt country-left\">\r\n\r\n <div class=\"cn-country-track\">\r\n\r\n <span class=\"cn-country-item\">United States<\/span>\r\n <span class=\"cn-country-item\">United Kingdom<\/span>\r\n <span class=\"cn-country-item\">Germany<\/span>\r\n <span class=\"cn-country-item\">France<\/span>\r\n <span class=\"cn-country-item\">Italy<\/span>\r\n <span class=\"cn-country-item\">Spain<\/span>\r\n <span class=\"cn-country-item\">Canada<\/span>\r\n <span class=\"cn-country-item\">Australia<\/span>\r\n <span class=\"cn-country-item\">Netherlands<\/span>\r\n <span class=\"cn-country-item\">Belgium<\/span>\r\n <span class=\"cn-country-item\">Poland<\/span>\r\n <span class=\"cn-country-item\">Sweden<\/span>\r\n <span class=\"cn-country-item\">Norway<\/span>\r\n <span class=\"cn-country-item\">Denmark<\/span>\r\n <span class=\"cn-country-item\">Finland<\/span>\r\n\r\n\r\n \r\n\r\n <span class=\"cn-country-item\">United States<\/span>\r\n <span class=\"cn-country-item\">United Kingdom<\/span>\r\n <span class=\"cn-country-item\">Germany<\/span>\r\n <span class=\"cn-country-item\">France<\/span>\r\n <span class=\"cn-country-item\">Italy<\/span>\r\n <span class=\"cn-country-item\">Spain<\/span>\r\n <span class=\"cn-country-item\">Canada<\/span>\r\n <span class=\"cn-country-item\">Australia<\/span>\r\n <span class=\"cn-country-item\">Netherlands<\/span>\r\n <span class=\"cn-country-item\">Belgium<\/span>\r\n <span class=\"cn-country-item\">Poland<\/span>\r\n <span class=\"cn-country-item\">Sweden<\/span>\r\n <span class=\"cn-country-item\">Norway<\/span>\r\n <span class=\"cn-country-item\">Denmark<\/span>\r\n <span class=\"cn-country-item\">Finland<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-country-belt country-right\">\r\n\r\n <div class=\"cn-country-track\">\r\n\r\n <span class=\"cn-country-item\">Israel<\/span>\r\n <span class=\"cn-country-item\">United Arab Emirates<\/span>\r\n <span class=\"cn-country-item\">Saudi Arabia<\/span>\r\n <span class=\"cn-country-item\">Japan<\/span>\r\n <span class=\"cn-country-item\">South Korea<\/span>\r\n <span class=\"cn-country-item\">Singapore<\/span>\r\n <span class=\"cn-country-item\">Malaysia<\/span>\r\n <span class=\"cn-country-item\">Thailand<\/span>\r\n <span class=\"cn-country-item\">New Zealand<\/span>\r\n <span class=\"cn-country-item\">Mexico<\/span>\r\n <span class=\"cn-country-item\">Brazil<\/span>\r\n <span class=\"cn-country-item\">Switzerland<\/span>\r\n <span class=\"cn-country-item\">Austria<\/span>\r\n <span class=\"cn-country-item\">Ireland<\/span>\r\n <span class=\"cn-country-item\">Portugal<\/span>\r\n\r\n\r\n \r\n\r\n <span class=\"cn-country-item\">Israel<\/span>\r\n <span class=\"cn-country-item\">United Arab Emirates<\/span>\r\n <span class=\"cn-country-item\">Saudi Arabia<\/span>\r\n <span class=\"cn-country-item\">Japan<\/span>\r\n <span class=\"cn-country-item\">South Korea<\/span>\r\n <span class=\"cn-country-item\">Singapore<\/span>\r\n <span class=\"cn-country-item\">Malaysia<\/span>\r\n <span class=\"cn-country-item\">Thailand<\/span>\r\n <span class=\"cn-country-item\">New Zealand<\/span>\r\n <span class=\"cn-country-item\">Mexico<\/span>\r\n <span class=\"cn-country-item\">Brazil<\/span>\r\n <span class=\"cn-country-item\">Switzerland<\/span>\r\n <span class=\"cn-country-item\">Austria<\/span>\r\n <span class=\"cn-country-item\">Ireland<\/span>\r\n <span class=\"cn-country-item\">Portugal<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-network-screen{\r\n\r\n --navy:#07152f;\r\n --navy2:#0b2348;\r\n --orange:#f4512c;\r\n\r\n width:100%;\r\n\r\n height:100vh;\r\n height:100svh;\r\n\r\n min-height:760px;\r\n\r\n overflow:hidden;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 50% 44%,\r\n rgba(36,82,138,.30),\r\n transparent 35%\r\n ),\r\n radial-gradient(\r\n circle at 82% 10%,\r\n rgba(244,81,44,.08),\r\n transparent 27%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #07152f 0%,\r\n #0b2348 58%,\r\n #102d55 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n.cn-network-inner{\r\n\r\n width:min(calc(100% - 80px),1440px);\r\n\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n padding:25px 0 16px;\r\n\r\n display:grid;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n auto;\r\n\r\n row-gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.cn-network-head{\r\n\r\n max-width:980px;\r\n\r\n margin:auto;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-network-eyebrow{\r\n\r\n margin-bottom:7px;\r\n\r\n color:#ff6845;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.9px;\r\n}\r\n\r\n\r\n.cn-network-head h2{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:clamp(44px,4vw,64px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-network-head h2 span{\r\n color:#f4512c;\r\n}\r\n\r\n\r\n.cn-network-head p{\r\n\r\n max-width:900px;\r\n\r\n margin:13px auto 0;\r\n\r\n color:rgba(255,255,255,.86);\r\n\r\n font-size:16px;\r\n\r\n line-height:1.55;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NETWORK STAGE\r\n========================================================= *\/\r\n\r\n.cn-network-stage{\r\n\r\n position:relative;\r\n\r\n min-height:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:24px;\r\n\r\n border:1px solid rgba(255,255,255,.09);\r\n\r\n background:rgba(255,255,255,.025);\r\n}\r\n\r\n\r\n.cn-network-stage::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n opacity:.055;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(255,255,255,.55) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(255,255,255,.55) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:54px 54px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONNECTION LINES\r\n========================================================= *\/\r\n\r\n.cn-network-lines{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:1;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.cn-line{\r\n\r\n fill:none;\r\n\r\n stroke:rgba(255,255,255,.15);\r\n\r\n stroke-width:1.5;\r\n\r\n stroke-dasharray:7 10;\r\n\r\n animation:\r\n cnLineMove 6s linear infinite;\r\n}\r\n\r\n\r\n.cn-line-new{\r\n\r\n stroke:\r\n rgba(255,255,255,.13);\r\n}\r\n\r\n\r\n@keyframes cnLineMove{\r\n\r\n to{\r\n stroke-dashoffset:-80;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LOGO CARDS\r\n========================================================= *\/\r\n\r\n.cn-logo-card{\r\n\r\n position:absolute;\r\n\r\n z-index:8;\r\n\r\n width:150px;\r\n height:96px;\r\n\r\n padding:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:16px;\r\n\r\n background:#ffffff;\r\n\r\n border:1px solid rgba(255,255,255,.9);\r\n\r\n box-shadow:\r\n 0 18px 42px rgba(0,0,0,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n.cn-logo-card:hover{\r\n\r\n transform:\r\n translateY(-6px)\r\n scale(1.04);\r\n\r\n border-color:\r\n rgba(244,81,44,.45);\r\n\r\n box-shadow:\r\n 0 25px 58px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n.cn-logo-card > img{\r\n\r\n display:block;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n margin:0;\r\n\r\n object-fit:contain;\r\n\r\n object-position:center;\r\n\r\n background:#ffffff;\r\n\r\n border-radius:inherit;\r\n\r\n transition:\r\n transform .35s ease;\r\n}\r\n\r\n\r\n.cn-logo-card:hover > img{\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORIGINAL LOGO POSITIONS\r\n========================================================= *\/\r\n\r\n.logo-card-1{\r\n top:9%;\r\n left:5%;\r\n}\r\n\r\n\r\n.logo-card-2{\r\n top:4%;\r\n left:22%;\r\n}\r\n\r\n\r\n.logo-card-3{\r\n\r\n top:2%;\r\n\r\n left:50%;\r\n\r\n transform:\r\n translateX(-50%);\r\n}\r\n\r\n\r\n.logo-card-3:hover{\r\n\r\n transform:\r\n translateX(-50%)\r\n translateY(-6px)\r\n scale(1.04);\r\n}\r\n\r\n\r\n.logo-card-4{\r\n top:4%;\r\n right:22%;\r\n}\r\n\r\n\r\n.logo-card-5{\r\n top:9%;\r\n right:5%;\r\n}\r\n\r\n\r\n.logo-card-6{\r\n bottom:9%;\r\n left:7%;\r\n}\r\n\r\n\r\n.logo-card-7{\r\n bottom:3%;\r\n left:25%;\r\n}\r\n\r\n\r\n.logo-card-8{\r\n\r\n bottom:1%;\r\n\r\n left:50%;\r\n\r\n transform:\r\n translateX(-50%);\r\n}\r\n\r\n\r\n.logo-card-8:hover{\r\n\r\n transform:\r\n translateX(-50%)\r\n translateY(-6px)\r\n scale(1.04);\r\n}\r\n\r\n\r\n.logo-card-9{\r\n bottom:3%;\r\n right:25%;\r\n}\r\n\r\n\r\n.logo-card-10{\r\n bottom:9%;\r\n right:7%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n \u2605 NEW FOUR MIDDLE CARDS\r\n========================================================= *\/\r\n\r\n\/* LEFT \u2014 UPPER *\/\r\n\r\n.logo-card-11{\r\n\r\n left:4%;\r\n\r\n top:34%;\r\n}\r\n\r\n\r\n\/* LEFT \u2014 LOWER *\/\r\n\r\n.logo-card-12{\r\n\r\n left:4%;\r\n\r\n bottom:34%;\r\n}\r\n\r\n\r\n\/* RIGHT \u2014 UPPER *\/\r\n\r\n.logo-card-13{\r\n\r\n right:4%;\r\n\r\n top:34%;\r\n}\r\n\r\n\r\n\/* RIGHT \u2014 LOWER *\/\r\n\r\n.logo-card-14{\r\n\r\n right:4%;\r\n\r\n bottom:34%;\r\n}\r\n\r\n\r\n\/* Slightly smaller so these four sit cleanly *\/\r\n\r\n.logo-card-11,\r\n.logo-card-12,\r\n.logo-card-13,\r\n.logo-card-14{\r\n\r\n width:138px;\r\n\r\n height:88px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER HUB\r\n========================================================= *\/\r\n\r\n.cn-global-hub{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n left:50%;\r\n top:51%;\r\n\r\n width:min(420px,35%);\r\n\r\n transform:\r\n translate(-50%,-50%);\r\n\r\n padding:16px 20px;\r\n\r\n border-radius:24px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #fbfcfe 100%\r\n );\r\n\r\n border:1px solid rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 32px 85px rgba(0,0,0,.27);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HUB TOP\r\n========================================================= *\/\r\n\r\n.cn-global-hub-top{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:15px;\r\n}\r\n\r\n\r\n.cn-hub-status{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n color:#526176;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-hub-status i{\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n border-radius:50%;\r\n\r\n background:#65cf8b;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(101,207,139,.14);\r\n\r\n animation:\r\n hubPulse 1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes hubPulse{\r\n\r\n 50%{\r\n\r\n box-shadow:\r\n 0 0 0 11px rgba(101,207,139,.035);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-hub-name{\r\n\r\n color:#9da7b6;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GLOBE\r\n========================================================= *\/\r\n\r\n.cn-big-globe-wrap{\r\n\r\n position:relative;\r\n\r\n width:215px;\r\n height:215px;\r\n\r\n margin:3px auto 0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-earth-rotation{\r\n\r\n position:relative;\r\n\r\n z-index:4;\r\n\r\n width:172px;\r\n height:172px;\r\n\r\n animation:\r\n earthRotate 18s linear infinite;\r\n\r\n transform-origin:center center;\r\n}\r\n\r\n\r\n@keyframes earthRotate{\r\n\r\n from{\r\n transform:rotate(0deg);\r\n }\r\n\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-big-globe{\r\n\r\n position:relative;\r\n\r\n width:172px;\r\n height:172px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 31% 27%,\r\n #ffffff 0%,\r\n #ffffff 34%,\r\n #f5f7fb 68%,\r\n #e8edf4 100%\r\n );\r\n\r\n border:\r\n 2px solid rgba(15,43,82,.14);\r\n\r\n box-shadow:\r\n inset -22px -16px 35px rgba(13,38,74,.08),\r\n 0 20px 45px rgba(7,27,61,.15);\r\n}\r\n\r\n\r\n\/* LATITUDE *\/\r\n\r\n.cn-latitude{\r\n\r\n position:absolute;\r\n\r\n left:8%;\r\n right:8%;\r\n\r\n height:30%;\r\n\r\n border:\r\n 1.3px solid rgba(12,43,84,.20);\r\n\r\n border-left:none;\r\n border-right:none;\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.lat-1{top:20%;}\r\n.lat-2{top:35%;}\r\n.lat-3{top:50%;}\r\n\r\n\r\n.cn-big-globe::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:5%;\r\n right:5%;\r\n\r\n top:50%;\r\n\r\n height:1px;\r\n\r\n background:\r\n rgba(12,43,84,.20);\r\n}\r\n\r\n\r\n\/* LONGITUDE *\/\r\n\r\n.cn-longitude{\r\n\r\n position:absolute;\r\n\r\n top:5%;\r\n bottom:5%;\r\n\r\n border:\r\n 1.3px solid rgba(12,43,84,.20);\r\n\r\n border-top:none;\r\n border-bottom:none;\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.long-1{\r\n left:18%;\r\n width:64%;\r\n}\r\n\r\n\r\n.long-2{\r\n left:31%;\r\n width:38%;\r\n}\r\n\r\n\r\n.long-3{\r\n left:43%;\r\n width:14%;\r\n}\r\n\r\n\r\n\/* CONTINENTS *\/\r\n\r\n.cn-continent{\r\n\r\n position:absolute;\r\n\r\n z-index:2;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #183b69,\r\n #0d2d56\r\n );\r\n\r\n opacity:.94;\r\n}\r\n\r\n\r\n.continent-1{\r\n\r\n width:52px;\r\n height:33px;\r\n\r\n left:25px;\r\n top:40px;\r\n\r\n border-radius:\r\n 55% 45% 48% 42% \/\r\n 58% 44% 60% 40%;\r\n\r\n transform:\r\n rotate(-14deg);\r\n}\r\n\r\n\r\n.continent-2{\r\n\r\n width:73px;\r\n height:37px;\r\n\r\n right:18px;\r\n top:47px;\r\n\r\n border-radius:\r\n 40% 60% 52% 48% \/\r\n 50% 42% 58% 50%;\r\n\r\n transform:\r\n rotate(7deg);\r\n}\r\n\r\n\r\n.continent-3{\r\n\r\n width:31px;\r\n height:51px;\r\n\r\n left:82px;\r\n top:80px;\r\n\r\n border-radius:\r\n 50% 45% 60% 35% \/\r\n 36% 48% 58% 64%;\r\n}\r\n\r\n\r\n.continent-4{\r\n\r\n width:30px;\r\n height:19px;\r\n\r\n right:23px;\r\n bottom:32px;\r\n\r\n border-radius:50%;\r\n\r\n transform:\r\n rotate(-11deg);\r\n}\r\n\r\n\r\n\/* ROUTES *\/\r\n\r\n.cn-globe-routes{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n inset:0;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.cn-globe-route{\r\n\r\n fill:none;\r\n\r\n stroke:#f4512c;\r\n\r\n stroke-width:2.2;\r\n\r\n stroke-linecap:round;\r\n\r\n stroke-dasharray:4 7;\r\n\r\n opacity:.78;\r\n\r\n animation:\r\n routeMove 3s linear infinite;\r\n}\r\n\r\n\r\n.route-delay-1{\r\n animation-delay:-1s;\r\n}\r\n\r\n\r\n.route-delay-2{\r\n animation-delay:-2s;\r\n}\r\n\r\n\r\n@keyframes routeMove{\r\n\r\n to{\r\n stroke-dashoffset:-42;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* POINTS *\/\r\n\r\n.cn-global-point{\r\n\r\n position:absolute;\r\n\r\n z-index:7;\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n border:2px solid #ffffff;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(244,81,44,.12);\r\n\r\n animation:\r\n pointPulse 1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n.gp-1{\r\n left:37px;\r\n top:58px;\r\n}\r\n\r\n\r\n.gp-2{\r\n left:77px;\r\n top:41px;\r\n}\r\n\r\n\r\n.gp-3{\r\n right:43px;\r\n top:62px;\r\n}\r\n\r\n\r\n.gp-4{\r\n right:22px;\r\n top:89px;\r\n}\r\n\r\n\r\n.gp-5{\r\n left:82px;\r\n bottom:34px;\r\n}\r\n\r\n\r\n.gp-6{\r\n right:57px;\r\n bottom:45px;\r\n}\r\n\r\n\r\n@keyframes pointPulse{\r\n\r\n 50%{\r\n transform:scale(1.35);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* ORBITS *\/\r\n\r\n.cn-big-orbit{\r\n\r\n position:absolute;\r\n\r\n z-index:2;\r\n\r\n left:50%;\r\n top:50%;\r\n\r\n border:\r\n 1.5px solid rgba(13,44,84,.17);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.orbit-one{\r\n\r\n width:205px;\r\n height:130px;\r\n\r\n margin:\r\n -65px 0 0 -102px;\r\n\r\n animation:\r\n orbitOne 8s linear infinite;\r\n}\r\n\r\n\r\n.orbit-two{\r\n\r\n width:130px;\r\n height:208px;\r\n\r\n margin:\r\n -104px 0 0 -65px;\r\n\r\n animation:\r\n orbitTwo 10s linear infinite;\r\n}\r\n\r\n\r\n.cn-big-orbit span{\r\n\r\n position:absolute;\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n.orbit-one span{\r\n top:15px;\r\n left:31px;\r\n}\r\n\r\n\r\n.orbit-two span{\r\n right:12px;\r\n bottom:42px;\r\n}\r\n\r\n\r\n@keyframes orbitOne{\r\n\r\n to{\r\n transform:rotate(-360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes orbitTwo{\r\n\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* CENTER *\/\r\n\r\n.cn-globe-center-badge{\r\n\r\n position:absolute;\r\n\r\n z-index:10;\r\n\r\n left:50%;\r\n top:50%;\r\n\r\n width:45px;\r\n height:45px;\r\n\r\n transform:\r\n translate(-50%,-50%);\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #071b3d,\r\n #153d70\r\n );\r\n\r\n border:\r\n 3px solid rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 10px 25px rgba(7,27,61,.24);\r\n}\r\n\r\n\r\n.cn-globe-center-badge span{\r\n\r\n font-size:12px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n.cn-globe-center-badge small{\r\n\r\n margin-top:2px;\r\n\r\n color:\r\n rgba(255,255,255,.66);\r\n\r\n font-size:5px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HUB COPY\r\n========================================================= *\/\r\n\r\n.cn-global-copy{\r\n\r\n text-align:center;\r\n\r\n margin-top:-6px;\r\n}\r\n\r\n\r\n.cn-global-label{\r\n\r\n color:#f4512c;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n.cn-global-copy h3{\r\n\r\n margin:5px 0 0;\r\n\r\n color:#071b3d;\r\n\r\n font-size:29px;\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-1px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n.cn-global-copy h3 span{\r\n display:block;\r\n}\r\n\r\n\r\n.cn-global-copy p{\r\n\r\n max-width:360px;\r\n\r\n margin:7px auto 0;\r\n\r\n color:#69778c;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.42;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STATS\r\n========================================================= *\/\r\n\r\n.cn-global-stats{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:8px;\r\n\r\n margin-top:10px;\r\n}\r\n\r\n\r\n.cn-global-stats div{\r\n\r\n padding:9px 6px;\r\n\r\n text-align:center;\r\n\r\n border-radius:11px;\r\n\r\n background:#f5f7fa;\r\n\r\n border:\r\n 1px solid #e1e7ee;\r\n}\r\n\r\n\r\n.cn-global-stats strong{\r\n\r\n display:block;\r\n\r\n color:#071b3d;\r\n\r\n font-size:21px;\r\n\r\n line-height:1;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-global-stats span{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#8390a1;\r\n\r\n font-size:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COUNTRY BELTS\r\n========================================================= *\/\r\n\r\n.cn-country-belts{\r\n\r\n display:grid;\r\n\r\n gap:8px;\r\n\r\n overflow:hidden;\r\n\r\n padding-top:2px;\r\n}\r\n\r\n\r\n.cn-country-belt{\r\n\r\n width:100%;\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.cn-country-belt::before,\r\n.cn-country-belt::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n bottom:0;\r\n\r\n width:70px;\r\n\r\n z-index:4;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.cn-country-belt::before{\r\n\r\n left:0;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n #0a1d3d 0%,\r\n rgba(10,29,61,.82) 32%,\r\n rgba(10,29,61,0) 100%\r\n );\r\n}\r\n\r\n\r\n.cn-country-belt::after{\r\n\r\n right:0;\r\n\r\n background:\r\n linear-gradient(\r\n 270deg,\r\n #102a50 0%,\r\n rgba(16,42,80,.82) 32%,\r\n rgba(16,42,80,0) 100%\r\n );\r\n}\r\n\r\n\r\n.cn-country-track{\r\n\r\n width:max-content;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding:2px 0;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n.cn-country-item{\r\n\r\n position:relative;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:8px;\r\n\r\n min-height:34px;\r\n\r\n padding:\r\n 8px 16px 8px 15px;\r\n\r\n border-radius:10px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.085),\r\n rgba(255,255,255,.035)\r\n );\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.16);\r\n\r\n box-shadow:\r\n inset 0 1px 0 rgba(255,255,255,.05),\r\n 0 5px 15px rgba(0,0,0,.08);\r\n\r\n font-size:12px;\r\n\r\n font-weight:700;\r\n\r\n line-height:1;\r\n\r\n transition:\r\n background .25s ease,\r\n color .25s ease,\r\n border-color .25s ease,\r\n transform .25s ease;\r\n}\r\n\r\n\r\n.cn-country-item::before{\r\n\r\n content:\"\";\r\n\r\n width:6px;\r\n height:6px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n.cn-country-item:hover{\r\n\r\n transform:\r\n translateY(-2px);\r\n\r\n color:#071b3d;\r\n\r\n background:#ffffff;\r\n\r\n border-color:\r\n rgba(244,81,44,.55);\r\n}\r\n\r\n\r\n.country-left\r\n.cn-country-track{\r\n\r\n animation:\r\n countryLeft\r\n 42s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n.country-right\r\n.cn-country-track{\r\n\r\n animation:\r\n countryRight\r\n 45s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n@keyframes countryLeft{\r\n\r\n from{\r\n transform:translateX(0);\r\n }\r\n\r\n to{\r\n transform:translateX(-50%);\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes countryRight{\r\n\r\n from{\r\n transform:translateX(-50%);\r\n }\r\n\r\n to{\r\n transform:translateX(0);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-country-belt:hover\r\n.cn-country-track{\r\n\r\n animation-play-state:paused;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHORT SCREEN \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:800px)\r\nand\r\n(min-width:761px){\r\n\r\n .cn-network-inner{\r\n\r\n padding:\r\n 12px 0 9px;\r\n\r\n row-gap:7px;\r\n }\r\n\r\n\r\n .cn-network-head h2{\r\n\r\n font-size:\r\n clamp(38px,3.3vw,50px);\r\n }\r\n\r\n\r\n .cn-network-head p{\r\n\r\n margin-top:6px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .cn-network-eyebrow{\r\n\r\n margin-bottom:4px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .cn-logo-card{\r\n\r\n width:116px;\r\n\r\n height:72px;\r\n\r\n min-height:0;\r\n }\r\n\r\n\r\n \/* NEW MID CARDS *\/\r\n\r\n .logo-card-11,\r\n .logo-card-12,\r\n .logo-card-13,\r\n .logo-card-14{\r\n\r\n width:108px;\r\n\r\n height:66px;\r\n }\r\n\r\n\r\n .cn-logo-card > img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:contain;\r\n }\r\n\r\n\r\n .cn-global-hub{\r\n\r\n width:\r\n min(370px,32%);\r\n\r\n padding:\r\n 9px 13px;\r\n }\r\n\r\n\r\n .cn-hub-status{\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-hub-name{\r\n font-size:7px;\r\n }\r\n\r\n\r\n .cn-big-globe-wrap{\r\n\r\n width:164px;\r\n height:164px;\r\n }\r\n\r\n\r\n .cn-earth-rotation{\r\n\r\n width:130px;\r\n height:130px;\r\n }\r\n\r\n\r\n .cn-big-globe{\r\n\r\n width:130px;\r\n height:130px;\r\n }\r\n\r\n\r\n .orbit-one{\r\n\r\n width:153px;\r\n height:98px;\r\n\r\n margin:\r\n -49px 0 0 -76px;\r\n }\r\n\r\n\r\n .orbit-two{\r\n\r\n width:98px;\r\n height:155px;\r\n\r\n margin:\r\n -77px 0 0 -49px;\r\n }\r\n\r\n\r\n .cn-globe-center-badge{\r\n\r\n width:36px;\r\n\r\n height:36px;\r\n }\r\n\r\n\r\n .cn-global-label{\r\n\r\n font-size:7px;\r\n }\r\n\r\n\r\n .cn-global-copy h3{\r\n\r\n font-size:22px;\r\n }\r\n\r\n\r\n .cn-global-copy p{\r\n\r\n margin-top:4px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-global-stats{\r\n\r\n margin-top:5px;\r\n }\r\n\r\n\r\n .cn-global-stats div{\r\n\r\n padding:\r\n 6px 4px;\r\n }\r\n\r\n\r\n .cn-global-stats strong{\r\n\r\n font-size:17px;\r\n }\r\n\r\n\r\n .cn-global-stats span{\r\n\r\n font-size:7px;\r\n }\r\n\r\n\r\n .cn-country-item{\r\n\r\n min-height:28px;\r\n\r\n padding:\r\n 6px 12px;\r\n\r\n border-radius:8px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-network-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-global-hub{\r\n\r\n width:35%;\r\n }\r\n\r\n\r\n .cn-logo-card{\r\n\r\n width:110px;\r\n\r\n height:74px;\r\n }\r\n\r\n\r\n .logo-card-11,\r\n .logo-card-12,\r\n .logo-card-13,\r\n .logo-card-14{\r\n\r\n width:100px;\r\n\r\n height:66px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-network-screen{\r\n\r\n height:auto;\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n padding:\r\n 65px 0;\r\n }\r\n\r\n\r\n .cn-network-inner{\r\n\r\n width:\r\n calc(100% - 32px);\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .cn-network-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:34px;\r\n }\r\n\r\n\r\n .cn-network-head h2{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .cn-network-head p{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-network-stage{\r\n\r\n min-height:1080px;\r\n }\r\n\r\n\r\n .cn-network-lines{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .cn-global-hub{\r\n\r\n width:\r\n calc(100% - 48px);\r\n\r\n top:50%;\r\n }\r\n\r\n\r\n .cn-logo-card{\r\n\r\n width:100px;\r\n\r\n height:66px;\r\n }\r\n\r\n\r\n .logo-card-1{\r\n top:2%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-2{\r\n top:2%;\r\n right:4%;\r\n left:auto;\r\n }\r\n\r\n\r\n .logo-card-3{\r\n top:11%;\r\n left:4%;\r\n transform:none;\r\n }\r\n\r\n\r\n .logo-card-4{\r\n top:11%;\r\n right:4%;\r\n }\r\n\r\n\r\n .logo-card-11{\r\n top:20%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-13{\r\n top:20%;\r\n right:4%;\r\n }\r\n\r\n\r\n .logo-card-5{\r\n top:29%;\r\n left:4%;\r\n right:auto;\r\n }\r\n\r\n\r\n .logo-card-6{\r\n bottom:29%;\r\n right:4%;\r\n left:auto;\r\n }\r\n\r\n\r\n .logo-card-12{\r\n bottom:20%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-14{\r\n bottom:20%;\r\n right:4%;\r\n }\r\n\r\n\r\n .logo-card-7{\r\n bottom:11%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-8{\r\n bottom:11%;\r\n right:4%;\r\n left:auto;\r\n transform:none;\r\n }\r\n\r\n\r\n .logo-card-9{\r\n bottom:2%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-10{\r\n bottom:2%;\r\n right:4%;\r\n }\r\n\r\n\r\n .cn-country-belts{\r\n\r\n margin-top:20px;\r\n }\r\n\r\n\r\n .cn-country-item{\r\n\r\n min-height:32px;\r\n\r\n padding:\r\n 7px 13px;\r\n\r\n font-size:11px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b331c65 e-con e-atomic-element e-flexbox-base e-default-div e-ea8b2f6 \" data-id=\"b331c65\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b331c65\" data-e-type=\"e-flexbox\" data-id=\"b331c65\">\n <div class=\"elementor-element elementor-element-0ed5c0d e-flex e-con-boxed e-con e-parent\" data-id=\"0ed5c0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02f7a1b elementor-widget elementor-widget-html\" data-id=\"02f7a1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-cargo-screen\">\r\n\r\n <div class=\"cn-cargo-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-cargo-head\">\r\n\r\n <div class=\"cn-cargo-eyebrow\">\r\n BUILT AROUND YOUR CARGO\r\n <\/div>\r\n\r\n <h2>\r\n Different goods.\r\n <span>Different handling.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n From marketplace orders and factory samples to batteries,\r\n furniture and oversized equipment, we build the handling and\r\n shipping plan around the goods \u2014 not the other way around.\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-cargo-intro\">\r\n\r\n <div class=\"cn-cargo-intro-dot\"><\/div>\r\n\r\n <strong>\r\n You send the goods.\r\n <\/strong>\r\n\r\n <span>\r\n We inspect, repack, consolidate and match the shipment with the right route.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-cargo-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/68f20681-597d-4a96-b3bf-615e7559ed93.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 01\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n MARKETPLACE ORDERS\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n E-commerce Orders\r\n <\/h3>\r\n\r\n <p>\r\n Purchases from 1688, Taobao and other China marketplaces.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/9c5396e8-b5dc-4f15-90a8-5d05fd5bb668.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 02\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n FACTORY CHECK\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Samples & Prototypes\r\n <\/h3>\r\n\r\n <p>\r\n Factory samples checked before a larger production order.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card cn-cargo-card-featured\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/4b36fb6a-e432-4424-880d-23132d02bc6d.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 03\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n SPECIAL HANDLING\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Batteries & Electronics\r\n <\/h3>\r\n\r\n <p>\r\n Goods that may require reinforced packing and dedicated routes.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/62c69c16-01be-4cad-91bb-d1c1f52bae8d.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 04\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n BULKY CARGO\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Furniture & Home Goods\r\n <\/h3>\r\n\r\n <p>\r\n Large-volume products prepared for safer, smarter consolidation.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/16e33f4c-b515-4639-b827-f9dec1f46421.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 05\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n CUSTOM HANDLING\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Machinery & Equipment\r\n <\/h3>\r\n\r\n <p>\r\n Heavy and oversized cargo requiring custom packing and transport.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/d93836abd11a6229ba8404c6a795d1ec.jpg');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 06\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n ONE WAREHOUSE\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Multi-supplier Orders\r\n <\/h3>\r\n\r\n <p>\r\n Goods from different sellers combined before international shipping.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-cargo-screen{\r\n\r\n --navy:#0a1838;\r\n --navy-soft:#1a2949;\r\n --orange:#ef542f;\r\n --text:#657188;\r\n --line:#e5e9ef;\r\n --bg:#f6f7f9;\r\n\r\n width:100%;\r\n\r\n min-height:100vh;\r\n min-height:100svh;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 90% 0%,\r\n rgba(239,84,47,.055),\r\n transparent 28%\r\n ),\r\n\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f6f7f9 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n color:var(--navy);\r\n}\r\n\r\n\r\n.cn-cargo-inner{\r\n\r\n width:min(\r\n calc(100% - 90px),\r\n 1450px\r\n );\r\n\r\n margin:auto;\r\n\r\n padding:\r\n 48px 0 34px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.cn-cargo-head{\r\n\r\n max-width:980px;\r\n\r\n margin:\r\n 0 auto 24px;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-cargo-eyebrow{\r\n\r\n margin-bottom:8px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n}\r\n\r\n\r\n.cn-cargo-head h2{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(45px,4.2vw,68px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3.4px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-cargo-head h2 span{\r\n\r\n color:var(--orange);\r\n}\r\n\r\n\r\n.cn-cargo-head p{\r\n\r\n max-width:820px;\r\n\r\n margin:\r\n 14px auto 0;\r\n\r\n color:var(--text);\r\n\r\n font-size:15px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO STRIP\r\n========================================================= *\/\r\n\r\n.cn-cargo-intro{\r\n\r\n width:max-content;\r\n\r\n max-width:100%;\r\n\r\n margin:\r\n 0 auto 22px;\r\n\r\n padding:\r\n 10px 18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n border-radius:999px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e5e9ef;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(7,21,47,.045);\r\n\r\n color:#667287;\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n.cn-cargo-intro strong{\r\n\r\n color:var(--navy);\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-cargo-intro-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#65ca87;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(101,202,135,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GRID\r\n========================================================= *\/\r\n\r\n.cn-cargo-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,minmax(0,1fr));\r\n\r\n gap:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n.cn-cargo-card{\r\n\r\n position:relative;\r\n\r\n min-width:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n box-shadow:\r\n 0 16px 38px rgba(7,21,47,.07);\r\n\r\n transition:\r\n transform .35s ease,\r\n box-shadow .35s ease,\r\n border-color .35s ease;\r\n}\r\n\r\n\r\n.cn-cargo-card:hover{\r\n\r\n transform:\r\n translateY(-7px);\r\n\r\n border-color:\r\n rgba(239,84,47,.38);\r\n\r\n box-shadow:\r\n 0 24px 55px rgba(7,21,47,.13);\r\n}\r\n\r\n\r\n\/* Slight emphasis on battery card *\/\r\n\r\n.cn-cargo-card-featured{\r\n\r\n border-color:\r\n rgba(239,84,47,.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE\r\n========================================================= *\/\r\n\r\n.cn-cargo-image{\r\n\r\n position:relative;\r\n\r\n height:\r\n clamp(180px,22vh,255px);\r\n\r\n overflow:hidden;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n transition:\r\n background-size .5s ease;\r\n}\r\n\r\n\r\n.cn-cargo-card:hover\r\n.cn-cargo-image{\r\n\r\n background-size:107%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE NUMBER\r\n========================================================= *\/\r\n\r\n.cn-cargo-number{\r\n\r\n position:absolute;\r\n\r\n top:15px;\r\n left:15px;\r\n\r\n width:34px;\r\n height:34px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n color:var(--navy);\r\n\r\n background:\r\n rgba(255,255,255,.91);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.8);\r\n\r\n backdrop-filter:\r\n blur(8px);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n\r\n box-shadow:\r\n 0 7px 18px rgba(0,0,0,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.cn-cargo-image-label{\r\n\r\n position:absolute;\r\n\r\n left:18px;\r\n bottom:15px;\r\n\r\n color:#ffffff;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n\r\n text-shadow:\r\n 0 2px 12px rgba(0,0,0,.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n.cn-cargo-content{\r\n\r\n min-height:112px;\r\n\r\n padding:\r\n 18px 18px 17px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:18px;\r\n}\r\n\r\n\r\n.cn-cargo-content h3{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(20px,1.45vw,25px);\r\n\r\n line-height:1.08;\r\n\r\n letter-spacing:-.8px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n.cn-cargo-content p{\r\n\r\n max-width:330px;\r\n\r\n margin:\r\n 7px 0 0;\r\n\r\n color:#7a8597;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ARROW\r\n========================================================= *\/\r\n\r\n.cn-cargo-arrow{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:var(--navy);\r\n\r\n background:#f4f6f8;\r\n\r\n border:\r\n 1px solid #e4e8ed;\r\n\r\n font-size:18px;\r\n\r\n transition:\r\n background .3s ease,\r\n color .3s ease,\r\n transform .3s ease;\r\n}\r\n\r\n\r\n.cn-cargo-card:hover\r\n.cn-cargo-arrow{\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n transform:\r\n translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHORT DESKTOP \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:820px)\r\nand\r\n(min-width:901px){\r\n\r\n .cn-cargo-inner{\r\n\r\n padding:\r\n 24px 0 18px;\r\n }\r\n\r\n\r\n .cn-cargo-head{\r\n\r\n margin-bottom:13px;\r\n }\r\n\r\n\r\n .cn-cargo-head h2{\r\n\r\n font-size:\r\n clamp(38px,3.4vw,54px);\r\n }\r\n\r\n\r\n .cn-cargo-head p{\r\n\r\n margin-top:8px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-cargo-eyebrow{\r\n\r\n margin-bottom:5px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-cargo-intro{\r\n\r\n margin-bottom:13px;\r\n\r\n padding:\r\n 7px 14px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-cargo-grid{\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n .cn-cargo-image{\r\n\r\n height:\r\n clamp(150px,20vh,195px);\r\n }\r\n\r\n\r\n .cn-cargo-content{\r\n\r\n min-height:85px;\r\n\r\n padding:\r\n 12px 14px;\r\n }\r\n\r\n\r\n .cn-cargo-content h3{\r\n\r\n font-size:\r\n clamp(17px,1.3vw,21px);\r\n }\r\n\r\n\r\n .cn-cargo-content p{\r\n\r\n margin-top:4px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-cargo-arrow{\r\n\r\n width:32px;\r\n height:32px;\r\n\r\n font-size:15px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n .cn-cargo-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-cargo-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n .cn-cargo-screen{\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n }\r\n\r\n\r\n .cn-cargo-inner{\r\n\r\n width:\r\n calc(100% - 30px);\r\n\r\n padding:\r\n 60px 0 45px;\r\n }\r\n\r\n\r\n .cn-cargo-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:20px;\r\n }\r\n\r\n\r\n .cn-cargo-head h2{\r\n\r\n font-size:43px;\r\n\r\n letter-spacing:-2px;\r\n }\r\n\r\n\r\n .cn-cargo-head p{\r\n\r\n margin-top:12px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-cargo-intro{\r\n\r\n width:100%;\r\n\r\n margin-bottom:20px;\r\n\r\n border-radius:14px;\r\n\r\n align-items:flex-start;\r\n }\r\n\r\n\r\n .cn-cargo-intro span{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .cn-cargo-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .cn-cargo-image{\r\n\r\n height:220px;\r\n }\r\n\r\n\r\n .cn-cargo-content{\r\n\r\n min-height:105px;\r\n }\r\n\r\n\r\n .cn-cargo-content h3{\r\n\r\n font-size:24px;\r\n }\r\n\r\n\r\n .cn-cargo-content p{\r\n\r\n font-size:11px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f811c97 e-con e-atomic-element e-flexbox-base e-default-div e-1942cd9 \" data-id=\"f811c97\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f811c97\" data-e-type=\"e-flexbox\" data-id=\"f811c97\">\n <div class=\"elementor-element elementor-element-3643d58 e-flex e-con-boxed e-con e-parent\" data-id=\"3643d58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-952c66d elementor-widget elementor-widget-html\" data-id=\"952c66d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-about-screen\">\r\n\r\n <div class=\"cn-about-inner\">\r\n\r\n \r\n\r\n <div class=\"cn-about-visual\">\r\n\r\n <div\r\n class=\"cn-about-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,.04) 0%,\r\n rgba(7,21,47,.08) 45%,\r\n rgba(7,21,47,.52) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/faf98cf0-ef89-49ef-927a-01ff2faaf178.png');\r\n \"\r\n ><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-location\">\r\n\r\n <span class=\"cn-about-location-dot\"><\/span>\r\n\r\n China-based operations\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-image-copy\">\r\n\r\n <span>\r\n CN-DELIVERY\r\n <\/span>\r\n\r\n <strong>\r\n Your team on the ground in China.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-float-card\">\r\n\r\n <div class=\"cn-about-float-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"M4 7l8-4 8 4-8 4-8-4Z\"\/>\r\n <path d=\"M4 7v10l8 4 8-4V7\"\/>\r\n <path d=\"M12 11v10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <small>\r\n CHINA WAREHOUSE\r\n <\/small>\r\n\r\n <strong>\r\n Receive. Check. Pack. Ship.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-content\">\r\n\r\n <div class=\"cn-about-eyebrow\">\r\n ABOUT CN-DELIVERY\r\n <\/div>\r\n\r\n\r\n <h2>\r\n Built in China.\r\n <span>Connected to the world.<\/span>\r\n <\/h2>\r\n\r\n\r\n <p class=\"cn-about-lead\">\r\n We are a China-based warehouse and logistics team helping\r\n international buyers receive, inspect, consolidate, repack\r\n and ship goods from China with more visibility and control.\r\n <\/p>\r\n\r\n\r\n <p class=\"cn-about-body\">\r\n Instead of sending every order directly overseas, your goods\r\n can first arrive at our China warehouse. From there, we help\r\n you organize the shipment before it moves internationally.\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-points\">\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 01\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n China-based operations\r\n <\/strong>\r\n\r\n <span>\r\n Warehouse support where your suppliers are.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 02\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Independent handling\r\n <\/strong>\r\n\r\n <span>\r\n Goods can be checked before international shipping.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 03\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Multi-supplier consolidation\r\n <\/strong>\r\n\r\n <span>\r\n Combine goods from different sellers in one place.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 04\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Global shipping support\r\n <\/strong>\r\n\r\n <span>\r\n Multiple routes for different cargo and destinations.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-bottom\">\r\n\r\n <a\r\n href=\"https:\/\/www.cn-delivery.com\/about-us\/\"\r\n class=\"cn-about-button\"\r\n >\r\n\r\n Learn more about us\r\n\r\n <span>\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <div class=\"cn-about-note\">\r\n\r\n <strong>\r\n One warehouse.\r\n <\/strong>\r\n\r\n <span>\r\n One team between your supplier and destination.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-about-screen{\r\n\r\n --navy:#081936;\r\n --navy2:#10284e;\r\n --orange:#ef542f;\r\n --text:#68758a;\r\n --line:#e5e9ef;\r\n\r\n width:100%;\r\n\r\n min-height:100vh;\r\n min-height:100svh;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 92% 12%,\r\n rgba(239,84,47,.07),\r\n transparent 26%\r\n ),\r\n\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f6f8fa 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n.cn-about-inner{\r\n\r\n width:min(\r\n calc(100% - 90px),\r\n 1450px\r\n );\r\n\r\n margin:auto;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.05fr\r\n .95fr;\r\n\r\n align-items:stretch;\r\n\r\n gap:60px;\r\n\r\n padding:\r\n 60px 0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT VISUAL\r\n========================================================= *\/\r\n\r\n.cn-about-visual{\r\n\r\n position:relative;\r\n\r\n min-height:680px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:28px;\r\n\r\n background:#dfe5eb;\r\n\r\n box-shadow:\r\n 0 28px 70px rgba(7,21,47,.13);\r\n}\r\n\r\n\r\n.cn-about-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n background-repeat:no-repeat;\r\n\r\n transform:scale(1.01);\r\n\r\n transition:\r\n transform 1s ease;\r\n}\r\n\r\n\r\n.cn-about-visual:hover\r\n.cn-about-image{\r\n\r\n transform:scale(1.045);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LOCATION BADGE\r\n========================================================= *\/\r\n\r\n.cn-about-location{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n top:26px;\r\n left:26px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n padding:\r\n 10px 14px;\r\n\r\n border-radius:999px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n rgba(8,25,54,.72);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.18);\r\n\r\n backdrop-filter:\r\n blur(10px);\r\n\r\n font-size:11px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-about-location-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#5dce87;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(93,206,135,.14);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n IMAGE COPY\r\n========================================================= *\/\r\n\r\n.cn-about-image-copy{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n left:34px;\r\n right:34px;\r\n bottom:34px;\r\n\r\n max-width:470px;\r\n}\r\n\r\n\r\n.cn-about-image-copy span{\r\n\r\n display:block;\r\n\r\n margin-bottom:9px;\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.7px;\r\n}\r\n\r\n\r\n.cn-about-image-copy strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(34px,3vw,48px);\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-1.7px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FLOAT CARD\r\n========================================================= *\/\r\n\r\n.cn-about-float-card{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n top:22%;\r\n right:24px;\r\n\r\n max-width:255px;\r\n\r\n padding:\r\n 14px 16px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(7,21,47,.16);\r\n\r\n animation:\r\n cnAboutFloat\r\n 4s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n@keyframes cnAboutFloat{\r\n\r\n 50%{\r\n transform:translateY(-7px);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-about-float-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n}\r\n\r\n\r\n.cn-about-float-icon svg{\r\n\r\n width:20px;\r\n height:20px;\r\n}\r\n\r\n\r\n.cn-about-float-card small{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:#9aa5b3;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-about-float-card strong{\r\n\r\n display:block;\r\n\r\n color:var(--navy);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n RIGHT\r\n========================================================= *\/\r\n\r\n.cn-about-content{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-about-eyebrow{\r\n\r\n margin-bottom:12px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n}\r\n\r\n\r\n.cn-about-content h2{\r\n\r\n max-width:620px;\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(48px,4.3vw,70px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3.3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-about-content h2 span{\r\n\r\n display:block;\r\n\r\n color:var(--orange);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n COPY\r\n========================================================= *\/\r\n\r\n.cn-about-lead{\r\n\r\n max-width:640px;\r\n\r\n margin:\r\n 24px 0 0;\r\n\r\n color:#4e5d72;\r\n\r\n font-size:17px;\r\n\r\n line-height:1.62;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n.cn-about-body{\r\n\r\n max-width:620px;\r\n\r\n margin:\r\n 15px 0 0;\r\n\r\n color:#7a8596;\r\n\r\n font-size:13px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n POINTS\r\n========================================================= *\/\r\n\r\n.cn-about-points{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n gap:11px;\r\n\r\n margin-top:28px;\r\n}\r\n\r\n\r\n.cn-about-point{\r\n\r\n min-height:112px;\r\n\r\n padding:\r\n 16px;\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:13px;\r\n\r\n border-radius:15px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(7,21,47,.045);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.cn-about-point:hover{\r\n\r\n transform:\r\n translateY(-4px);\r\n\r\n border-color:\r\n rgba(239,84,47,.35);\r\n\r\n box-shadow:\r\n 0 15px 32px rgba(7,21,47,.08);\r\n}\r\n\r\n\r\n.cn-about-point-number{\r\n\r\n width:32px;\r\n height:32px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n color:var(--orange);\r\n\r\n background:\r\n rgba(239,84,47,.08);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n.cn-about-point strong{\r\n\r\n display:block;\r\n\r\n color:var(--navy);\r\n\r\n font-size:14px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-about-point span{\r\n\r\n display:block;\r\n\r\n margin-top:6px;\r\n\r\n color:#8490a1;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.45;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM\r\n========================================================= *\/\r\n\r\n.cn-about-bottom{\r\n\r\n margin-top:28px;\r\n\r\n padding-top:23px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n border-top:\r\n 1px solid #e1e6ec;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BUTTON\r\n========================================================= *\/\r\n\r\n.cn-about-button{\r\n\r\n min-height:50px;\r\n\r\n padding:\r\n 0 20px;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:26px;\r\n\r\n border-radius:11px;\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n text-decoration:none;\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(239,84,47,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.cn-about-button:hover{\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n box-shadow:\r\n 0 17px 32px rgba(239,84,47,.28);\r\n}\r\n\r\n\r\n.cn-about-button span{\r\n\r\n font-size:19px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n NOTE\r\n========================================================= *\/\r\n\r\n.cn-about-note{\r\n\r\n text-align:right;\r\n}\r\n\r\n\r\n.cn-about-note strong{\r\n\r\n display:block;\r\n\r\n color:var(--navy);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-about-note span{\r\n\r\n display:block;\r\n\r\n margin-top:4px;\r\n\r\n color:#8a95a4;\r\n\r\n font-size:9px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SHORT DESKTOP \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:820px)\r\nand\r\n(min-width:901px){\r\n\r\n .cn-about-inner{\r\n\r\n gap:42px;\r\n\r\n padding:\r\n 30px 0;\r\n }\r\n\r\n\r\n .cn-about-visual{\r\n\r\n min-height:580px;\r\n }\r\n\r\n\r\n .cn-about-content h2{\r\n\r\n font-size:\r\n clamp(42px,3.6vw,58px);\r\n }\r\n\r\n\r\n .cn-about-lead{\r\n\r\n margin-top:16px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-about-body{\r\n\r\n margin-top:10px;\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .cn-about-points{\r\n\r\n margin-top:19px;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .cn-about-point{\r\n\r\n min-height:88px;\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .cn-about-point strong{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-about-point span{\r\n\r\n margin-top:4px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .cn-about-bottom{\r\n\r\n margin-top:18px;\r\n\r\n padding-top:16px;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-about-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n\r\n gap:35px;\r\n }\r\n\r\n\r\n .cn-about-content h2{\r\n\r\n font-size:46px;\r\n }\r\n\r\n\r\n .cn-about-points{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-about-screen{\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n }\r\n\r\n\r\n .cn-about-inner{\r\n\r\n width:\r\n calc(100% - 30px);\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:38px;\r\n\r\n padding:\r\n 60px 0;\r\n }\r\n\r\n\r\n .cn-about-visual{\r\n\r\n min-height:520px;\r\n }\r\n\r\n\r\n .cn-about-content h2{\r\n\r\n font-size:44px;\r\n\r\n letter-spacing:-2.2px;\r\n }\r\n\r\n\r\n .cn-about-lead{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-about-body{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-about-points{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .cn-about-bottom{\r\n\r\n display:block;\r\n }\r\n\r\n\r\n .cn-about-button{\r\n\r\n width:100%;\r\n\r\n justify-content:space-between;\r\n }\r\n\r\n\r\n .cn-about-note{\r\n\r\n margin-top:18px;\r\n\r\n text-align:left;\r\n }\r\n\r\n\r\n .cn-about-float-card{\r\n\r\n right:15px;\r\n\r\n max-width:220px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0ed9750 e-con e-atomic-element e-flexbox-base e-default-div e-803fde8 \" data-id=\"0ed9750\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0ed9750\" data-e-type=\"e-flexbox\" data-id=\"0ed9750\">\n <div class=\"elementor-element elementor-element-f5abcf9 e-flex e-con-boxed e-con e-parent\" data-id=\"f5abcf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a11b81b elementor-widget elementor-widget-html\" data-id=\"a11b81b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-review-wall\">\r\n\r\n <div class=\"cn-review-inner\">\r\n\r\n \r\n\r\n <div class=\"cn-review-head\">\r\n\r\n <div class=\"cn-review-eyebrow\">\r\n CUSTOMER REVIEWS\r\n <\/div>\r\n\r\n <h2>\r\n What do our customers say?\r\n <\/h2>\r\n\r\n <p>\r\n Trusted by buyers shipping goods from China worldwide.\r\n <\/p>\r\n\r\n <div class=\"cn-review-rating\">\r\n\r\n <div class=\"cn-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <strong>4.9<\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-review-rating-note\">\r\n Based on customer feedback\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-review-masonry\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=47\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Antoinette S.<\/strong>\r\n <span>United Kingdom \u00b7 Aug 21, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We had orders arriving from several 1688 sellers on different\r\n days. The warehouse team kept everything organized and sent us\r\n photos when the parcels arrived. Communication was clear from\r\n receiving through final shipping.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=12\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Daniel K.<\/strong>\r\n <span>Germany \u00b7 Aug 18, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Fast receiving and very easy communication. They combined four\r\n supplier shipments into one carton for us.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n DIRECT CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=33\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Haven & Heart<\/strong>\r\n <span>Australia \u00b7 Aug 14, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n One supplier sent the wrong color on part of our order.\r\n Because the goods were checked in China first, we caught the\r\n problem before paying for international shipping. The team\r\n showed us the difference in photos and waited for our decision.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=8\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Renuko Plus<\/strong>\r\n <span>United States \u00b7 Aug 09, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Our cartons were received, photographed and repacked before\r\n shipping. The process felt much easier than coordinating\r\n everything separately with each supplier.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=44\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Cei Kiki<\/strong>\r\n <span>Canada \u00b7 Aug 05, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n This was my first time buying from several suppliers in China.\r\n I was worried about tracking which parcel belonged to which\r\n order, but the warehouse handled it well. I received updates\r\n when everything arrived and the final shipment was much easier\r\n to manage.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n CN-DELIVERY CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=15\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Dom LP<\/strong>\r\n <span>France \u00b7 Jul 31, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Reliable team. They answered quickly and helped us choose a\r\n better shipping route for our cargo.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=49\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Hassan Oz<\/strong>\r\n <span>UAE \u00b7 Jul 27, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We regularly purchase small batches of products from China.\r\n Having one warehouse where all suppliers can send the goods\r\n makes the process much simpler. We especially like being able\r\n to check the packing before the international shipment leaves.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-featured\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=52\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Lily C.<\/strong>\r\n <span>United Kingdom \u00b7 Jul 23, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We have worked with different forwarding companies before,\r\n but what we needed most was visibility before shipping.\r\n With CN-Delivery, goods from our suppliers first arrive at one\r\n warehouse. We can check photos, confirm quantities, consolidate\r\n cartons and decide how we want the final shipment packed.\r\n <br><br>\r\n For our business this is much more useful than simply receiving\r\n a tracking number after the cargo has already left China.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n LONG-TERM CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=11\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Velvet Vial<\/strong>\r\n <span>Netherlands \u00b7 Jul 18, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Our products came from three factories and arrived at different\r\n times. The warehouse stored everything until the last shipment\r\n arrived, then consolidated it for us.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=16\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Novaurum<\/strong>\r\n <span>Italy \u00b7 Jul 15, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Responsive team and clear updates. Our first shipment arrived\r\n safely and the packing was much better after consolidation.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n DIRECT CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=25\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Shift Ready Gear<\/strong>\r\n <span>Israel \u00b7 Jul 11, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We shipped products from multiple suppliers and needed them\r\n combined before delivery. The warehouse sent photos, confirmed\r\n the final weight and prepared the shipment after we approved it.\r\n The communication was straightforward.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n CN-DELIVERY CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=4\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Marco T.<\/strong>\r\n <span>Spain \u00b7 Jul 06, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We sent a factory sample to the warehouse before placing a\r\n larger production order. They helped us inspect the package\r\n and confirm what actually arrived. Very useful when buying\r\n remotely.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=68\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Oliver M.<\/strong>\r\n <span>United Kingdom \u00b7 Jun 28, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We buy accessories from several suppliers around Guangzhou and\r\n Shenzhen. Sending everything to one warehouse before export\r\n has made inventory control much easier for us.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=31\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Sophie R.<\/strong>\r\n <span>Belgium \u00b7 Jun 22, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Quick response and good communication. Receiving photos were\r\n sent shortly after the cartons arrived.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n DIRECT CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=57\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Nordic Living<\/strong>\r\n <span>Sweden \u00b7 Jun 17, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We purchase furniture components from different factories.\r\n Some cartons are large and some are very small, so consolidation\r\n was important for us. The team reorganized the shipment and\r\n provided the final packing details before dispatch.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=21\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>David A.<\/strong>\r\n <span>Australia \u00b7 Jun 12, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n The biggest benefit for us is that we do not need every factory\r\n to organize international shipping separately. All suppliers\r\n deliver domestically to the same warehouse and we arrange one\r\n international shipment afterward.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=60\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Maison Verdi<\/strong>\r\n <span>France \u00b7 Jun 07, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We had fragile products mixed with normal cartons. The warehouse\r\n separated them and added additional protection before shipping.\r\n Everything arrived in good condition.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n CN-DELIVERY CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=36\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Adam P.<\/strong>\r\n <span>Poland \u00b7 May 31, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Good warehouse service and very convenient for orders from 1688.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=38\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Urban Supply Co.<\/strong>\r\n <span>United States \u00b7 May 24, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We use the warehouse mainly for consolidation and repacking.\r\n Being able to send orders from different factories to one place\r\n gives us much better control over our outgoing shipments.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=42\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Emily J.<\/strong>\r\n <span>New Zealand \u00b7 May 17, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n This was our second shipment. The warehouse received products\r\n from five sellers, waited until everything had arrived and then\r\n packed the goods together. Updates were clear throughout.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n RETURNING CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-review-fade\"><\/div>\r\n\r\n\r\n <div class=\"cn-review-more\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"cn-review-more-button\"\r\n aria-expanded=\"false\"\r\n onclick=\"cnToggleReviews(this)\"\r\n >\r\n\r\n <span class=\"cn-review-more-text\">\r\n View more reviews\r\n <\/span>\r\n\r\n <span class=\"cn-review-chevron\">\r\n \u2193\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n SECTION\r\n========================================================= *\/\r\n\r\n.cn-review-wall{\r\n\r\n --navy:#081936;\r\n --orange:#f25532;\r\n --gray:#6f7784;\r\n --line:#e1e5ea;\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n background:#ffffff;\r\n\r\n overflow:hidden;\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n}\r\n\r\n\r\n.cn-review-inner{\r\n\r\n position:relative;\r\n\r\n width:min(\r\n calc(100% - 80px),\r\n 1320px\r\n );\r\n\r\n margin:0 auto;\r\n\r\n padding:\r\n 80px 0\r\n 55px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.cn-review-head{\r\n\r\n text-align:center;\r\n\r\n margin-bottom:58px;\r\n\r\n}\r\n\r\n\r\n.cn-review-eyebrow{\r\n\r\n margin-bottom:11px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2.2px;\r\n\r\n}\r\n\r\n\r\n.cn-review-head h2{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(34px,3vw,48px);\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-1.7px;\r\n\r\n font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-review-head p{\r\n\r\n margin:\r\n 14px 0\r\n 7px;\r\n\r\n color:#7d8796;\r\n\r\n font-size:14px;\r\n\r\n}\r\n\r\n\r\n.cn-review-rating{\r\n\r\n margin-top:10px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:13px;\r\n\r\n}\r\n\r\n\r\n.cn-stars{\r\n\r\n color:#f5a000;\r\n\r\n font-size:34px;\r\n\r\n line-height:1;\r\n\r\n letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n.cn-review-rating strong{\r\n\r\n color:#252a31;\r\n\r\n font-size:27px;\r\n\r\n line-height:1;\r\n\r\n}\r\n\r\n\r\n.cn-review-rating-note{\r\n\r\n margin-top:7px;\r\n\r\n color:#a0a8b3;\r\n\r\n font-size:9px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MASONRY\r\n========================================================= *\/\r\n\r\n.cn-review-masonry{\r\n\r\n column-count:4;\r\n\r\n column-gap:22px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n.cn-review-card{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n width:100%;\r\n\r\n box-sizing:border-box;\r\n\r\n break-inside:avoid;\r\n\r\n margin:\r\n 0 0\r\n 22px;\r\n\r\n padding:\r\n 20px 20px\r\n 18px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:12px;\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 3px 12px\r\n rgba(8,25,54,.025);\r\n\r\n vertical-align:top;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-review-card:hover{\r\n\r\n transform:\r\n translateY(-5px);\r\n\r\n border-color:\r\n rgba(242,85,50,.28);\r\n\r\n box-shadow:\r\n 0 15px 35px\r\n rgba(8,25,54,.08);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n PERSON\r\n========================================================= *\/\r\n\r\n.cn-review-person{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n}\r\n\r\n\r\n.cn-review-person img{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex:0 0 auto;\r\n\r\n object-fit:cover;\r\n\r\n border-radius:50%;\r\n\r\n background:#eef1f4;\r\n\r\n}\r\n\r\n\r\n.cn-review-person strong{\r\n\r\n display:block;\r\n\r\n color:#242a32;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-review-person span{\r\n\r\n display:block;\r\n\r\n margin-top:4px;\r\n\r\n color:#9ca5b2;\r\n\r\n font-size:9px;\r\n\r\n line-height:1.2;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n STARS\r\n========================================================= *\/\r\n\r\n.cn-card-stars{\r\n\r\n margin-top:16px;\r\n\r\n color:#f5a000;\r\n\r\n font-size:13px;\r\n\r\n line-height:1;\r\n\r\n letter-spacing:1px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TEXT\r\n========================================================= *\/\r\n\r\n.cn-review-card p{\r\n\r\n margin:\r\n 12px 0\r\n 18px;\r\n\r\n color:#626d7d;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SOURCES\r\n========================================================= *\/\r\n\r\n.cn-review-source{\r\n\r\n text-align:right;\r\n\r\n color:#79a947;\r\n\r\n font-size:8px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.6px;\r\n\r\n}\r\n\r\n\r\n.cn-source-blue{\r\n\r\n color:#1687e8;\r\n\r\n}\r\n\r\n\r\n.cn-source-orange{\r\n\r\n color:var(--orange);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FEATURED\r\n========================================================= *\/\r\n\r\n.cn-review-featured{\r\n\r\n border-color:\r\n rgba(242,85,50,.4);\r\n\r\n box-shadow:\r\n 0 12px 34px\r\n rgba(8,25,54,.055);\r\n\r\n}\r\n\r\n\r\n.cn-review-featured:before{\r\n\r\n content:\"FEATURED\";\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n right:18px;\r\n\r\n padding:\r\n 5px 7px;\r\n\r\n border-radius:5px;\r\n\r\n color:var(--orange);\r\n\r\n background:#fff0ec;\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n EXTRA REVIEWS\r\n========================================================= *\/\r\n\r\n.cn-review-extra{\r\n\r\n display:none;\r\n\r\n}\r\n\r\n\r\n.cn-review-wall.cn-reviews-open\r\n.cn-review-extra{\r\n\r\n display:inline-block;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FADE\r\n========================================================= *\/\r\n\r\n.cn-review-fade{\r\n\r\n position:absolute;\r\n\r\n z-index:4;\r\n\r\n pointer-events:none;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:55px;\r\n\r\n height:120px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(255,255,255,0) 0%,\r\n rgba(255,255,255,.68) 48%,\r\n #ffffff 100%\r\n );\r\n\r\n transition:\r\n opacity .35s ease,\r\n visibility .35s ease;\r\n\r\n}\r\n\r\n\r\n.cn-review-wall.cn-reviews-open\r\n.cn-review-fade{\r\n\r\n opacity:0;\r\n\r\n visibility:hidden;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MORE BUTTON\r\n========================================================= *\/\r\n\r\n.cn-review-more{\r\n\r\n position:relative;\r\n\r\n z-index:8;\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n margin-top:18px;\r\n\r\n text-align:center;\r\n\r\n}\r\n\r\n\r\n.cn-review-more-button{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n padding:\r\n 8px 20px;\r\n\r\n border:0;\r\n\r\n outline:0;\r\n\r\n background:transparent;\r\n\r\n color:var(--orange);\r\n\r\n cursor:pointer;\r\n\r\n font-family:inherit;\r\n\r\n font-size:11px;\r\n\r\n font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-review-more-button:hover{\r\n\r\n color:#d94322;\r\n\r\n}\r\n\r\n\r\n.cn-review-chevron{\r\n\r\n display:block;\r\n\r\n font-size:25px;\r\n\r\n line-height:1;\r\n\r\n transform-origin:center;\r\n\r\n transition:\r\n transform .35s ease;\r\n\r\n animation:\r\n cnReviewBounce\r\n 1.6s\r\n ease-in-out\r\n infinite;\r\n\r\n}\r\n\r\n\r\n.cn-review-wall.cn-reviews-open\r\n.cn-review-chevron{\r\n\r\n transform:rotate(180deg);\r\n\r\n animation:none;\r\n\r\n}\r\n\r\n\r\n@keyframes cnReviewBounce{\r\n\r\n 0%,\r\n 100%{\r\n\r\n transform:\r\n translateY(0);\r\n\r\n }\r\n\r\n 50%{\r\n\r\n transform:\r\n translateY(5px);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n .cn-review-masonry{\r\n\r\n column-count:3;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:820px){\r\n\r\n .cn-review-inner{\r\n\r\n width:\r\n calc(100% - 40px);\r\n\r\n }\r\n\r\n\r\n .cn-review-masonry{\r\n\r\n column-count:2;\r\n\r\n }\r\n\r\n\r\n .cn-review-head{\r\n\r\n margin-bottom:42px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:560px){\r\n\r\n .cn-review-inner{\r\n\r\n width:\r\n calc(100% - 28px);\r\n\r\n padding:\r\n 58px 0\r\n 40px;\r\n\r\n }\r\n\r\n\r\n .cn-review-head{\r\n\r\n margin-bottom:34px;\r\n\r\n }\r\n\r\n\r\n .cn-review-head h2{\r\n\r\n font-size:34px;\r\n\r\n }\r\n\r\n\r\n .cn-stars{\r\n\r\n font-size:26px;\r\n\r\n }\r\n\r\n\r\n .cn-review-rating strong{\r\n\r\n font-size:23px;\r\n\r\n }\r\n\r\n\r\n .cn-review-masonry{\r\n\r\n column-count:1;\r\n\r\n }\r\n\r\n\r\n .cn-review-card{\r\n\r\n margin-bottom:14px;\r\n\r\n }\r\n\r\n\r\n .cn-review-fade{\r\n\r\n bottom:42px;\r\n\r\n height:90px;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\nfunction cnToggleReviews(button){\r\n\r\n const section =\r\n button.closest('.cn-review-wall');\r\n\r\n const text =\r\n button.querySelector('.cn-review-more-text');\r\n\r\n const isOpen =\r\n section.classList.toggle('cn-reviews-open');\r\n\r\n\r\n button.setAttribute(\r\n 'aria-expanded',\r\n isOpen ? 'true' : 'false'\r\n );\r\n\r\n\r\n if(isOpen){\r\n\r\n text.textContent =\r\n 'Show fewer reviews';\r\n\r\n }else{\r\n\r\n text.textContent =\r\n 'View more reviews';\r\n\r\n\r\n const masonry =\r\n section.querySelector('.cn-review-masonry');\r\n\r\n\r\n if(masonry){\r\n\r\n const top =\r\n masonry.getBoundingClientRect().top\r\n + window.pageYOffset\r\n - 100;\r\n\r\n\r\n window.scrollTo({\r\n top:top,\r\n behavior:'smooth'\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a04eda e-con e-atomic-element e-flexbox-base e-default-div e-68a8878 \" data-id=\"9a04eda\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a04eda\" data-e-type=\"e-flexbox\" data-id=\"9a04eda\">\n <div class=\"elementor-element elementor-element-f2e681b e-flex e-con-boxed e-con e-parent\" data-id=\"f2e681b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d83f6 elementor-widget elementor-widget-html\" data-id=\"a7d83f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-quote-screen\" id=\"quote\">\r\n\r\n <div class=\"cn-quote-inner\">\r\n\r\n \r\n\r\n <div class=\"cn-quote-info\">\r\n\r\n <div class=\"cn-quote-eyebrow\">\r\n START YOUR SHIPMENT\r\n <\/div>\r\n\r\n <h2>\r\n Tell us what\r\n <span>you need to ship.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"cn-quote-lead\">\r\n Send us your product details, supplier links or shipment information.\r\n Our China-based team will review the cargo and help you find the next step.\r\n <\/p>\r\n\r\n\r\n <div class=\"cn-quote-benefits\">\r\n\r\n <div class=\"cn-quote-benefit\">\r\n\r\n <div class=\"cn-quote-benefit-icon\">\r\n 01\r\n <\/div>\r\n\r\n <div>\r\n <strong>Send the basic details<\/strong>\r\n <span>\r\n Product type, destination, quantity, weight or supplier link.\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-quote-benefit\">\r\n\r\n <div class=\"cn-quote-benefit-icon\">\r\n 02\r\n <\/div>\r\n\r\n <div>\r\n <strong>We check the options<\/strong>\r\n <span>\r\n Warehouse handling, packing requirements and available shipping routes.\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-quote-benefit\">\r\n\r\n <div class=\"cn-quote-benefit-icon\">\r\n 03\r\n <\/div>\r\n\r\n <div>\r\n <strong>You decide how to proceed<\/strong>\r\n <span>\r\n Confirm the plan before sending your goods to our China warehouse.\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-quote-trust\">\r\n\r\n <div class=\"cn-quote-trust-dot\"><\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n China-based warehouse team\r\n <\/strong>\r\n\r\n <span>\r\n Receiving \u00b7 Inspection \u00b7 Consolidation \u00b7 Repacking \u00b7 Shipping\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-quote-form-wrap\">\r\n\r\n <div class=\"cn-quote-form-top\">\r\n\r\n <div>\r\n\r\n <span>\r\n GET A QUOTE\r\n <\/span>\r\n\r\n <h3>\r\n Shipment details\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-quote-form-badge\">\r\n Usually takes 2\u20133 minutes\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <form\r\n class=\"cn-quote-form\"\r\n id=\"cnShippingQuoteForm\"\r\n autocomplete=\"on\"\r\n novalidate\r\n >\r\n\r\n <input\r\n type=\"hidden\"\r\n name=\"_wpcf7\"\r\n value=\"63\"\r\n >\r\n\r\n <input\r\n type=\"hidden\"\r\n name=\"_wpcf7_unit_tag\"\r\n value=\"wpcf7-f63-o1\"\r\n >\r\n\r\n <input\r\n type=\"hidden\"\r\n name=\"_wpcf7_container_post\"\r\n value=\"0\"\r\n >\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-grid cn-form-grid-2\">\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-your-name\">\r\n Your name\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-your-name\"\r\n type=\"text\"\r\n name=\"your-name\"\r\n placeholder=\"John Smith\"\r\n autocomplete=\"name\"\r\n required\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-your-email\">\r\n Email\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-your-email\"\r\n type=\"email\"\r\n name=\"your-email\"\r\n placeholder=\"name@company.com\"\r\n autocomplete=\"email\"\r\n required\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-grid cn-form-grid-2\">\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-whatsapp\">\r\n\r\n WhatsApp\r\n\r\n <span>\r\n Optional\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-whatsapp\"\r\n type=\"tel\"\r\n name=\"your-whatsapp\"\r\n placeholder=\"+44...\"\r\n autocomplete=\"tel\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-destination\">\r\n Destination\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-destination\"\r\n type=\"text\"\r\n name=\"destination\"\r\n placeholder=\"Country \/ city\"\r\n required\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label>\r\n What are you shipping?\r\n <\/label>\r\n\r\n <div class=\"cn-cargo-options\">\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"General goods\"\r\n checked\r\n >\r\n <span>General goods<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Batteries\"\r\n >\r\n <span>Batteries<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Furniture\"\r\n >\r\n <span>Furniture<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Machinery\"\r\n >\r\n <span>Machinery<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Chemicals\"\r\n >\r\n <span>Chemicals<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Other\"\r\n >\r\n <span>Other<\/span>\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-grid cn-form-grid-3\">\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-quantity\">\r\n Quantity\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-quantity\"\r\n type=\"text\"\r\n name=\"quantity\"\r\n placeholder=\"e.g. 10 cartons\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-weight\">\r\n Weight\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-weight\"\r\n type=\"text\"\r\n name=\"weight\"\r\n placeholder=\"e.g. 120 kg\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-volume\">\r\n\r\n Volume\r\n\r\n <span>\r\n Optional\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-volume\"\r\n type=\"text\"\r\n name=\"volume\"\r\n placeholder=\"e.g. 1.2 CBM\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-supplier-link\">\r\n\r\n Product or supplier link\r\n\r\n <span>\r\n Optional\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-supplier-link\"\r\n type=\"url\"\r\n name=\"supplier-link\"\r\n placeholder=\"1688, Alibaba, Taobao or factory product link\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-shipment-message\">\r\n Tell us about the shipment\r\n <\/label>\r\n\r\n <textarea\r\n id=\"cn-shipment-message\"\r\n name=\"shipment-message\"\r\n rows=\"5\"\r\n placeholder=\"Tell us what you are buying, how many suppliers are involved, where the goods need to go, or anything else we should know.\"\r\n ><\/textarea>\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"cn-form-response\"\r\n id=\"cnFormResponse\"\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n ><\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-bottom\">\r\n\r\n <div class=\"cn-form-privacy\">\r\n\r\n <span class=\"cn-form-lock\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\"\r\n >\r\n <rect\r\n x=\"5\"\r\n y=\"10\"\r\n width=\"14\"\r\n height=\"10\"\r\n rx=\"2\"\r\n ><\/rect>\r\n\r\n <path\r\n d=\"M8 10V7a4 4 0 0 1 8 0v3\"\r\n ><\/path>\r\n\r\n <\/svg>\r\n\r\n <\/span>\r\n\r\n <span>\r\n Your shipment information is only used to prepare your inquiry.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n type=\"submit\"\r\n class=\"cn-quote-submit\"\r\n id=\"cnQuoteSubmit\"\r\n >\r\n\r\n <span class=\"cn-submit-text\">\r\n Send shipment details\r\n <\/span>\r\n\r\n <span class=\"cn-submit-arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <span\r\n class=\"cn-submit-spinner\"\r\n aria-hidden=\"true\"\r\n ><\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n SECTION\r\n========================================================= *\/\r\n\r\n.cn-quote-screen{\r\n\r\n --navy:#07162f;\r\n --navy2:#0d2348;\r\n --orange:#f25532;\r\n --light:#f6f8fb;\r\n --text:#78869a;\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n min-height:100vh;\r\n min-height:100svh;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 15% 15%,\r\n rgba(242,85,50,.12),\r\n transparent 30%\r\n ),\r\n radial-gradient(\r\n circle at 88% 78%,\r\n rgba(57,97,161,.22),\r\n transparent 30%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #06142d 0%,\r\n #081a3a 54%,\r\n #06142d 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n}\r\n\r\n\r\n.cn-quote-screen:before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n pointer-events:none;\r\n\r\n opacity:.06;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(255,255,255,.08) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(255,255,255,.08) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:\r\n 70px 70px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n INNER\r\n========================================================= *\/\r\n\r\n.cn-quote-inner{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n width:min(\r\n calc(100% - 90px),\r\n 1450px\r\n );\r\n\r\n margin:auto;\r\n\r\n padding:70px 0;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n .88fr 1.12fr;\r\n\r\n align-items:center;\r\n\r\n gap:75px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT\r\n========================================================= *\/\r\n\r\n.cn-quote-info{\r\n\r\n max-width:590px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-eyebrow{\r\n\r\n margin-bottom:14px;\r\n\r\n color:#ff7758;\r\n\r\n font-size:12px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-info h2{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(52px,5vw,78px);\r\n\r\n line-height:.96;\r\n\r\n letter-spacing:-3.7px;\r\n\r\n font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-quote-info h2 span{\r\n\r\n display:block;\r\n\r\n color:var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-quote-lead{\r\n\r\n max-width:560px;\r\n\r\n margin:27px 0 0;\r\n\r\n color:#bdc7d5;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.65;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-quote-benefits{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:11px;\r\n\r\n margin-top:35px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:15px;\r\n\r\n padding:17px 18px;\r\n\r\n border-radius:14px;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.09);\r\n\r\n background:\r\n rgba(255,255,255,.035);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease,\r\n border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit:hover{\r\n\r\n transform:translateX(5px);\r\n\r\n border-color:\r\n rgba(242,85,50,.25);\r\n\r\n background:\r\n rgba(255,255,255,.055);\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n color:#ff7657;\r\n\r\n background:\r\n rgba(242,85,50,.11);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit strong{\r\n\r\n display:block;\r\n\r\n margin-top:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:15px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit span{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#9eabbd;\r\n\r\n font-size:11.5px;\r\n\r\n line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TRUST \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-quote-trust{\r\n\r\n margin-top:28px;\r\n\r\n padding-top:22px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n border-top:\r\n 1px solid rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n.cn-quote-trust-dot{\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#52ce83;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(82,206,131,.1);\r\n\r\n}\r\n\r\n\r\n.cn-quote-trust strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-quote-trust span{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#8192a8;\r\n\r\n font-size:10.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM BOX\r\n========================================================= *\/\r\n\r\n.cn-quote-form-wrap{\r\n\r\n padding:28px;\r\n\r\n border-radius:25px;\r\n\r\n color:#17233a;\r\n\r\n background:\r\n rgba(255,255,255,.98);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.18);\r\n\r\n box-shadow:\r\n 0 35px 80px rgba(0,0,0,.22);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM HEADER\r\n========================================================= *\/\r\n\r\n.cn-quote-form-top{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:24px;\r\n\r\n padding-bottom:20px;\r\n\r\n border-bottom:\r\n 1px solid #e5e9ee;\r\n\r\n}\r\n\r\n\r\n.cn-quote-form-top > div:first-child > span{\r\n\r\n display:block;\r\n\r\n margin-bottom:5px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-form-top h3{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:30px;\r\n\r\n letter-spacing:-1px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-form-badge{\r\n\r\n padding:8px 10px;\r\n\r\n border-radius:999px;\r\n\r\n color:#748094;\r\n\r\n background:#f5f7f9;\r\n\r\n font-size:9px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM\r\n========================================================= *\/\r\n\r\n.cn-quote-form{\r\n\r\n width:100%;\r\n\r\n}\r\n\r\n\r\n.cn-form-grid{\r\n\r\n display:grid;\r\n\r\n gap:12px;\r\n\r\n}\r\n\r\n\r\n.cn-form-grid-2{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n}\r\n\r\n\r\n.cn-form-grid-3{\r\n\r\n grid-template-columns:\r\n repeat(3,minmax(0,1fr));\r\n\r\n}\r\n\r\n\r\n.cn-form-field{\r\n\r\n margin-bottom:16px;\r\n\r\n}\r\n\r\n\r\n\/* Label enlarged *\/\r\n\r\n.cn-form-field label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n margin-bottom:8px;\r\n\r\n color:#26364f;\r\n\r\n font-size:12.5px;\r\n\r\n line-height:1.25;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* Optional enlarged *\/\r\n\r\n.cn-form-field label span{\r\n\r\n color:#919caf;\r\n\r\n font-size:9.5px;\r\n\r\n font-weight:500;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n INPUT \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-form-field input,\r\n.cn-form-field textarea{\r\n\r\n width:100%;\r\n\r\n box-sizing:border-box;\r\n\r\n outline:none;\r\n\r\n border:\r\n 1px solid #dfe4e9;\r\n\r\n border-radius:10px;\r\n\r\n color:#18273f;\r\n\r\n background:#fafbfc;\r\n\r\n font-family:inherit;\r\n\r\n font-size:13px;\r\n\r\n transition:\r\n border-color .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.cn-form-field input{\r\n\r\n height:47px;\r\n\r\n padding:0 14px;\r\n\r\n}\r\n\r\n\r\n.cn-form-field textarea{\r\n\r\n min-height:108px;\r\n\r\n padding:13px 14px;\r\n\r\n resize:vertical;\r\n\r\n line-height:1.55;\r\n\r\n}\r\n\r\n\r\n.cn-form-field input::placeholder,\r\n.cn-form-field textarea::placeholder{\r\n\r\n color:#a5afbd;\r\n\r\n font-size:12px;\r\n\r\n}\r\n\r\n\r\n.cn-form-field input:focus,\r\n.cn-form-field textarea:focus{\r\n\r\n border-color:\r\n rgba(242,85,50,.55);\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 0 0 4px\r\n rgba(242,85,50,.07);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CARGO OPTIONS \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-cargo-options{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,minmax(0,1fr));\r\n\r\n gap:9px;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option{\r\n\r\n position:relative;\r\n\r\n margin:0 !important;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option input{\r\n\r\n position:absolute;\r\n\r\n opacity:0;\r\n\r\n pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option span{\r\n\r\n min-height:42px;\r\n\r\n display:flex !important;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n padding:0 10px;\r\n\r\n box-sizing:border-box;\r\n\r\n border-radius:9px;\r\n\r\n border:\r\n 1px solid #e0e5ea;\r\n\r\n color:#59677d !important;\r\n\r\n background:#fafbfc;\r\n\r\n font-size:11px !important;\r\n\r\n font-weight:700 !important;\r\n\r\n transition:all .25s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option:hover span{\r\n\r\n border-color:\r\n rgba(242,85,50,.35);\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option input:checked + span{\r\n\r\n color:var(--orange) !important;\r\n\r\n border-color:\r\n rgba(242,85,50,.45);\r\n\r\n background:#fff2ee;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n ERRORS\r\n========================================================= *\/\r\n\r\n.cn-field-error{\r\n\r\n color:#d94a4a;\r\n\r\n font-size:9px;\r\n\r\n line-height:1.35;\r\n\r\n}\r\n\r\n\r\n.cn-form-field.cn-has-error\r\n.cn-field-error{\r\n\r\n margin-top:5px;\r\n\r\n}\r\n\r\n\r\n.cn-form-field.cn-has-error input,\r\n.cn-form-field.cn-has-error textarea{\r\n\r\n border-color:#df5555;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n RESPONSE \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-form-response{\r\n\r\n display:none;\r\n\r\n margin:\r\n 3px 0 14px;\r\n\r\n padding:\r\n 12px 14px;\r\n\r\n border-radius:9px;\r\n\r\n font-size:10.5px;\r\n\r\n line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.cn-form-response.cn-response-success{\r\n\r\n display:block;\r\n\r\n color:#257745;\r\n\r\n border:\r\n 1px solid #58bc7a;\r\n\r\n background:#edf9f1;\r\n\r\n}\r\n\r\n\r\n.cn-form-response.cn-response-error{\r\n\r\n display:block;\r\n\r\n color:#98402e;\r\n\r\n border:\r\n 1px solid #e4937f;\r\n\r\n background:#fff1ed;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM BOTTOM \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-form-bottom{\r\n\r\n margin-top:5px;\r\n\r\n padding-top:18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n border-top:\r\n 1px solid #e6eaee;\r\n\r\n}\r\n\r\n\r\n.cn-form-privacy{\r\n\r\n max-width:370px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n color:#818c9c;\r\n\r\n font-size:9.5px;\r\n\r\n line-height:1.45;\r\n\r\n}\r\n\r\n\r\n.cn-form-lock{\r\n\r\n width:29px;\r\n height:29px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:8px;\r\n\r\n color:#68778c;\r\n\r\n background:#f3f5f7;\r\n\r\n}\r\n\r\n\r\n.cn-form-lock svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SUBMIT \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-quote-submit{\r\n\r\n min-width:205px;\r\n\r\n min-height:50px;\r\n\r\n padding:0 20px;\r\n\r\n border:0;\r\n\r\n border-radius:10px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:28px;\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n cursor:pointer;\r\n\r\n font-family:inherit;\r\n\r\n font-size:11.5px;\r\n\r\n font-weight:850;\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(242,85,50,.2);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n background .3s ease,\r\n opacity .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n background:#e84a27;\r\n\r\n box-shadow:\r\n 0 17px 30px rgba(242,85,50,.28);\r\n\r\n}\r\n\r\n\r\n.cn-submit-arrow{\r\n\r\n font-size:19px;\r\n\r\n}\r\n\r\n\r\n.cn-submit-spinner{\r\n\r\n display:none;\r\n\r\n width:15px;\r\n height:15px;\r\n\r\n box-sizing:border-box;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 2px solid rgba(255,255,255,.38);\r\n\r\n border-top-color:#ffffff;\r\n\r\n animation:\r\n cnSpin .7s linear infinite;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit.cn-loading{\r\n\r\n cursor:not-allowed;\r\n\r\n opacity:.82;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit.cn-loading\r\n.cn-submit-arrow{\r\n\r\n display:none;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit.cn-loading\r\n.cn-submit-spinner{\r\n\r\n display:block;\r\n\r\n}\r\n\r\n\r\n@keyframes cnSpin{\r\n\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SHORT DESKTOP\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:850px)\r\nand\r\n(min-width:901px){\r\n\r\n .cn-quote-inner{\r\n padding:35px 0;\r\n }\r\n\r\n .cn-quote-info h2{\r\n font-size:\r\n clamp(47px,4.2vw,65px);\r\n }\r\n\r\n .cn-quote-lead{\r\n margin-top:19px;\r\n font-size:13px;\r\n }\r\n\r\n .cn-quote-benefits{\r\n margin-top:23px;\r\n }\r\n\r\n .cn-quote-benefit{\r\n padding:13px 14px;\r\n }\r\n\r\n .cn-quote-benefit strong{\r\n font-size:13px;\r\n }\r\n\r\n .cn-quote-benefit span{\r\n font-size:10px;\r\n }\r\n\r\n .cn-quote-form-wrap{\r\n padding:22px;\r\n }\r\n\r\n .cn-form-field{\r\n margin-bottom:12px;\r\n }\r\n\r\n .cn-form-field label{\r\n font-size:11px;\r\n }\r\n\r\n .cn-form-field input{\r\n height:42px;\r\n font-size:11px;\r\n }\r\n\r\n .cn-form-field textarea{\r\n min-height:82px;\r\n font-size:11px;\r\n }\r\n\r\n .cn-cargo-option span{\r\n min-height:38px;\r\n font-size:9.5px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-quote-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n\r\n gap:40px;\r\n\r\n }\r\n\r\n\r\n .cn-quote-info h2{\r\n font-size:52px;\r\n }\r\n\r\n\r\n .cn-cargo-options{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:780px){\r\n\r\n .cn-quote-screen{\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n }\r\n\r\n\r\n .cn-quote-inner{\r\n\r\n width:\r\n calc(100% - 28px);\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:42px;\r\n\r\n padding:65px 0;\r\n\r\n }\r\n\r\n\r\n .cn-quote-info{\r\n max-width:none;\r\n }\r\n\r\n\r\n .cn-quote-info h2{\r\n\r\n font-size:47px;\r\n\r\n letter-spacing:-2.5px;\r\n\r\n }\r\n\r\n\r\n .cn-quote-lead{\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-quote-form-wrap{\r\n\r\n width:100%;\r\n\r\n box-sizing:border-box;\r\n\r\n padding:20px;\r\n\r\n border-radius:20px;\r\n\r\n }\r\n\r\n\r\n .cn-quote-form-top{\r\n display:block;\r\n }\r\n\r\n\r\n .cn-quote-form-badge{\r\n\r\n display:inline-block;\r\n\r\n margin-top:12px;\r\n\r\n }\r\n\r\n\r\n .cn-form-grid-2,\r\n .cn-form-grid-3{\r\n\r\n grid-template-columns:1fr;\r\n\r\n }\r\n\r\n\r\n .cn-cargo-options{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n }\r\n\r\n\r\n .cn-form-bottom{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n }\r\n\r\n\r\n .cn-form-privacy{\r\n max-width:none;\r\n }\r\n\r\n\r\n .cn-quote-submit{\r\n\r\n width:100%;\r\n\r\n justify-content:center;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n const form =\r\n document.getElementById('cnShippingQuoteForm');\r\n\r\n if(!form){\r\n return;\r\n }\r\n\r\n\r\n const submitButton =\r\n document.getElementById('cnQuoteSubmit');\r\n\r\n const responseBox =\r\n document.getElementById('cnFormResponse');\r\n\r\n\r\n const CONTACT_FORM_ID = '63';\r\n\r\n\r\n const endpoint =\r\n window.location.origin\r\n + '\/wp-json\/contact-form-7\/v1\/contact-forms\/'\r\n + CONTACT_FORM_ID\r\n + '\/feedback';\r\n\r\n\r\n\r\n function resetErrors(){\r\n\r\n form\r\n .querySelectorAll('.cn-form-field')\r\n .forEach(function(field){\r\n\r\n field.classList.remove(\r\n 'cn-has-error'\r\n );\r\n\r\n const error =\r\n field.querySelector(\r\n '.cn-field-error'\r\n );\r\n\r\n if(error){\r\n error.textContent = '';\r\n }\r\n\r\n });\r\n\r\n\r\n responseBox.className =\r\n 'cn-form-response';\r\n\r\n responseBox.textContent = '';\r\n\r\n }\r\n\r\n\r\n\r\n function showResponse(type,message){\r\n\r\n responseBox.className =\r\n 'cn-form-response '\r\n +\r\n (\r\n type === 'success'\r\n ? 'cn-response-success'\r\n : 'cn-response-error'\r\n );\r\n\r\n responseBox.textContent =\r\n message;\r\n\r\n }\r\n\r\n\r\n\r\n function showSuccess(){\r\n\r\n showResponse(\r\n 'success',\r\n 'Your shipment details have been received successfully. Our team will review your inquiry and contact you as soon as possible.'\r\n );\r\n\r\n\r\n form.reset();\r\n\r\n\r\n const generalGoods =\r\n form.querySelector(\r\n 'input[name=\"cargo-type\"][value=\"General goods\"]'\r\n );\r\n\r\n\r\n if(generalGoods){\r\n generalGoods.checked = true;\r\n }\r\n\r\n\r\n responseBox.scrollIntoView({\r\n behavior:'smooth',\r\n block:'nearest'\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n function showValidationErrors(invalidFields){\r\n\r\n if(!Array.isArray(invalidFields)){\r\n return;\r\n }\r\n\r\n\r\n invalidFields.forEach(function(item){\r\n\r\n const fieldName =\r\n item.field;\r\n\r\n\r\n if(!fieldName){\r\n return;\r\n }\r\n\r\n\r\n const input =\r\n form.querySelector(\r\n '[name=\"' +\r\n fieldName.replace(\/\"\/g,'\\\\\"')\r\n +\r\n '\"]'\r\n );\r\n\r\n\r\n if(!input){\r\n return;\r\n }\r\n\r\n\r\n const field =\r\n input.closest('.cn-form-field');\r\n\r\n\r\n if(!field){\r\n return;\r\n }\r\n\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n\r\n const error =\r\n field.querySelector(\r\n '.cn-field-error'\r\n );\r\n\r\n\r\n if(error){\r\n\r\n error.textContent =\r\n item.message ||\r\n 'Please check this field.';\r\n\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n form.addEventListener(\r\n 'submit',\r\n async function(event){\r\n\r\n event.preventDefault();\r\n\r\n resetErrors();\r\n\r\n\r\n const name =\r\n form.querySelector(\r\n '[name=\"your-name\"]'\r\n );\r\n\r\n const email =\r\n form.querySelector(\r\n '[name=\"your-email\"]'\r\n );\r\n\r\n const destination =\r\n form.querySelector(\r\n '[name=\"destination\"]'\r\n );\r\n\r\n\r\n let localError = false;\r\n\r\n\r\n\r\n if(!name.value.trim()){\r\n\r\n const field =\r\n name.closest('.cn-form-field');\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n field.querySelector(\r\n '.cn-field-error'\r\n ).textContent =\r\n 'Please enter your name.';\r\n\r\n localError = true;\r\n\r\n }\r\n\r\n\r\n\r\n if(\r\n !email.value.trim()\r\n ||\r\n !email.validity.valid\r\n ){\r\n\r\n const field =\r\n email.closest('.cn-form-field');\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n field.querySelector(\r\n '.cn-field-error'\r\n ).textContent =\r\n 'Please enter a valid email address.';\r\n\r\n localError = true;\r\n\r\n }\r\n\r\n\r\n\r\n if(!destination.value.trim()){\r\n\r\n const field =\r\n destination.closest(\r\n '.cn-form-field'\r\n );\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n field.querySelector(\r\n '.cn-field-error'\r\n ).textContent =\r\n 'Please enter the destination.';\r\n\r\n localError = true;\r\n\r\n }\r\n\r\n\r\n\r\n if(localError){\r\n\r\n showResponse(\r\n 'error',\r\n 'Please check the highlighted fields.'\r\n );\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n\r\n submitButton.disabled = true;\r\n\r\n submitButton.classList.add(\r\n 'cn-loading'\r\n );\r\n\r\n\r\n const formData =\r\n new FormData(form);\r\n\r\n\r\n formData.set(\r\n '_wpcf7',\r\n '63'\r\n );\r\n\r\n\r\n formData.set(\r\n '_wpcf7_unit_tag',\r\n 'wpcf7-f63-o1'\r\n );\r\n\r\n\r\n formData.set(\r\n '_wpcf7_container_post',\r\n '0'\r\n );\r\n\r\n\r\n\r\n try{\r\n\r\n const request =\r\n await fetch(\r\n endpoint,\r\n {\r\n method:'POST',\r\n body:formData,\r\n credentials:'same-origin',\r\n headers:{\r\n 'Accept':'application\/json'\r\n }\r\n }\r\n );\r\n\r\n\r\n const responseText =\r\n await request.text();\r\n\r\n\r\n let result;\r\n\r\n\r\n try{\r\n\r\n result =\r\n JSON.parse(responseText);\r\n\r\n }\r\n\r\n catch(parseError){\r\n\r\n throw new Error(\r\n 'Invalid server response'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n if(\r\n result.status === 'mail_sent'\r\n ||\r\n result.status === 'mail_sent_ok'\r\n ||\r\n result.status === 'mail_failed'\r\n ){\r\n\r\n showSuccess();\r\n\r\n }\r\n\r\n\r\n\r\n else if(\r\n result.status ===\r\n 'validation_failed'\r\n ){\r\n\r\n showValidationErrors(\r\n result.invalid_fields\r\n );\r\n\r\n\r\n showResponse(\r\n 'error',\r\n result.message ||\r\n 'Please check the highlighted fields and try again.'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n else if(\r\n result.status === 'spam'\r\n ){\r\n\r\n showResponse(\r\n 'error',\r\n 'Your message could not be submitted. Please check the information and try again.'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n else{\r\n\r\n showResponse(\r\n 'error',\r\n result.message ||\r\n 'We could not submit your message. Please try again.'\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n catch(error){\r\n\r\n showResponse(\r\n 'error',\r\n 'The form could not connect to the server. Please try again.'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n finally{\r\n\r\n submitButton.disabled = false;\r\n\r\n submitButton.classList.remove(\r\n 'cn-loading'\r\n );\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CN Delivery Hero China Warehouse \u00b7 Global Fulfillment Your China warehouse, handled Receiving \u00b7 Inspection \u00b7 Photo Proof \u00b7 Consolidation \u00b7 Global Shipping Send your suppliers’ packages to our China warehouse. We receive, inspect, photograph, consolidate and prepare everything for international delivery. Get a shipping quote See how it works Quality checked Every package received […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":40,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":267,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages\/13\/revisions\/267"}],"wp:attachment":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\n\r\nCN Delivery Hero<\/title>\r\n\r\n<style>\r\n*{\r\n box-sizing:border-box;\r\n margin:0;\r\n padding:0;\r\n}\r\n\r\nhtml{\r\n scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n background:#ffffff;\r\n color:#0b1f3a;\r\n overflow-x:hidden;\r\n}\r\n\r\n:root{\r\n --navy:#071b3d;\r\n --navy-2:#0b254e;\r\n --orange:#ff3b0a;\r\n --orange-dark:#e93205;\r\n --muted:#667085;\r\n --white:#ffffff;\r\n --container:1440px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO\r\n========================================================= *\/\r\n\r\n.cn-hero{\r\n position:relative;\r\n\r\n min-height:760px;\r\n height:100vh;\r\n max-height:920px;\r\n\r\n overflow:hidden;\r\n\r\n background:#f7f9fc;\r\n}\r\n\r\n\r\n\/* subtle grid *\/\r\n\r\n.cn-hero::before{\r\n content:\"\";\r\n\r\n position:absolute;\r\n inset:0;\r\n\r\n pointer-events:none;\r\n\r\n opacity:.22;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(8,28,60,.035) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(8,28,60,.035) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:50px 50px;\r\n\r\n z-index:1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO INNER\r\n========================================================= *\/\r\n\r\n.cn-hero-inner{\r\n position:relative;\r\n z-index:10;\r\n\r\n width:min(calc(100% - 80px), var(--container));\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HERO LEFT CONTENT\r\n========================================================= *\/\r\n\r\n.cn-hero-copy{\r\n position:relative;\r\n z-index:12;\r\n\r\n width:47%;\r\n\r\n padding-top:20px;\r\n}\r\n\r\n\r\n\/* EYEBROW *\/\r\n\r\n.cn-eyebrow{\r\n display:inline-flex;\r\n align-items:center;\r\n gap:10px;\r\n\r\n margin-bottom:28px;\r\n\r\n padding:9px 14px;\r\n\r\n border:1px solid #dbe4ef;\r\n border-radius:999px;\r\n\r\n background:rgba(255,255,255,.84);\r\n\r\n backdrop-filter:blur(12px);\r\n\r\n font-size:12px;\r\n font-weight:700;\r\n\r\n color:#42526a;\r\n\r\n box-shadow:\r\n 0 8px 30px rgba(9,30,66,.04);\r\n}\r\n\r\n.cn-eyebrow-dot{\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#20b26b;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(32,178,107,.12);\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.cn-hero-title{\r\n max-width:650px;\r\n\r\n color:var(--navy);\r\n\r\n font-size:clamp(58px,5.25vw,88px);\r\n line-height:.99;\r\n\r\n letter-spacing:-4px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n.cn-hero-title span{\r\n position:relative;\r\n display:inline-block;\r\n}\r\n\r\n.cn-hero-title span::after{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n right:-16px;\r\n bottom:10px;\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n border-radius:50%;\r\n\r\n background:var(--orange);\r\n}\r\n\r\n\r\n\/* SERVICES *\/\r\n\r\n.cn-hero-services{\r\n margin-top:30px;\r\n\r\n color:#33445b;\r\n\r\n font-size:15px;\r\n font-weight:700;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.cn-hero-description{\r\n max-width:560px;\r\n\r\n margin-top:20px;\r\n\r\n color:#667085;\r\n\r\n font-size:15px;\r\n line-height:1.85;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUTTONS\r\n========================================================= *\/\r\n\r\n.cn-hero-actions{\r\n display:flex;\r\n align-items:center;\r\n gap:14px;\r\n\r\n margin-top:34px;\r\n}\r\n\r\n.cn-primary-btn,\r\n.cn-secondary-btn{\r\n min-height:56px;\r\n\r\n padding:0 25px;\r\n\r\n display:inline-flex;\r\n align-items:center;\r\n justify-content:center;\r\n gap:14px;\r\n\r\n text-decoration:none;\r\n\r\n border-radius:7px;\r\n\r\n font-size:14px;\r\n font-weight:700;\r\n\r\n transition:\r\n transform .25s ease,\r\n box-shadow .25s ease,\r\n border-color .25s ease,\r\n background .25s ease;\r\n}\r\n\r\n.cn-primary-btn{\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(255,59,10,.24);\r\n}\r\n\r\n.cn-primary-btn:hover{\r\n background:var(--orange-dark);\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 18px 34px rgba(255,59,10,.29);\r\n}\r\n\r\n.cn-secondary-btn{\r\n color:#172b4d;\r\n\r\n background:\r\n rgba(255,255,255,.86);\r\n\r\n border:\r\n 1px solid #bdc8d7;\r\n\r\n backdrop-filter:blur(10px);\r\n}\r\n\r\n.cn-secondary-btn:hover{\r\n background:#ffffff;\r\n\r\n transform:translateY(-3px);\r\n\r\n box-shadow:\r\n 0 14px 30px rgba(9,30,66,.08);\r\n}\r\n\r\n.cn-primary-btn svg,\r\n.cn-secondary-btn svg{\r\n width:17px;\r\n height:17px;\r\n\r\n transition:transform .25s ease;\r\n}\r\n\r\n.cn-primary-btn:hover svg,\r\n.cn-secondary-btn:hover svg{\r\n transform:translateX(5px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TRUST ROW\r\n========================================================= *\/\r\n\r\n.cn-trust-row{\r\n display:flex;\r\n align-items:center;\r\n gap:32px;\r\n\r\n margin-top:48px;\r\n}\r\n\r\n.cn-trust-item{\r\n display:flex;\r\n align-items:center;\r\n gap:11px;\r\n}\r\n\r\n.cn-trust-icon{\r\n width:40px;\r\n height:40px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:10px;\r\n\r\n background:#ffffff;\r\n\r\n border:1px solid #e7ebf1;\r\n\r\n box-shadow:\r\n 0 8px 22px rgba(9,30,66,.055);\r\n}\r\n\r\n.cn-trust-icon svg{\r\n width:20px;\r\n height:20px;\r\n\r\n stroke:var(--navy);\r\n}\r\n\r\n.cn-trust-copy strong{\r\n display:block;\r\n\r\n color:#283b55;\r\n\r\n font-size:12px;\r\n line-height:1.35;\r\n\r\n font-weight:750;\r\n}\r\n\r\n.cn-trust-copy span{\r\n display:block;\r\n\r\n margin-top:3px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND IMAGE AREA\r\n========================================================= *\/\r\n\r\n.cn-hero-visual{\r\n position:absolute;\r\n\r\n top:0;\r\n right:0;\r\n bottom:0;\r\n\r\n width:63%;\r\n\r\n overflow:hidden;\r\n\r\n z-index:2;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BACKGROUND IMAGE\r\n========================================================= *\/\r\n\r\n.cn-warehouse-image{\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n object-fit:cover;\r\n\r\n object-position:center right;\r\n\r\n transform:scale(1.02);\r\n\r\n animation:\r\n warehouseZoom 14s ease-in-out infinite alternate;\r\n}\r\n\r\n\r\n@keyframes warehouseZoom{\r\n\r\n from{\r\n transform:scale(1.02);\r\n }\r\n\r\n to{\r\n transform:scale(1.075);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE OVERLAY\r\n========================================================= *\/\r\n\r\n.cn-visual-fade{\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:3;\r\n\r\n pointer-events:none;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 90deg,\r\n\r\n #f8fafc 0%,\r\n\r\n rgba(248,250,252,1) 8%,\r\n\r\n rgba(248,250,252,.96) 17%,\r\n\r\n rgba(248,250,252,.78) 27%,\r\n\r\n rgba(248,250,252,.40) 38%,\r\n\r\n rgba(248,250,252,.10) 49%,\r\n\r\n rgba(248,250,252,0) 60%\r\n ),\r\n\r\n linear-gradient(\r\n 0deg,\r\n\r\n rgba(7,27,61,.13) 0%,\r\n\r\n rgba(7,27,61,0) 32%\r\n );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FLOATING CARDS\r\n========================================================= *\/\r\n\r\n.cn-float-card{\r\n position:absolute;\r\n\r\n z-index:8;\r\n\r\n background:\r\n rgba(255,255,255,.94);\r\n\r\n backdrop-filter:\r\n blur(18px);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.85);\r\n\r\n box-shadow:\r\n 0 20px 60px rgba(5,22,48,.14);\r\n\r\n animation:\r\n floatCard 5s ease-in-out infinite;\r\n}\r\n\r\n@keyframes floatCard{\r\n\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-8px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* Inspection *\/\r\n\r\n.cn-card-inspection{\r\n top:18%;\r\n left:46%;\r\n\r\n width:195px;\r\n\r\n padding:17px;\r\n\r\n border-radius:13px;\r\n}\r\n\r\n.cn-card-label{\r\n display:flex;\r\n align-items:center;\r\n gap:8px;\r\n\r\n color:#344054;\r\n\r\n font-size:11px;\r\n font-weight:700;\r\n}\r\n\r\n.cn-card-status{\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#20b26b;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(32,178,107,.12);\r\n}\r\n\r\n.cn-card-big{\r\n margin-top:9px;\r\n\r\n color:var(--navy);\r\n\r\n font-size:18px;\r\n line-height:1.35;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.cn-card-small{\r\n margin-top:5px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* Package *\/\r\n\r\n.cn-card-package{\r\n bottom:14%;\r\n left:43%;\r\n\r\n display:flex;\r\n align-items:center;\r\n gap:13px;\r\n\r\n width:230px;\r\n\r\n padding:14px 16px;\r\n\r\n border-radius:13px;\r\n\r\n animation-delay:-2s;\r\n}\r\n\r\n.cn-package-icon{\r\n width:44px;\r\n height:44px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n background:\r\n rgba(255,59,10,.09);\r\n\r\n color:var(--orange);\r\n}\r\n\r\n.cn-package-icon svg{\r\n width:22px;\r\n height:22px;\r\n}\r\n\r\n.cn-package-info strong{\r\n display:block;\r\n\r\n color:#223653;\r\n\r\n font-size:12px;\r\n}\r\n\r\n.cn-package-info span{\r\n display:block;\r\n\r\n margin-top:4px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:10px;\r\n}\r\n\r\n\r\n\/* Destination stat *\/\r\n\r\n.cn-card-stat{\r\n top:42%;\r\n right:3.5%;\r\n\r\n width:160px;\r\n\r\n padding:18px;\r\n\r\n border-radius:13px;\r\n\r\n animation-delay:-1s;\r\n}\r\n\r\n.cn-stat-number{\r\n color:var(--orange);\r\n\r\n font-size:29px;\r\n\r\n line-height:1;\r\n\r\n font-weight:850;\r\n}\r\n\r\n.cn-stat-label{\r\n margin-top:8px;\r\n\r\n color:#667085;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.5;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n BUSINESS METRICS\r\n========================================================= *\/\r\n\r\n.cn-hero-bottom{\r\n position:absolute;\r\n\r\n right:4%;\r\n bottom:28px;\r\n\r\n z-index:11;\r\n}\r\n\r\n.cn-metrics{\r\n display:flex;\r\n align-items:center;\r\n\r\n padding:14px 8px;\r\n\r\n border-radius:13px;\r\n\r\n background:\r\n rgba(7,27,61,.89);\r\n\r\n backdrop-filter:\r\n blur(18px);\r\n\r\n box-shadow:\r\n 0 16px 40px rgba(4,17,37,.18);\r\n}\r\n\r\n.cn-metric{\r\n min-width:140px;\r\n\r\n padding:5px 20px;\r\n\r\n color:#ffffff;\r\n}\r\n\r\n.cn-metric + .cn-metric{\r\n border-left:\r\n 1px solid rgba(255,255,255,.17);\r\n}\r\n\r\n.cn-metric strong{\r\n display:block;\r\n\r\n font-size:20px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n.cn-metric span{\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:\r\n rgba(255,255,255,.62);\r\n\r\n font-size:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SCROLL\r\n========================================================= *\/\r\n\r\n.cn-scroll{\r\n position:absolute;\r\n\r\n left:50%;\r\n bottom:30px;\r\n\r\n z-index:12;\r\n\r\n transform:\r\n translateX(-50%);\r\n\r\n display:flex;\r\n flex-direction:column;\r\n align-items:center;\r\n gap:7px;\r\n\r\n color:#8995a6;\r\n\r\n font-size:9px;\r\n\r\n letter-spacing:1.4px;\r\n\r\n text-transform:uppercase;\r\n}\r\n\r\n.cn-scroll-line{\r\n position:relative;\r\n\r\n width:1px;\r\n height:28px;\r\n\r\n overflow:hidden;\r\n\r\n background:#d8dee8;\r\n}\r\n\r\n.cn-scroll-line::after{\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:-14px;\r\n left:0;\r\n\r\n width:1px;\r\n height:13px;\r\n\r\n background:var(--orange);\r\n\r\n animation:\r\n scrollDown 1.8s ease infinite;\r\n}\r\n\r\n@keyframes scrollDown{\r\n\r\n from{\r\n top:-14px;\r\n }\r\n\r\n to{\r\n top:30px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n .cn-hero-inner{\r\n width:calc(100% - 48px);\r\n }\r\n\r\n .cn-hero-copy{\r\n width:52%;\r\n }\r\n\r\n .cn-hero-title{\r\n font-size:62px;\r\n }\r\n\r\n .cn-hero-visual{\r\n width:59%;\r\n }\r\n\r\n .cn-card-stat{\r\n display:none;\r\n }\r\n\r\n .cn-trust-row{\r\n gap:20px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE \/ TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:850px){\r\n\r\n .cn-hero{\r\n min-height:1000px;\r\n\r\n height:auto;\r\n\r\n max-height:none;\r\n }\r\n\r\n .cn-hero-inner{\r\n width:100%;\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:\r\n 70px 24px 0;\r\n }\r\n\r\n .cn-hero-copy{\r\n width:100%;\r\n\r\n padding:0;\r\n }\r\n\r\n .cn-hero-title{\r\n font-size:62px;\r\n }\r\n\r\n .cn-hero-visual{\r\n position:relative;\r\n\r\n top:auto;\r\n right:auto;\r\n bottom:auto;\r\n\r\n width:calc(100% + 48px);\r\n\r\n height:500px;\r\n\r\n margin:\r\n 55px -24px 0;\r\n }\r\n\r\n .cn-visual-fade{\r\n background:\r\n\r\n linear-gradient(\r\n 180deg,\r\n\r\n #f8fafc 0%,\r\n\r\n rgba(248,250,252,.78) 12%,\r\n\r\n rgba(248,250,252,.15) 30%,\r\n\r\n rgba(248,250,252,0) 45%\r\n ),\r\n\r\n linear-gradient(\r\n 0deg,\r\n\r\n rgba(7,27,61,.18),\r\n\r\n rgba(7,27,61,0) 50%\r\n );\r\n }\r\n\r\n .cn-card-inspection{\r\n top:80px;\r\n left:24px;\r\n }\r\n\r\n .cn-card-package{\r\n left:auto;\r\n\r\n right:24px;\r\n bottom:28px;\r\n }\r\n\r\n .cn-hero-bottom{\r\n display:none;\r\n }\r\n\r\n .cn-scroll{\r\n display:none;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:620px){\r\n\r\n .cn-hero-inner{\r\n padding:\r\n 50px 18px 0;\r\n }\r\n\r\n .cn-eyebrow{\r\n margin-bottom:22px;\r\n }\r\n\r\n .cn-hero-title{\r\n font-size:47px;\r\n line-height:1.03;\r\n\r\n letter-spacing:-2.8px;\r\n }\r\n\r\n .cn-hero-title span::after{\r\n width:7px;\r\n height:7px;\r\n\r\n right:-10px;\r\n bottom:7px;\r\n }\r\n\r\n .cn-hero-services{\r\n margin-top:22px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n .cn-hero-description{\r\n font-size:13px;\r\n\r\n line-height:1.75;\r\n }\r\n\r\n .cn-hero-actions{\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n margin-top:27px;\r\n }\r\n\r\n .cn-primary-btn,\r\n .cn-secondary-btn{\r\n width:100%;\r\n }\r\n\r\n .cn-trust-row{\r\n gap:18px;\r\n\r\n overflow-x:auto;\r\n\r\n margin-top:34px;\r\n\r\n padding-bottom:5px;\r\n }\r\n\r\n .cn-trust-item{\r\n min-width:max-content;\r\n }\r\n\r\n .cn-trust-copy span{\r\n display:none;\r\n }\r\n\r\n .cn-hero-visual{\r\n width:calc(100% + 36px);\r\n\r\n height:420px;\r\n\r\n margin:\r\n 40px -18px 0;\r\n }\r\n\r\n .cn-card-inspection{\r\n width:170px;\r\n\r\n top:50px;\r\n left:18px;\r\n }\r\n\r\n .cn-card-package{\r\n width:200px;\r\n\r\n right:18px;\r\n bottom:18px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n\r\n\r\n\r\n<section class=\"cn-hero\">\r\n\r\n\r\n <div class=\"cn-hero-inner\">\r\n\r\n\r\n \r\n\r\n <div class=\"cn-hero-copy\">\r\n\r\n\r\n <div class=\"cn-eyebrow\">\r\n\r\n <span class=\"cn-eyebrow-dot\"><\/span>\r\n\r\n China Warehouse \u00b7 Global Fulfillment\r\n\r\n <\/div>\r\n\r\n\r\n <h1 class=\"cn-hero-title\">\r\n\r\n Your China<br>\r\n\r\n warehouse,<br>\r\n\r\n <span>handled<\/span>\r\n\r\n <\/h1>\r\n\r\n\r\n <div class=\"cn-hero-services\">\r\n\r\n Receiving \u00b7 Inspection \u00b7 Photo Proof \u00b7\r\n Consolidation \u00b7 Global Shipping\r\n\r\n <\/div>\r\n\r\n\r\n <p class=\"cn-hero-description\">\r\n\r\n Send your suppliers' packages to our China warehouse.\r\n We receive, inspect, photograph, consolidate and prepare\r\n everything for international delivery.\r\n\r\n <\/p>\r\n\r\n\r\n <div class=\"cn-hero-actions\">\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"https:\/\/www.cn-delivery.com\/contact\/\"\r\n class=\"cn-primary-btn\"\r\n >\r\n\r\n Get a shipping quote\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m13 6 6 6-6 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n \r\n\r\n <a\r\n href=\"https:\/\/www.cn-delivery.com\/china-warehouse\/\"\r\n class=\"cn-secondary-btn\"\r\n >\r\n\r\n See how it works\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m13 6 6 6-6 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/a>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-trust-row\">\r\n\r\n\r\n <div class=\"cn-trust-item\">\r\n\r\n <div class=\"cn-trust-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke-width=\"1.7\">\r\n\r\n <path d=\"M12 3 5 6v5c0 4.7 2.8 8 7 10 4.2-2 7-5.3 7-10V6l-7-3Z\"\/>\r\n\r\n <path d=\"m9 12 2 2 4-5\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-trust-copy\">\r\n\r\n <strong>\r\n Quality checked\r\n <\/strong>\r\n\r\n <span>\r\n Every package received\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-trust-item\">\r\n\r\n <div class=\"cn-trust-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke-width=\"1.7\">\r\n\r\n <rect\r\n x=\"3\"\r\n y=\"6\"\r\n width=\"18\"\r\n height=\"14\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <path d=\"m8 6 1.3-2h5.4L16 6\"\/>\r\n\r\n <circle\r\n cx=\"12\"\r\n cy=\"13\"\r\n r=\"4\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-trust-copy\">\r\n\r\n <strong>\r\n Photo proof\r\n <\/strong>\r\n\r\n <span>\r\n See what arrived\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-trust-item\">\r\n\r\n <div class=\"cn-trust-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke-width=\"1.7\">\r\n\r\n <circle\r\n cx=\"12\"\r\n cy=\"12\"\r\n r=\"9\"\r\n \/>\r\n\r\n <path d=\"M3 12h18\"\/>\r\n\r\n <path d=\"M12 3c2.5 2.6 4 5.7 4 9s-1.5 6.4-4 9\"\/>\r\n\r\n <path d=\"M12 3c-2.5 2.6-4 5.7-4 9s1.5 6.4 4 9\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-trust-copy\">\r\n\r\n <strong>\r\n Worldwide shipping\r\n <\/strong>\r\n\r\n <span>\r\n Multiple delivery routes\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-hero-visual\">\r\n\r\n\r\n <img decoding=\"async\"\r\n class=\"cn-warehouse-image\"\r\n\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/09\/cn-delivery-warehouse-300kb.jpg\"\r\n\r\n alt=\"China warehouse inspection packing and international shipping service\"\r\n >\r\n\r\n\r\n <div class=\"cn-visual-fade\"><\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-card cn-card-inspection\">\r\n\r\n\r\n <div class=\"cn-card-label\">\r\n\r\n <span class=\"cn-card-status\"><\/span>\r\n\r\n Warehouse status\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-card-big\">\r\n\r\n Inspection complete\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-card-small\">\r\n\r\n Photos ready for review\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-card cn-card-package\">\r\n\r\n\r\n <div class=\"cn-package-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"m4 7 8-4 8 4-8 4-8-4Z\"\/>\r\n\r\n <path d=\"M4 7v10l8 4 8-4V7\"\/>\r\n\r\n <path d=\"M12 11v10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-package-info\">\r\n\r\n <strong>\r\n Package received\r\n <\/strong>\r\n\r\n <span>\r\n China warehouse \u00b7 Just now\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-card cn-card-stat\">\r\n\r\n\r\n <div class=\"cn-stat-number\">\r\n\r\n 50+\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-stat-label\">\r\n\r\n Global destinations supported by our shipping network\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-hero-bottom\">\r\n\r\n\r\n <div class=\"cn-metrics\">\r\n\r\n\r\n <div class=\"cn-metric\">\r\n\r\n <strong>\r\n 24h\r\n <\/strong>\r\n\r\n <span>\r\n Receiving processing\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-metric\">\r\n\r\n <strong>\r\n 30 days\r\n <\/strong>\r\n\r\n <span>\r\n Free warehouse storage\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-metric\">\r\n\r\n <strong>\r\n 50+\r\n <\/strong>\r\n\r\n <span>\r\n Shipping destinations\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-scroll\">\r\n\r\n Scroll\r\n\r\n <div class=\"cn-scroll-line\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ec8dfaf e-con e-atomic-element e-flexbox-base e-default-div e-4dfcb07 \" data-id=\"ec8dfaf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ec8dfaf\" data-e-type=\"e-flexbox\" data-id=\"ec8dfaf\">\n <div class=\"elementor-element elementor-element-0d25bb7 e-flex e-con-boxed e-con e-parent\" data-id=\"0d25bb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5f4bfd2 elementor-widget elementor-widget-html\" data-id=\"5f4bfd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-check-screen\">\r\n\r\n <div class=\"cn-check-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-check-head\">\r\n\r\n <div class=\"cn-check-eyebrow\">\r\n BEFORE IT LEAVES CHINA\r\n <\/div>\r\n\r\n <h2>\r\n Don't ship blind.\r\n <span>See it first.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Send purchases from 1688, suppliers or factories to our China warehouse.\r\n We help you see, check and confirm the goods before international shipping.\r\n<\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-check-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-side-card cn-left-card\">\r\n\r\n \r\n\r\n <div class=\"cn-side-heading\">\r\n\r\n <div class=\"cn-card-number\">\r\n 01\r\n <\/div>\r\n\r\n <div class=\"cn-card-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"m4 7 8-4 8 4-8 4-8-4Z\"\/>\r\n <path d=\"M4 7v10l8 4 8-4V7\"\/>\r\n <path d=\"M12 11v10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-label\">\r\n GOODS ARRIVE\r\n <\/div>\r\n\r\n <h3>\r\n Send everything to one China warehouse.\r\n <\/h3>\r\n\r\n <p>\r\n Orders from different sellers, factories or platforms\r\n can all arrive at the same warehouse.\r\n <\/p>\r\n\r\n\r\n <div class=\"cn-source-tags\">\r\n\r\n <span>1688<\/span>\r\n <span>Taobao<\/span>\r\n <span>Factories<\/span>\r\n <span>Suppliers<\/span>\r\n <span>Samples<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-receiving-panel\">\r\n\r\n <div class=\"cn-receiving-status\">\r\n\r\n <span class=\"cn-live-dot\"><\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n WAREHOUSE RECEIVING\r\n <\/small>\r\n\r\n <strong>\r\n Multiple parcels arriving\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-receiving-list\">\r\n\r\n\r\n <div class=\"cn-receiving-row\">\r\n\r\n <div class=\"cn-row-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Supplier parcel received\r\n <\/strong>\r\n\r\n <small>\r\n Checked into warehouse\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-receiving-row\">\r\n\r\n <div class=\"cn-row-check\">\r\n \u2713\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Marketplace order received\r\n <\/strong>\r\n\r\n <small>\r\n Ready for inspection\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-receiving-row\">\r\n\r\n <div class=\"cn-row-check pending\"><\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Factory sample incoming\r\n <\/strong>\r\n\r\n <small>\r\n Awaiting delivery\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-panel-foot\">\r\n\r\n <span>\r\n ONE RECEIVING POINT\r\n <\/span>\r\n\r\n <strong>\r\n For all your China orders.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-center-card\">\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"cn-center-image\"\r\n style=\"\r\n background-image:\r\n url(https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/e7236b0d-8ec1-4ee2-8dad-1d589a5681f3.png);\r\n \">\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-center-overlay\"><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-center-top\">\r\n\r\n <div>\r\n\r\n <div class=\"cn-center-number\">\r\n 02\r\n <\/div>\r\n\r\n <div class=\"cn-center-label\">\r\n YOU SEE EVERYTHING\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-warehouse-update\">\r\n\r\n <i><\/i>\r\n\r\n Warehouse update\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-box cn-photo-box\">\r\n\r\n <div class=\"cn-photo-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <rect\r\n x=\"3\"\r\n y=\"6\"\r\n width=\"18\"\r\n height=\"14\"\r\n rx=\"2\"\r\n \/>\r\n\r\n <circle\r\n cx=\"12\"\r\n cy=\"13\"\r\n r=\"4\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <small>\r\n PHOTO PROOF\r\n <\/small>\r\n\r\n <strong>\r\n 12 photos uploaded\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-float-box cn-video-box\">\r\n\r\n <div class=\"cn-video-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\">\r\n\r\n <path d=\"M8 5v14l11-7z\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div>\r\n\r\n <small>\r\n VIDEO CHECK\r\n <\/small>\r\n\r\n <strong>\r\n Ready to review\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-center-copy\">\r\n\r\n <div class=\"cn-orange-rule\"><\/div>\r\n\r\n <h3>\r\n Your eyes inside our warehouse.\r\n <\/h3>\r\n\r\n <p>\r\n Photos, videos and basic inspection based on\r\n the details you want us to check.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-side-card cn-right-card\">\r\n\r\n \r\n\r\n <div class=\"cn-side-heading\">\r\n\r\n <div class=\"cn-card-number\">\r\n 03\r\n <\/div>\r\n\r\n <div class=\"cn-card-icon cn-orange-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-label\">\r\n YOU DECIDE\r\n <\/div>\r\n\r\n <h3>\r\n Nothing ships until you're ready.\r\n <\/h3>\r\n\r\n <p>\r\n Review what arrived and choose what should happen next.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-decision-panel\">\r\n\r\n\r\n <div class=\"cn-decision-list\">\r\n\r\n\r\n <div class=\"cn-decision-row active\">\r\n\r\n <span>\r\n 01\r\n <\/span>\r\n\r\n <strong>\r\n Repack\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-decision-row\">\r\n\r\n <span>\r\n 02\r\n <\/span>\r\n\r\n <strong>\r\n Consolidate\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-decision-row\">\r\n\r\n <span>\r\n 03\r\n <\/span>\r\n\r\n <strong>\r\n Hold\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-decision-row\">\r\n\r\n <span>\r\n 04\r\n <\/span>\r\n\r\n <strong>\r\n Ship\r\n <\/strong>\r\n\r\n <i><\/i>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-approved-box\">\r\n\r\n <div class=\"cn-approved-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <small>\r\n CUSTOMER DECISION\r\n <\/small>\r\n\r\n <strong>\r\n Approved to ship\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-panel-foot\">\r\n\r\n <span>\r\n YOU STAY IN CONTROL\r\n <\/span>\r\n\r\n <strong>\r\n Until the shipment leaves China.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-bottom-process\">\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Receive\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Photograph\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Inspect\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step active\">\r\n <i><\/i>\r\n You Approve\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Repack\r\n <\/div>\r\n\r\n <span><\/span>\r\n\r\n\r\n <div class=\"cn-bottom-step\">\r\n <i><\/i>\r\n Ship Worldwide\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-check-screen{\r\n\r\n --navy:#0b1a3c;\r\n --navy2:#13244a;\r\n --orange:#f4512c;\r\n\r\n width:100%;\r\n\r\n height:100vh;\r\n height:100svh;\r\n\r\n min-height:720px;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 85% 5%,\r\n rgba(244,81,44,.08),\r\n transparent 29%\r\n ),\r\n\r\n linear-gradient(\r\n 120deg,\r\n #0b1a3c,\r\n #121f44\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n\r\n.cn-check-inner{\r\n\r\n width:min(\r\n calc(100% - 80px),\r\n 1440px\r\n );\r\n\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n padding:\r\n 32px\r\n 0\r\n 20px;\r\n\r\n display:grid;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n 52px;\r\n\r\n gap:22px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TOP\r\n========================================================= *\/\r\n\r\n.cn-check-head{\r\n\r\n width:100%;\r\n\r\n max-width:980px;\r\n\r\n margin:auto;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-check-eyebrow{\r\n\r\n margin-bottom:10px;\r\n\r\n color:#ff6845;\r\n\r\n font-size:12px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n}\r\n\r\n\r\n.cn-check-head h2{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(48px,4vw,66px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-check-head h2 span{\r\n\r\n color:#f4512c;\r\n}\r\n\r\n\r\n\/* \u2605 \u653e\u5927\u9876\u90e8\u8bf4\u660e *\/\r\n\r\n.cn-check-head p{\r\n\r\n max-width:860px;\r\n\r\n margin:\r\n 17px\r\n auto\r\n 0;\r\n\r\n color:\r\n rgba(255,255,255,.82);\r\n\r\n font-size:16px;\r\n\r\n line-height:1.55;\r\n\r\n font-weight:450;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n GRID\r\n========================================================= *\/\r\n\r\n.cn-check-grid{\r\n\r\n min-height:0;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n .84fr\r\n 1.26fr\r\n .84fr;\r\n\r\n gap:22px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SIDE CARDS\r\n========================================================= *\/\r\n\r\n.cn-side-card{\r\n\r\n min-height:0;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 24px 65px rgba(0,0,0,.20);\r\n\r\n transition:\r\n transform .35s ease,\r\n box-shadow .35s ease;\r\n}\r\n\r\n\r\n.cn-side-card:hover{\r\n\r\n transform:\r\n translateY(-5px);\r\n\r\n box-shadow:\r\n 0 32px 80px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SIDE HEADING\r\n\r\n \u6574\u4f53\u5f80\u4e0b\u79fb\r\n========================================================= *\/\r\n\r\n.cn-side-heading{\r\n\r\n flex:0 0 auto;\r\n\r\n padding:\r\n 31px\r\n 27px\r\n 19px;\r\n}\r\n\r\n\r\n.cn-card-number{\r\n\r\n color:#9ba7b6;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-card-icon{\r\n\r\n width:46px;\r\n height:46px;\r\n\r\n margin-top:18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:12px;\r\n\r\n color:#102243;\r\n\r\n background:#f3f6fa;\r\n}\r\n\r\n\r\n.cn-card-icon svg{\r\n\r\n width:22px;\r\n height:22px;\r\n}\r\n\r\n\r\n.cn-orange-icon{\r\n\r\n color:#ffffff;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 9px 24px rgba(244,81,44,.24);\r\n}\r\n\r\n\r\n.cn-card-label{\r\n\r\n margin-top:18px;\r\n\r\n color:#f4512c;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n\r\n\/* \u2605 \u5de6\u53f3 H3 \u76f4\u63a5\u653e\u5927 *\/\r\n\r\n.cn-side-heading h3{\r\n\r\n margin:\r\n 12px\r\n 0\r\n 0;\r\n\r\n color:#102243;\r\n\r\n font-size:\r\n clamp(27px,1.75vw,32px);\r\n\r\n line-height:1.08;\r\n\r\n letter-spacing:-1px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n\r\n\/* \u2605 \u5de6\u53f3\u8bf4\u660e\u653e\u5927 *\/\r\n\r\n.cn-side-heading p{\r\n\r\n margin:\r\n 13px\r\n 0\r\n 0;\r\n\r\n color:#69778c;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.55;\r\n\r\n font-weight:450;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SOURCE TAGS\r\n========================================================= *\/\r\n\r\n.cn-source-tags{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-top:17px;\r\n}\r\n\r\n\r\n.cn-source-tags span{\r\n\r\n padding:\r\n 8px\r\n 11px;\r\n\r\n border-radius:999px;\r\n\r\n color:#41526b;\r\n\r\n background:#f8fafc;\r\n\r\n border:\r\n 1px solid #e2e8f0;\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n\r\n animation:\r\n sourceFloat\r\n 4s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-source-tags span:nth-child(2){\r\n animation-delay:-.5s;\r\n}\r\n\r\n.cn-source-tags span:nth-child(3){\r\n animation-delay:-1s;\r\n}\r\n\r\n.cn-source-tags span:nth-child(4){\r\n animation-delay:-1.5s;\r\n}\r\n\r\n.cn-source-tags span:nth-child(5){\r\n animation-delay:-2s;\r\n}\r\n\r\n\r\n@keyframes sourceFloat{\r\n\r\n 0%,100%{\r\n transform:translateY(0);\r\n }\r\n\r\n 50%{\r\n transform:translateY(-3px);\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT RECEIVING PANEL\r\n\r\n Fill all remaining space.\r\n========================================================= *\/\r\n\r\n.cn-receiving-panel{\r\n\r\n flex:1;\r\n\r\n min-height:0;\r\n\r\n margin:\r\n 0\r\n 20px\r\n 20px;\r\n\r\n padding:\r\n 16px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #f8fafc,\r\n #f2f5f9\r\n );\r\n\r\n border:\r\n 1px solid #e6ebf1;\r\n}\r\n\r\n\r\n\r\n\/* STATUS *\/\r\n\r\n.cn-receiving-status{\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 14px\r\n 15px;\r\n\r\n border-radius:11px;\r\n\r\n color:#ffffff;\r\n\r\n background:#102243;\r\n}\r\n\r\n\r\n.cn-live-dot{\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#55cb82;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(85,203,130,.15);\r\n\r\n animation:\r\n greenPulse\r\n 1.7s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n@keyframes greenPulse{\r\n\r\n 50%{\r\n\r\n box-shadow:\r\n 0 0 0 9px\r\n rgba(85,203,130,.04);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-receiving-status small{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px;\r\n\r\n color:\r\n rgba(255,255,255,.58);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-receiving-status strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.25;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT ROWS\r\n========================================================= *\/\r\n\r\n.cn-receiving-list{\r\n\r\n flex:1;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n\r\n margin-top:8px;\r\n}\r\n\r\n\r\n.cn-receiving-row{\r\n\r\n flex:1;\r\n\r\n min-height:54px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 8px\r\n 3px;\r\n\r\n border-bottom:\r\n 1px solid #dde4eb;\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease;\r\n}\r\n\r\n\r\n.cn-receiving-row:last-child{\r\n\r\n border-bottom:none;\r\n}\r\n\r\n\r\n.cn-receiving-row:hover{\r\n\r\n transform:\r\n translateX(5px);\r\n}\r\n\r\n\r\n.cn-row-check{\r\n\r\n width:28px;\r\n height:28px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#79c993;\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-row-check.pending{\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 2px solid #c7d0dc;\r\n}\r\n\r\n\r\n.cn-receiving-row strong{\r\n\r\n display:block;\r\n\r\n color:#304157;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.25;\r\n}\r\n\r\n\r\n.cn-receiving-row small{\r\n\r\n display:block;\r\n\r\n margin-top:3px;\r\n\r\n color:#8794a5;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.25;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n PANEL FOOT\r\n========================================================= *\/\r\n\r\n.cn-panel-foot{\r\n\r\n flex:0 0 auto;\r\n\r\n padding-top:13px;\r\n\r\n border-top:\r\n 1px solid #dce3eb;\r\n}\r\n\r\n\r\n.cn-panel-foot span{\r\n\r\n display:block;\r\n\r\n color:#8996a7;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.15px;\r\n}\r\n\r\n\r\n.cn-panel-foot strong{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#102243;\r\n\r\n font-size:14px;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CENTER\r\n========================================================= *\/\r\n\r\n.cn-center-card{\r\n\r\n position:relative;\r\n\r\n min-height:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #1a315c,\r\n #0c1a3b\r\n );\r\n\r\n box-shadow:\r\n 0 25px 70px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n.cn-center-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n background-repeat:no-repeat;\r\n\r\n transform:scale(1.02);\r\n\r\n transition:\r\n transform\r\n 1s\r\n ease;\r\n}\r\n\r\n\r\n.cn-center-card:hover\r\n.cn-center-image{\r\n\r\n transform:\r\n scale(1.055);\r\n}\r\n\r\n\r\n.cn-center-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n\r\n linear-gradient(\r\n 180deg,\r\n rgba(5,17,40,.18),\r\n rgba(5,17,40,.02) 40%,\r\n rgba(5,17,40,.88) 100%\r\n );\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CENTER TOP\r\n========================================================= *\/\r\n\r\n.cn-center-top{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n top:27px;\r\n left:29px;\r\n right:29px;\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n align-items:flex-start;\r\n}\r\n\r\n\r\n.cn-center-number{\r\n\r\n color:\r\n rgba(255,255,255,.75);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n.cn-center-label{\r\n\r\n margin-top:9px;\r\n\r\n color:\r\n rgba(255,255,255,.9);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n.cn-warehouse-update{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n padding:\r\n 9px\r\n 12px;\r\n\r\n border-radius:999px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n rgba(8,25,57,.74);\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.2);\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-warehouse-update i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#5ed08b;\r\n\r\n box-shadow:\r\n 0 0 0 5px\r\n rgba(94,208,139,.15);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FLOAT BOXES\r\n========================================================= *\/\r\n\r\n.cn-float-box{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 13px\r\n 15px;\r\n\r\n border-radius:12px;\r\n\r\n background:\r\n rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 14px 34px\r\n rgba(0,0,0,.17);\r\n\r\n animation:\r\n floatInfo\r\n 4.5s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-video-box{\r\n\r\n animation-delay:-2s;\r\n}\r\n\r\n\r\n@keyframes floatInfo{\r\n\r\n 50%{\r\n\r\n transform:\r\n translateY(-7px);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-float-box small{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:#8290a4;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-float-box strong{\r\n\r\n display:block;\r\n\r\n color:#122544;\r\n\r\n font-size:12px;\r\n}\r\n\r\n\r\n.cn-photo-icon,\r\n.cn-video-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-photo-icon{\r\n\r\n border-radius:9px;\r\n\r\n color:#f4512c;\r\n\r\n background:#fff0ec;\r\n}\r\n\r\n\r\n.cn-photo-icon svg{\r\n\r\n width:18px;\r\n}\r\n\r\n\r\n.cn-video-icon{\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#102243;\r\n}\r\n\r\n\r\n.cn-video-icon svg{\r\n\r\n width:14px;\r\n}\r\n\r\n\r\n.cn-photo-box{\r\n\r\n top:110px;\r\n left:30px;\r\n}\r\n\r\n\r\n.cn-video-box{\r\n\r\n top:44%;\r\n right:29px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CENTER COPY\r\n\r\n \u2605 \u653e\u5927\r\n========================================================= *\/\r\n\r\n.cn-center-copy{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n left:32px;\r\n right:32px;\r\n bottom:30px;\r\n\r\n max-width:500px;\r\n}\r\n\r\n\r\n.cn-orange-rule{\r\n\r\n width:44px;\r\n height:4px;\r\n\r\n margin-bottom:14px;\r\n\r\n border-radius:99px;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-center-copy h3{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(36px,2.5vw,46px);\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-1.6px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n.cn-center-copy p{\r\n\r\n max-width:500px;\r\n\r\n margin-top:12px;\r\n\r\n color:\r\n rgba(255,255,255,.88);\r\n\r\n font-size:14px;\r\n\r\n line-height:1.5;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n RIGHT DECISION PANEL\r\n========================================================= *\/\r\n\r\n.cn-decision-panel{\r\n\r\n flex:1;\r\n\r\n min-height:0;\r\n\r\n margin:\r\n 0\r\n 20px\r\n 20px;\r\n\r\n padding:\r\n 16px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n border-radius:15px;\r\n\r\n border:\r\n 1px solid #e6ebf1;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n #f8fafc,\r\n #f2f5f9\r\n );\r\n}\r\n\r\n\r\n.cn-decision-list{\r\n\r\n flex:1;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-decision-row{\r\n\r\n flex:1;\r\n\r\n min-height:50px;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 34px\r\n 1fr\r\n 14px;\r\n\r\n align-items:center;\r\n\r\n padding:\r\n 4px\r\n 7px;\r\n\r\n border-bottom:\r\n 1px solid #dde4eb;\r\n\r\n color:#4e5f74;\r\n\r\n transition:\r\n background .25s ease,\r\n padding .25s ease;\r\n}\r\n\r\n\r\n.cn-decision-row:last-child{\r\n\r\n border-bottom:none;\r\n}\r\n\r\n\r\n.cn-decision-row span{\r\n\r\n color:#9da9b7;\r\n\r\n font-size:10px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-decision-row strong{\r\n\r\n font-size:13px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-decision-row i{\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n justify-self:end;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid #b8c3d0;\r\n}\r\n\r\n\r\n.cn-decision-row.active{\r\n\r\n padding:\r\n 4px\r\n 12px;\r\n\r\n color:#102243;\r\n\r\n border-radius:9px;\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 6px 18px\r\n rgba(7,27,61,.05);\r\n}\r\n\r\n\r\n.cn-decision-row.active i{\r\n\r\n background:#f4512c;\r\n\r\n border-color:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 5px\r\n rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n APPROVED\r\n========================================================= *\/\r\n\r\n.cn-approved-box{\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n margin-top:13px;\r\n\r\n padding:\r\n 14px\r\n 15px;\r\n\r\n border-radius:12px;\r\n\r\n background:#102243;\r\n\r\n box-shadow:\r\n 0 12px 28px\r\n rgba(7,27,61,.15);\r\n}\r\n\r\n\r\n.cn-approved-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-approved-icon svg{\r\n\r\n width:19px;\r\n}\r\n\r\n\r\n.cn-approved-box small{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:\r\n rgba(255,255,255,.6);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-approved-box strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:13px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM PROCESS\r\n \u2605 \u6574\u4f53\u5b57\u4f53\u660e\u663e\u653e\u5927\r\n========================================================= *\/\r\n\r\n.cn-bottom-process{\r\n\r\n height:52px;\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n}\r\n\r\n\r\n.cn-bottom-step{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n color:\r\n rgba(255,255,255,.86);\r\n\r\n font-size:14px;\r\n\r\n font-weight:750;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n.cn-bottom-step i{\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 1px solid\r\n rgba(255,255,255,.58);\r\n}\r\n\r\n\r\n.cn-bottom-step.active{\r\n\r\n color:#ffffff;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-bottom-step.active i{\r\n\r\n width:11px;\r\n height:11px;\r\n\r\n background:#f4512c;\r\n\r\n border-color:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 7px\r\n rgba(244,81,44,.16);\r\n}\r\n\r\n\r\n.cn-bottom-process > span{\r\n\r\n width:\r\n clamp(30px,3vw,48px);\r\n\r\n height:1px;\r\n\r\n margin:\r\n 0\r\n 14px;\r\n\r\n background:\r\n rgba(255,255,255,.33);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n ELEMENTOR \/ SHORT SCREEN\r\n\r\n \u8fd9\u91cc\u53ea\u7f29\u95f4\u8ddd\uff0c\u4e0d\u518d\u628a\u5173\u952e\u5b57\u4f53\u7f29\u5c0f\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:800px)\r\nand\r\n(min-width:761px){\r\n\r\n .cn-check-inner{\r\n\r\n padding:\r\n 18px\r\n 0\r\n 12px;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n 44px;\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n .cn-check-head h2{\r\n\r\n font-size:\r\n clamp(42px,3.5vw,55px);\r\n }\r\n\r\n\r\n .cn-check-head p{\r\n\r\n margin-top:8px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-check-eyebrow{\r\n\r\n margin-bottom:6px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .cn-side-heading{\r\n\r\n padding:\r\n 19px\r\n 20px\r\n 12px;\r\n }\r\n\r\n\r\n .cn-card-icon{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n margin-top:8px;\r\n }\r\n\r\n\r\n .cn-card-label{\r\n\r\n margin-top:9px;\r\n }\r\n\r\n\r\n .cn-side-heading h3{\r\n\r\n margin-top:7px;\r\n\r\n font-size:24px;\r\n }\r\n\r\n\r\n .cn-side-heading p{\r\n\r\n margin-top:7px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-source-tags{\r\n\r\n margin-top:9px;\r\n }\r\n\r\n\r\n .cn-source-tags span{\r\n\r\n padding:\r\n 5px\r\n 8px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .cn-receiving-panel,\r\n .cn-decision-panel{\r\n\r\n margin:\r\n 0\r\n 14px\r\n 14px;\r\n\r\n padding:10px;\r\n }\r\n\r\n\r\n .cn-receiving-status{\r\n\r\n padding:\r\n 9px\r\n 11px;\r\n }\r\n\r\n\r\n .cn-receiving-row{\r\n\r\n min-height:41px;\r\n }\r\n\r\n\r\n .cn-receiving-row strong{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .cn-decision-row{\r\n\r\n min-height:38px;\r\n }\r\n\r\n\r\n .cn-approved-box{\r\n\r\n margin-top:8px;\r\n\r\n padding:\r\n 9px\r\n 11px;\r\n }\r\n\r\n\r\n .cn-approved-icon{\r\n\r\n width:34px;\r\n height:34px;\r\n }\r\n\r\n\r\n .cn-panel-foot{\r\n\r\n padding-top:8px;\r\n }\r\n\r\n\r\n .cn-center-copy h3{\r\n\r\n font-size:36px;\r\n }\r\n\r\n\r\n .cn-center-copy p{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-bottom-step{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-bottom-process > span{\r\n\r\n margin:\r\n 0\r\n 10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-check-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-check-grid{\r\n\r\n grid-template-columns:\r\n .9fr\r\n 1.15fr\r\n .9fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .cn-side-heading h3{\r\n\r\n font-size:24px;\r\n }\r\n\r\n\r\n .cn-bottom-step{\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .cn-bottom-process > span{\r\n\r\n width:24px;\r\n\r\n margin:\r\n 0\r\n 8px;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-check-screen{\r\n\r\n height:auto;\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n padding:\r\n 65px\r\n 0;\r\n }\r\n\r\n\r\n .cn-check-inner{\r\n\r\n width:\r\n calc(100% - 32px);\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .cn-check-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:35px;\r\n }\r\n\r\n\r\n .cn-check-head h2{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .cn-check-head p{\r\n\r\n margin-left:0;\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-check-grid{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:15px;\r\n }\r\n\r\n\r\n .cn-side-card{\r\n\r\n min-height:600px;\r\n }\r\n\r\n\r\n .cn-center-card{\r\n\r\n order:-1;\r\n\r\n height:520px;\r\n }\r\n\r\n\r\n .cn-side-heading h3{\r\n\r\n font-size:29px;\r\n }\r\n\r\n\r\n .cn-side-heading p{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-bottom-process{\r\n\r\n margin-top:28px;\r\n\r\n justify-content:flex-start;\r\n\r\n overflow-x:auto;\r\n\r\n padding:\r\n 10px\r\n 3px;\r\n }\r\n\r\n\r\n .cn-bottom-step{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-bottom-process > span{\r\n\r\n width:25px;\r\n\r\n min-width:25px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n DECISION AUTO SWITCH\r\n========================================================= *\/\r\n\r\ndocument\r\n.querySelectorAll(\".cn-right-card\")\r\n.forEach(function(card){\r\n\r\n const rows =\r\n card.querySelectorAll(\r\n \".cn-decision-row\"\r\n );\r\n\r\n let index = 0;\r\n\r\n\r\n setInterval(function(){\r\n\r\n rows.forEach(function(row){\r\n\r\n row.classList.remove(\r\n \"active\"\r\n );\r\n\r\n });\r\n\r\n\r\n rows[index]\r\n .classList.add(\r\n \"active\"\r\n );\r\n\r\n\r\n index++;\r\n\r\n\r\n if(index >= rows.length){\r\n\r\n index = 0;\r\n\r\n }\r\n\r\n },1800);\r\n\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-16d404a e-con e-atomic-element e-flexbox-base e-default-div e-6d8b7d2 \" data-id=\"16d404a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"16d404a\" data-e-type=\"e-flexbox\" data-id=\"16d404a\">\n <div class=\"elementor-element elementor-element-d425445 e-flex e-con-boxed e-con e-parent\" data-id=\"d425445\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b57848 elementor-widget elementor-widget-html\" data-id=\"7b57848\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-route-screen\">\r\n\r\n <div class=\"cn-route-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-route-head\">\r\n\r\n <div class=\"cn-route-eyebrow\">\r\n AFTER YOUR APPROVAL\r\n <\/div>\r\n\r\n <h2>\r\n Packed right.\r\n <span>Routed smarter.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n Once your goods are approved, we prepare the shipment and match it with\r\n a suitable route based on product type, destination, weight, volume\r\n and delivery priority.\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-main\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-packing-card\">\r\n\r\n <div\r\n class=\"cn-packing-image\"\r\n style=\"\r\n background-image:\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/b912dfd0055e01e416a2e7a293a4b460.jpg');\r\n \">\r\n <\/div>\r\n\r\n <div class=\"cn-packing-overlay\"><\/div>\r\n\r\n\r\n <div class=\"cn-packing-top\">\r\n\r\n <div>\r\n\r\n <span class=\"cn-mini-label\">\r\n PACKING COMPLETE\r\n <\/span>\r\n\r\n <h3>\r\n Ready for international shipping.\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-ready-badge\">\r\n\r\n <i><\/i>\r\n\r\n Ready\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-pack-tag cn-pack-tag-1\">\r\n Repacked\r\n <\/div>\r\n\r\n <div class=\"cn-pack-tag cn-pack-tag-2\">\r\n Protected\r\n <\/div>\r\n\r\n <div class=\"cn-pack-tag cn-pack-tag-3\">\r\n Consolidated\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-packing-bottom\">\r\n\r\n <div class=\"cn-orange-line\"><\/div>\r\n\r\n <strong>\r\n Built around the goods,\r\n not a fixed box.\r\n <\/strong>\r\n\r\n <p>\r\n We can remove unnecessary outer packaging, reinforce weak cartons,\r\n add protection and consolidate parcels when practical.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-arrow\">\r\n\r\n <div class=\"cn-arrow-circle\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"M5 12h14\"\/>\r\n <path d=\"m14 7 5 5-5 5\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <span>\r\n ROUTE MATCHING\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-route-panel\">\r\n\r\n <div class=\"cn-route-panel-head\">\r\n\r\n <div>\r\n\r\n <span>\r\n SMART ROUTE SELECTION\r\n <\/span>\r\n\r\n <h3>\r\n We match the route\r\n to the shipment.\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-route-live\">\r\n\r\n <i><\/i>\r\n\r\n Matching\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-factors\">\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>01<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n PRODUCT\r\n <\/small>\r\n\r\n <strong id=\"cn-product\">\r\n General Cargo\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>02<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n DESTINATION\r\n <\/small>\r\n\r\n <strong id=\"cn-destination\">\r\n Germany\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>03<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n WEIGHT\r\n <\/small>\r\n\r\n <strong id=\"cn-weight\">\r\n 28 kg\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-factor\">\r\n\r\n <span>04<\/span>\r\n\r\n <div>\r\n\r\n <small>\r\n PRIORITY\r\n <\/small>\r\n\r\n <strong id=\"cn-priority\">\r\n Balanced\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-result\">\r\n\r\n <div class=\"cn-route-result-label\">\r\n RECOMMENDED ROUTE\r\n <\/div>\r\n\r\n <div class=\"cn-route-result-row\">\r\n\r\n <div>\r\n\r\n <strong id=\"cn-route-name\">\r\n DDP Air Line\r\n <\/strong>\r\n\r\n <p id=\"cn-route-text\">\r\n Balanced speed and cost for general cargo.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-check\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"2\">\r\n\r\n <path d=\"m5 12 4 4L19 6\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-meta\">\r\n\r\n <span>\r\n Product type\r\n <\/span>\r\n\r\n <span>\r\n Weight \/ volume\r\n <\/span>\r\n\r\n <span>\r\n Destination\r\n <\/span>\r\n\r\n <span>\r\n Delivery priority\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-route-options\">\r\n\r\n <div class=\"cn-route-option active\">\r\n\r\n <span>01<\/span>\r\n\r\n <strong>\r\n Air Freight\r\n <\/strong>\r\n\r\n <small>\r\n Faster transit\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>02<\/span>\r\n\r\n <strong>\r\n DDP Shipping\r\n <\/strong>\r\n\r\n <small>\r\n Door-to-door\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>03<\/span>\r\n\r\n <strong>\r\n Sea Freight\r\n <\/strong>\r\n\r\n <small>\r\n Heavy cargo\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>04<\/span>\r\n\r\n <strong>\r\n Battery Shipping\r\n <\/strong>\r\n\r\n <small>\r\n Special handling\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>05<\/span>\r\n\r\n <strong>\r\n Sensitive Goods\r\n <\/strong>\r\n\r\n <small>\r\n Dedicated route\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-route-option\">\r\n\r\n <span>06<\/span>\r\n\r\n <strong>\r\n Oversized Cargo\r\n <\/strong>\r\n\r\n <small>\r\n Custom solution\r\n <\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-route-screen{\r\n\r\n --navy:#071b3d;\r\n --navy2:#11294f;\r\n --orange:#f4512c;\r\n --muted:#667085;\r\n --line:#e4e9ef;\r\n\r\n width:100%;\r\n\r\n height:100vh;\r\n height:100svh;\r\n\r\n min-height:760px;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 85% 18%,\r\n rgba(244,81,44,.07),\r\n transparent 28%\r\n ),\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f5f7fa 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n.cn-route-inner{\r\n\r\n width:min(\r\n calc(100% - 80px),\r\n 1440px\r\n );\r\n\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n padding:\r\n 46px 0 28px;\r\n\r\n display:grid;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n auto;\r\n\r\n row-gap:28px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEAD\r\n========================================================= *\/\r\n\r\n.cn-route-head{\r\n\r\n max-width:900px;\r\n\r\n margin:auto;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-route-eyebrow{\r\n\r\n margin-bottom:11px;\r\n\r\n color:#f4512c;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.8px;\r\n}\r\n\r\n\r\n.cn-route-head h2{\r\n\r\n margin:0;\r\n\r\n color:#071b3d;\r\n\r\n font-size:\r\n clamp(46px,4vw,66px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-route-head h2 span{\r\n\r\n color:#f4512c;\r\n}\r\n\r\n\r\n.cn-route-head p{\r\n\r\n max-width:760px;\r\n\r\n margin:\r\n 16px auto 0;\r\n\r\n color:#667085;\r\n\r\n font-size:15px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MAIN\r\n========================================================= *\/\r\n\r\n.cn-route-main{\r\n\r\n min-height:0;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr\r\n 90px\r\n 1fr;\r\n\r\n gap:20px;\r\n\r\n align-items:stretch;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n PACKING CARD\r\n========================================================= *\/\r\n\r\n.cn-packing-card{\r\n\r\n position:relative;\r\n\r\n min-height:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:22px;\r\n\r\n background:#dfe5ec;\r\n\r\n box-shadow:\r\n 0 26px 70px rgba(7,27,61,.12);\r\n}\r\n\r\n\r\n.cn-packing-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n background-repeat:no-repeat;\r\n\r\n transform:scale(1.02);\r\n\r\n transition:\r\n transform 1s ease;\r\n}\r\n\r\n\r\n.cn-packing-card:hover\r\n.cn-packing-image{\r\n\r\n transform:\r\n scale(1.055);\r\n}\r\n\r\n\r\n.cn-packing-overlay{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,27,61,.16),\r\n rgba(7,27,61,.03) 42%,\r\n rgba(7,27,61,.82) 100%\r\n );\r\n}\r\n\r\n\r\n\/* PACKING TOP *\/\r\n\r\n.cn-packing-top{\r\n\r\n position:absolute;\r\n\r\n z-index:4;\r\n\r\n top:28px;\r\n left:28px;\r\n right:28px;\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n}\r\n\r\n\r\n.cn-mini-label{\r\n\r\n display:block;\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.4px;\r\n}\r\n\r\n\r\n.cn-packing-top h3{\r\n\r\n max-width:340px;\r\n\r\n margin-top:8px;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(25px,1.9vw,34px);\r\n\r\n line-height:1.06;\r\n\r\n letter-spacing:-1px;\r\n}\r\n\r\n\r\n.cn-ready-badge{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:\r\n 8px 11px;\r\n\r\n border-radius:999px;\r\n\r\n background:\r\n rgba(7,27,61,.66);\r\n\r\n color:#ffffff;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.19);\r\n\r\n backdrop-filter:\r\n blur(12px);\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-ready-badge i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#58cb82;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(88,203,130,.14);\r\n}\r\n\r\n\r\n\/* TAGS *\/\r\n\r\n.cn-pack-tag{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n padding:\r\n 9px 12px;\r\n\r\n border-radius:999px;\r\n\r\n color:#071b3d;\r\n\r\n background:\r\n rgba(255,255,255,.94);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.82);\r\n\r\n box-shadow:\r\n 0 12px 28px rgba(7,27,61,.12);\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n\r\n animation:\r\n packFloat\r\n 4.5s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-pack-tag-1{\r\n\r\n left:30px;\r\n top:42%;\r\n}\r\n\r\n\r\n.cn-pack-tag-2{\r\n\r\n right:30px;\r\n top:33%;\r\n\r\n animation-delay:-1.5s;\r\n}\r\n\r\n\r\n.cn-pack-tag-3{\r\n\r\n right:40px;\r\n top:57%;\r\n\r\n animation-delay:-3s;\r\n}\r\n\r\n\r\n@keyframes packFloat{\r\n\r\n 50%{\r\n transform:translateY(-6px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* PACKING BOTTOM *\/\r\n\r\n.cn-packing-bottom{\r\n\r\n position:absolute;\r\n\r\n z-index:4;\r\n\r\n left:30px;\r\n right:30px;\r\n bottom:28px;\r\n\r\n max-width:490px;\r\n}\r\n\r\n\r\n.cn-orange-line{\r\n\r\n width:42px;\r\n height:4px;\r\n\r\n margin-bottom:12px;\r\n\r\n border-radius:99px;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-packing-bottom strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(28px,2.1vw,39px);\r\n\r\n line-height:1.03;\r\n\r\n letter-spacing:-1.3px;\r\n}\r\n\r\n\r\n.cn-packing-bottom p{\r\n\r\n margin-top:10px;\r\n\r\n color:\r\n rgba(255,255,255,.82);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER ARROW\r\n========================================================= *\/\r\n\r\n.cn-route-arrow{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n gap:12px;\r\n\r\n color:#8a96a8;\r\n}\r\n\r\n\r\n.cn-arrow-circle{\r\n\r\n width:54px;\r\n height:54px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(244,81,44,.24);\r\n\r\n animation:\r\n arrowPulse\r\n 2.3s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n.cn-arrow-circle svg{\r\n\r\n width:23px;\r\n height:23px;\r\n}\r\n\r\n\r\n.cn-route-arrow span{\r\n\r\n writing-mode:vertical-rl;\r\n\r\n text-orientation:mixed;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n@keyframes arrowPulse{\r\n\r\n 50%{\r\n transform:translateX(5px);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROUTE PANEL\r\n========================================================= *\/\r\n\r\n.cn-route-panel{\r\n\r\n min-height:0;\r\n\r\n padding:28px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n border-radius:22px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e4e9ef;\r\n\r\n box-shadow:\r\n 0 26px 70px rgba(7,27,61,.08);\r\n}\r\n\r\n\r\n.cn-route-panel-head{\r\n\r\n display:flex;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n}\r\n\r\n\r\n.cn-route-panel-head span{\r\n\r\n display:block;\r\n\r\n color:#f4512c;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.4px;\r\n}\r\n\r\n\r\n.cn-route-panel-head h3{\r\n\r\n margin-top:8px;\r\n\r\n color:#071b3d;\r\n\r\n font-size:\r\n clamp(27px,2vw,37px);\r\n\r\n line-height:1.04;\r\n\r\n letter-spacing:-1.2px;\r\n}\r\n\r\n\r\n.cn-route-live{\r\n\r\n height:max-content;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:7px;\r\n\r\n padding:\r\n 8px 11px;\r\n\r\n border-radius:999px;\r\n\r\n color:#41526b;\r\n\r\n background:#f7f9fc;\r\n\r\n border:\r\n 1px solid #e3e8ef;\r\n\r\n font-size:9px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-route-live i{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n FACTORS\r\n========================================================= *\/\r\n\r\n.cn-route-factors{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1fr 1fr;\r\n\r\n gap:10px;\r\n\r\n margin-top:24px;\r\n}\r\n\r\n\r\n.cn-factor{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:11px;\r\n\r\n padding:\r\n 13px;\r\n\r\n border-radius:12px;\r\n\r\n background:#f7f9fc;\r\n\r\n border:\r\n 1px solid #e6ebf1;\r\n}\r\n\r\n\r\n.cn-factor > span{\r\n\r\n width:27px;\r\n height:27px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#8490a1;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e0e6ed;\r\n\r\n font-size:8px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-factor small{\r\n\r\n display:block;\r\n\r\n margin-bottom:3px;\r\n\r\n color:#98a2b3;\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n}\r\n\r\n\r\n.cn-factor strong{\r\n\r\n display:block;\r\n\r\n color:#223653;\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n RESULT\r\n========================================================= *\/\r\n\r\n.cn-route-result{\r\n\r\n margin-top:18px;\r\n\r\n padding:\r\n 18px;\r\n\r\n border-radius:15px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #071b3d,\r\n #132d5b\r\n );\r\n\r\n box-shadow:\r\n 0 18px 38px rgba(7,27,61,.16);\r\n}\r\n\r\n\r\n.cn-route-result-label{\r\n\r\n color:\r\n rgba(255,255,255,.52);\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.1px;\r\n}\r\n\r\n\r\n.cn-route-result-row{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-top:11px;\r\n}\r\n\r\n\r\n.cn-route-result-row strong{\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(20px,1.4vw,27px);\r\n}\r\n\r\n\r\n.cn-route-result-row p{\r\n\r\n margin-top:5px;\r\n\r\n color:\r\n rgba(255,255,255,.68);\r\n\r\n font-size:10px;\r\n\r\n line-height:1.45;\r\n}\r\n\r\n\r\n.cn-route-check{\r\n\r\n width:40px;\r\n height:40px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n}\r\n\r\n\r\n.cn-route-check svg{\r\n\r\n width:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n META\r\n========================================================= *\/\r\n\r\n.cn-route-meta{\r\n\r\n display:flex;\r\n\r\n flex-wrap:wrap;\r\n\r\n gap:7px;\r\n\r\n margin-top:auto;\r\n\r\n padding-top:18px;\r\n}\r\n\r\n\r\n.cn-route-meta span{\r\n\r\n padding:\r\n 8px 12px;\r\n\r\n border-radius:999px;\r\n\r\n color:#56657a;\r\n\r\n background:#f7f9fc;\r\n\r\n border:\r\n 1px solid #e4e9ef;\r\n\r\n font-size:10px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ROUTE OPTIONS\r\n========================================================= *\/\r\n\r\n.cn-route-options{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(6,1fr);\r\n\r\n gap:12px;\r\n}\r\n\r\n\r\n.cn-route-option{\r\n\r\n position:relative;\r\n\r\n min-width:0;\r\n\r\n min-height:96px;\r\n\r\n padding:\r\n 17px 18px;\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n\r\n border-radius:14px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e3e8ef;\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.cn-route-option:hover{\r\n\r\n transform:translateY(-4px);\r\n\r\n border-color:\r\n rgba(244,81,44,.38);\r\n\r\n box-shadow:\r\n 0 14px 32px rgba(7,27,61,.09);\r\n}\r\n\r\n\r\n.cn-route-option.active{\r\n\r\n background:#071b3d;\r\n\r\n border-color:#071b3d;\r\n}\r\n\r\n\r\n\/* NUMBER *\/\r\n\r\n.cn-route-option span{\r\n\r\n display:block;\r\n\r\n color:#8d99aa;\r\n\r\n font-size:10px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.3px;\r\n}\r\n\r\n\r\n\/* TITLE *\/\r\n\r\n.cn-route-option strong{\r\n\r\n display:block;\r\n\r\n margin-top:9px;\r\n\r\n color:#172b4d;\r\n\r\n font-size:15px;\r\n\r\n line-height:1.25;\r\n\r\n font-weight:800;\r\n\r\n letter-spacing:-.2px;\r\n}\r\n\r\n\r\n\/* SUBTEXT *\/\r\n\r\n.cn-route-option small{\r\n\r\n display:block;\r\n\r\n margin-top:7px;\r\n\r\n color:#768399;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.35;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* ACTIVE *\/\r\n\r\n.cn-route-option.active span{\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n}\r\n\r\n\r\n.cn-route-option.active strong{\r\n\r\n color:#ffffff;\r\n\r\n font-size:15px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-route-option.active small{\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHORT SCREEN \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:800px)\r\nand\r\n(min-width:761px){\r\n\r\n .cn-route-inner{\r\n\r\n padding:\r\n 24px 0 16px;\r\n\r\n row-gap:16px;\r\n }\r\n\r\n\r\n .cn-route-head h2{\r\n\r\n font-size:\r\n clamp(40px,3.4vw,55px);\r\n }\r\n\r\n\r\n .cn-route-head p{\r\n\r\n margin-top:9px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-route-panel{\r\n\r\n padding:20px;\r\n }\r\n\r\n\r\n .cn-route-panel-head h3{\r\n\r\n font-size:28px;\r\n }\r\n\r\n\r\n .cn-route-factors{\r\n\r\n margin-top:14px;\r\n }\r\n\r\n\r\n .cn-factor{\r\n\r\n padding:9px;\r\n }\r\n\r\n\r\n .cn-route-result{\r\n\r\n margin-top:12px;\r\n\r\n padding:13px;\r\n }\r\n\r\n\r\n .cn-packing-top{\r\n\r\n top:20px;\r\n left:21px;\r\n right:21px;\r\n }\r\n\r\n\r\n .cn-packing-bottom{\r\n\r\n left:22px;\r\n right:22px;\r\n bottom:20px;\r\n }\r\n\r\n\r\n .cn-packing-bottom strong{\r\n\r\n font-size:30px;\r\n }\r\n\r\n\r\n .cn-route-option{\r\n\r\n min-height:86px;\r\n\r\n padding:\r\n 12px 14px;\r\n }\r\n\r\n\r\n .cn-route-option strong{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-route-option small{\r\n\r\n font-size:10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-route-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-route-main{\r\n\r\n grid-template-columns:\r\n 1fr\r\n 60px\r\n 1fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .cn-route-options{\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n }\r\n\r\n\r\n .cn-route-option strong{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-route-option small{\r\n\r\n font-size:10.5px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-route-screen{\r\n\r\n height:auto;\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n padding:\r\n 65px 0;\r\n }\r\n\r\n\r\n .cn-route-inner{\r\n\r\n width:\r\n calc(100% - 32px);\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .cn-route-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:36px;\r\n }\r\n\r\n\r\n .cn-route-head h2{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .cn-route-head p{\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-route-main{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:16px;\r\n }\r\n\r\n\r\n .cn-packing-card{\r\n\r\n height:520px;\r\n }\r\n\r\n\r\n .cn-route-arrow{\r\n\r\n flex-direction:row;\r\n\r\n padding:\r\n 8px 0;\r\n }\r\n\r\n\r\n .cn-route-arrow span{\r\n\r\n writing-mode:horizontal-tb;\r\n }\r\n\r\n\r\n .cn-arrow-circle{\r\n\r\n transform:rotate(90deg);\r\n }\r\n\r\n\r\n .cn-route-panel{\r\n\r\n min-height:520px;\r\n }\r\n\r\n\r\n .cn-route-options{\r\n\r\n grid-template-columns:\r\n repeat(2,1fr);\r\n\r\n margin-top:22px;\r\n }\r\n\r\n\r\n .cn-route-option{\r\n\r\n min-height:100px;\r\n\r\n padding:17px;\r\n }\r\n\r\n\r\n .cn-route-option span{\r\n\r\n font-size:10px;\r\n }\r\n\r\n\r\n .cn-route-option strong{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-route-option small{\r\n\r\n font-size:11px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================================================\r\n ROUTE DEMO DATA\r\n========================================================= *\/\r\n\r\nconst cnRouteCases = [\r\n\r\n {\r\n product:\"General Cargo\",\r\n destination:\"Germany\",\r\n weight:\"28 kg\",\r\n priority:\"Balanced\",\r\n route:\"DDP Air Line\",\r\n text:\"Balanced speed and cost for general cargo.\"\r\n },\r\n\r\n {\r\n product:\"Lithium Battery\",\r\n destination:\"United Kingdom\",\r\n weight:\"42 kg\",\r\n priority:\"Compliant\",\r\n route:\"Battery Shipping Line\",\r\n text:\"A suitable route for regulated battery cargo.\"\r\n },\r\n\r\n {\r\n product:\"Bulky Cargo\",\r\n destination:\"United States\",\r\n weight:\"186 kg\",\r\n priority:\"Cost Saving\",\r\n route:\"Sea Freight\",\r\n text:\"More suitable for heavy and bulky shipments.\"\r\n },\r\n\r\n {\r\n product:\"Product Sample\",\r\n destination:\"France\",\r\n weight:\"6 kg\",\r\n priority:\"Urgent\",\r\n route:\"Air Freight\",\r\n text:\"Faster delivery for time-sensitive samples.\"\r\n }\r\n\r\n];\r\n\r\n\r\nlet cnRouteIndex = 0;\r\n\r\n\r\nfunction cnUpdateRoute(){\r\n\r\n const item =\r\n cnRouteCases[cnRouteIndex];\r\n\r\n document.getElementById(\r\n \"cn-product\"\r\n ).textContent =\r\n item.product;\r\n\r\n document.getElementById(\r\n \"cn-destination\"\r\n ).textContent =\r\n item.destination;\r\n\r\n document.getElementById(\r\n \"cn-weight\"\r\n ).textContent =\r\n item.weight;\r\n\r\n document.getElementById(\r\n \"cn-priority\"\r\n ).textContent =\r\n item.priority;\r\n\r\n document.getElementById(\r\n \"cn-route-name\"\r\n ).textContent =\r\n item.route;\r\n\r\n document.getElementById(\r\n \"cn-route-text\"\r\n ).textContent =\r\n item.text;\r\n\r\n\r\n cnRouteIndex++;\r\n\r\n\r\n if(\r\n cnRouteIndex >=\r\n cnRouteCases.length\r\n ){\r\n\r\n cnRouteIndex = 0;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\nsetInterval(\r\n cnUpdateRoute,\r\n 2600\r\n);\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-54cc178 e-con e-atomic-element e-flexbox-base e-default-div e-61ca48a \" data-id=\"54cc178\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"54cc178\" data-e-type=\"e-flexbox\" data-id=\"54cc178\">\n <div class=\"elementor-element elementor-element-e0a38e3 e-flex e-con-boxed e-con e-parent\" data-id=\"e0a38e3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9b0db8b elementor-widget elementor-widget-html\" data-id=\"9b0db8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-network-screen\">\r\n\r\n <div class=\"cn-network-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-network-head\">\r\n\r\n <div class=\"cn-network-eyebrow\">\r\n OUR SHIPPING NETWORK\r\n <\/div>\r\n\r\n <h2>\r\n One warehouse.\r\n <span>Many ways to ship.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n We connect your shipment with multiple international carriers\r\n and shipping channels, then select a suitable route based on\r\n your cargo and destination.\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-network-stage\">\r\n\r\n\r\n \r\n\r\n <svg\r\n class=\"cn-network-lines\"\r\n viewBox=\"0 0 1200 520\"\r\n preserveAspectRatio=\"none\"\r\n aria-hidden=\"true\">\r\n\r\n \r\n\r\n <path class=\"cn-line\"\r\n d=\"M165 95 C330 120 405 170 505 235\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M355 65 C430 105 475 160 535 220\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M600 55 C600 120 600 165 600 215\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M835 65 C760 110 710 160 655 220\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M1030 95 C860 120 790 180 680 235\"\/>\r\n\r\n\r\n \r\n\r\n <path class=\"cn-line\"\r\n d=\"M185 420 C350 390 420 335 520 290\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M390 455 C455 385 505 330 550 300\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M600 468 C600 390 600 340 600 305\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M825 450 C750 385 700 335 650 300\"\/>\r\n\r\n <path class=\"cn-line\"\r\n d=\"M1020 415 C860 390 790 330 680 290\"\/>\r\n\r\n\r\n \r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M125 220 C300 220 405 235 500 250\"\/>\r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M125 320 C300 320 410 300 500 285\"\/>\r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M1075 220 C900 220 800 235 700 250\"\/>\r\n\r\n \r\n\r\n <path class=\"cn-line cn-line-new\"\r\n d=\"M1075 320 C900 320 795 300 700 285\"\/>\r\n\r\n <\/svg>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-1\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/596f0e86-6df0-4dba-b2d4-4f49106ff498.png\"\r\n alt=\"DHL\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-2\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/d909271a-a1e8-454b-8dc6-ca4485b63a9b.png\"\r\n alt=\"FedEx\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-3\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/472b8b5e-a625-4f7d-900b-488028630359.png\"\r\n alt=\"UPS\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-4\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/4be1f430-4010-4133-a80f-465c14ae24e4.png\"\r\n alt=\"DPD\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-5\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/e20ab960-fcc6-4ecb-aa15-d6ebcf8b5545.png\"\r\n alt=\"Royal Mail\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-6\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/4bcda1c3-66ae-4c82-956e-b4ab3cc83e4b.png\"\r\n alt=\"PostNL\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-7\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/2272ebb4-e894-493e-b655-3b9272ef21ed.png\"\r\n alt=\"GLS\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-8\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/5352f910-8db2-48d0-88c8-08e80fd468c1.png\"\r\n alt=\"InPost\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-9\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/8498f670-f347-4fdf-a316-8c6f7a885de8.png\"\r\n alt=\"Ukrposhta\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-10\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/c8f0dee5-7cd8-47c5-9031-4c58842ee57c.png\"\r\n alt=\"Israel Post\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-11\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/838fbcdb-ddef-42b4-b948-c74350db5354.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-12\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/85729d0d-aefe-48fc-bd91-ee6142c5e0e6.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-13\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/b184ac3e-35c2-4f73-964c-b76c8fef00a9.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-logo-card logo-card-14\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/21cc580d-66e9-42a1-87b6-7b40223c138f.png\"\r\n alt=\"Shipping Carrier\"\r\n >\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-global-hub\">\r\n\r\n\r\n <div class=\"cn-global-hub-top\">\r\n\r\n <div class=\"cn-hub-status\">\r\n\r\n <i><\/i>\r\n\r\n Global network active\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-hub-name\">\r\n CN-DELIVERY HUB\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-big-globe-wrap\">\r\n\r\n\r\n <div class=\"cn-big-orbit orbit-one\">\r\n <span><\/span>\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-big-orbit orbit-two\">\r\n <span><\/span>\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-earth-rotation\">\r\n\r\n <div class=\"cn-big-globe\">\r\n\r\n\r\n <div class=\"cn-latitude lat-1\"><\/div>\r\n <div class=\"cn-latitude lat-2\"><\/div>\r\n <div class=\"cn-latitude lat-3\"><\/div>\r\n\r\n\r\n <div class=\"cn-longitude long-1\"><\/div>\r\n <div class=\"cn-longitude long-2\"><\/div>\r\n <div class=\"cn-longitude long-3\"><\/div>\r\n\r\n\r\n <div class=\"cn-continent continent-1\"><\/div>\r\n <div class=\"cn-continent continent-2\"><\/div>\r\n <div class=\"cn-continent continent-3\"><\/div>\r\n <div class=\"cn-continent continent-4\"><\/div>\r\n\r\n\r\n <svg\r\n class=\"cn-globe-routes\"\r\n viewBox=\"0 0 260 260\"\r\n aria-hidden=\"true\">\r\n\r\n <path\r\n class=\"cn-globe-route\"\r\n d=\"M58 115 Q125 46 205 103\"\r\n \/>\r\n\r\n <path\r\n class=\"cn-globe-route route-delay-1\"\r\n d=\"M70 164 Q128 100 193 160\"\r\n \/>\r\n\r\n <path\r\n class=\"cn-globe-route route-delay-2\"\r\n d=\"M105 72 Q175 110 162 207\"\r\n \/>\r\n\r\n <\/svg>\r\n\r\n\r\n <span class=\"cn-global-point gp-1\"><\/span>\r\n <span class=\"cn-global-point gp-2\"><\/span>\r\n <span class=\"cn-global-point gp-3\"><\/span>\r\n <span class=\"cn-global-point gp-4\"><\/span>\r\n <span class=\"cn-global-point gp-5\"><\/span>\r\n <span class=\"cn-global-point gp-6\"><\/span>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-globe-center-badge\">\r\n\r\n <span>CN<\/span>\r\n <small>HUB<\/small>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-global-copy\">\r\n\r\n <div class=\"cn-global-label\">\r\n WORLDWIDE SHIPPING\r\n <\/div>\r\n\r\n <h3>\r\n One hub.\r\n <span>Global reach.<\/span>\r\n <\/h3>\r\n\r\n <p>\r\n Multiple carriers and shipping channels connect\r\n your China warehouse with destinations worldwide.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-global-stats\">\r\n\r\n <div>\r\n <strong>50+<\/strong>\r\n <span>Countries<\/span>\r\n <\/div>\r\n\r\n <div>\r\n <strong>10+<\/strong>\r\n <span>Route types<\/span>\r\n <\/div>\r\n\r\n <div>\r\n <strong>1<\/strong>\r\n <span>China hub<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-country-belts\">\r\n\r\n\r\n <div class=\"cn-country-belt country-left\">\r\n\r\n <div class=\"cn-country-track\">\r\n\r\n <span class=\"cn-country-item\">United States<\/span>\r\n <span class=\"cn-country-item\">United Kingdom<\/span>\r\n <span class=\"cn-country-item\">Germany<\/span>\r\n <span class=\"cn-country-item\">France<\/span>\r\n <span class=\"cn-country-item\">Italy<\/span>\r\n <span class=\"cn-country-item\">Spain<\/span>\r\n <span class=\"cn-country-item\">Canada<\/span>\r\n <span class=\"cn-country-item\">Australia<\/span>\r\n <span class=\"cn-country-item\">Netherlands<\/span>\r\n <span class=\"cn-country-item\">Belgium<\/span>\r\n <span class=\"cn-country-item\">Poland<\/span>\r\n <span class=\"cn-country-item\">Sweden<\/span>\r\n <span class=\"cn-country-item\">Norway<\/span>\r\n <span class=\"cn-country-item\">Denmark<\/span>\r\n <span class=\"cn-country-item\">Finland<\/span>\r\n\r\n\r\n \r\n\r\n <span class=\"cn-country-item\">United States<\/span>\r\n <span class=\"cn-country-item\">United Kingdom<\/span>\r\n <span class=\"cn-country-item\">Germany<\/span>\r\n <span class=\"cn-country-item\">France<\/span>\r\n <span class=\"cn-country-item\">Italy<\/span>\r\n <span class=\"cn-country-item\">Spain<\/span>\r\n <span class=\"cn-country-item\">Canada<\/span>\r\n <span class=\"cn-country-item\">Australia<\/span>\r\n <span class=\"cn-country-item\">Netherlands<\/span>\r\n <span class=\"cn-country-item\">Belgium<\/span>\r\n <span class=\"cn-country-item\">Poland<\/span>\r\n <span class=\"cn-country-item\">Sweden<\/span>\r\n <span class=\"cn-country-item\">Norway<\/span>\r\n <span class=\"cn-country-item\">Denmark<\/span>\r\n <span class=\"cn-country-item\">Finland<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-country-belt country-right\">\r\n\r\n <div class=\"cn-country-track\">\r\n\r\n <span class=\"cn-country-item\">Israel<\/span>\r\n <span class=\"cn-country-item\">United Arab Emirates<\/span>\r\n <span class=\"cn-country-item\">Saudi Arabia<\/span>\r\n <span class=\"cn-country-item\">Japan<\/span>\r\n <span class=\"cn-country-item\">South Korea<\/span>\r\n <span class=\"cn-country-item\">Singapore<\/span>\r\n <span class=\"cn-country-item\">Malaysia<\/span>\r\n <span class=\"cn-country-item\">Thailand<\/span>\r\n <span class=\"cn-country-item\">New Zealand<\/span>\r\n <span class=\"cn-country-item\">Mexico<\/span>\r\n <span class=\"cn-country-item\">Brazil<\/span>\r\n <span class=\"cn-country-item\">Switzerland<\/span>\r\n <span class=\"cn-country-item\">Austria<\/span>\r\n <span class=\"cn-country-item\">Ireland<\/span>\r\n <span class=\"cn-country-item\">Portugal<\/span>\r\n\r\n\r\n \r\n\r\n <span class=\"cn-country-item\">Israel<\/span>\r\n <span class=\"cn-country-item\">United Arab Emirates<\/span>\r\n <span class=\"cn-country-item\">Saudi Arabia<\/span>\r\n <span class=\"cn-country-item\">Japan<\/span>\r\n <span class=\"cn-country-item\">South Korea<\/span>\r\n <span class=\"cn-country-item\">Singapore<\/span>\r\n <span class=\"cn-country-item\">Malaysia<\/span>\r\n <span class=\"cn-country-item\">Thailand<\/span>\r\n <span class=\"cn-country-item\">New Zealand<\/span>\r\n <span class=\"cn-country-item\">Mexico<\/span>\r\n <span class=\"cn-country-item\">Brazil<\/span>\r\n <span class=\"cn-country-item\">Switzerland<\/span>\r\n <span class=\"cn-country-item\">Austria<\/span>\r\n <span class=\"cn-country-item\">Ireland<\/span>\r\n <span class=\"cn-country-item\">Portugal<\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-network-screen{\r\n\r\n --navy:#07152f;\r\n --navy2:#0b2348;\r\n --orange:#f4512c;\r\n\r\n width:100%;\r\n\r\n height:100vh;\r\n height:100svh;\r\n\r\n min-height:760px;\r\n\r\n overflow:hidden;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 50% 44%,\r\n rgba(36,82,138,.30),\r\n transparent 35%\r\n ),\r\n radial-gradient(\r\n circle at 82% 10%,\r\n rgba(244,81,44,.08),\r\n transparent 27%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #07152f 0%,\r\n #0b2348 58%,\r\n #102d55 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n.cn-network-inner{\r\n\r\n width:min(calc(100% - 80px),1440px);\r\n\r\n height:100%;\r\n\r\n margin:auto;\r\n\r\n padding:25px 0 16px;\r\n\r\n display:grid;\r\n\r\n grid-template-rows:\r\n auto\r\n minmax(0,1fr)\r\n auto;\r\n\r\n row-gap:11px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.cn-network-head{\r\n\r\n max-width:980px;\r\n\r\n margin:auto;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-network-eyebrow{\r\n\r\n margin-bottom:7px;\r\n\r\n color:#ff6845;\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.9px;\r\n}\r\n\r\n\r\n.cn-network-head h2{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:clamp(44px,4vw,64px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-network-head h2 span{\r\n color:#f4512c;\r\n}\r\n\r\n\r\n.cn-network-head p{\r\n\r\n max-width:900px;\r\n\r\n margin:13px auto 0;\r\n\r\n color:rgba(255,255,255,.86);\r\n\r\n font-size:16px;\r\n\r\n line-height:1.55;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n NETWORK STAGE\r\n========================================================= *\/\r\n\r\n.cn-network-stage{\r\n\r\n position:relative;\r\n\r\n min-height:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:24px;\r\n\r\n border:1px solid rgba(255,255,255,.09);\r\n\r\n background:rgba(255,255,255,.025);\r\n}\r\n\r\n\r\n.cn-network-stage::before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n opacity:.055;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(255,255,255,.55) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(255,255,255,.55) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:54px 54px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CONNECTION LINES\r\n========================================================= *\/\r\n\r\n.cn-network-lines{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n z-index:1;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.cn-line{\r\n\r\n fill:none;\r\n\r\n stroke:rgba(255,255,255,.15);\r\n\r\n stroke-width:1.5;\r\n\r\n stroke-dasharray:7 10;\r\n\r\n animation:\r\n cnLineMove 6s linear infinite;\r\n}\r\n\r\n\r\n.cn-line-new{\r\n\r\n stroke:\r\n rgba(255,255,255,.13);\r\n}\r\n\r\n\r\n@keyframes cnLineMove{\r\n\r\n to{\r\n stroke-dashoffset:-80;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n LOGO CARDS\r\n========================================================= *\/\r\n\r\n.cn-logo-card{\r\n\r\n position:absolute;\r\n\r\n z-index:8;\r\n\r\n width:150px;\r\n height:96px;\r\n\r\n padding:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:16px;\r\n\r\n background:#ffffff;\r\n\r\n border:1px solid rgba(255,255,255,.9);\r\n\r\n box-shadow:\r\n 0 18px 42px rgba(0,0,0,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n}\r\n\r\n\r\n.cn-logo-card:hover{\r\n\r\n transform:\r\n translateY(-6px)\r\n scale(1.04);\r\n\r\n border-color:\r\n rgba(244,81,44,.45);\r\n\r\n box-shadow:\r\n 0 25px 58px rgba(0,0,0,.25);\r\n}\r\n\r\n\r\n.cn-logo-card > img{\r\n\r\n display:block;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n margin:0;\r\n\r\n object-fit:contain;\r\n\r\n object-position:center;\r\n\r\n background:#ffffff;\r\n\r\n border-radius:inherit;\r\n\r\n transition:\r\n transform .35s ease;\r\n}\r\n\r\n\r\n.cn-logo-card:hover > img{\r\n transform:scale(1.05);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ORIGINAL LOGO POSITIONS\r\n========================================================= *\/\r\n\r\n.logo-card-1{\r\n top:9%;\r\n left:5%;\r\n}\r\n\r\n\r\n.logo-card-2{\r\n top:4%;\r\n left:22%;\r\n}\r\n\r\n\r\n.logo-card-3{\r\n\r\n top:2%;\r\n\r\n left:50%;\r\n\r\n transform:\r\n translateX(-50%);\r\n}\r\n\r\n\r\n.logo-card-3:hover{\r\n\r\n transform:\r\n translateX(-50%)\r\n translateY(-6px)\r\n scale(1.04);\r\n}\r\n\r\n\r\n.logo-card-4{\r\n top:4%;\r\n right:22%;\r\n}\r\n\r\n\r\n.logo-card-5{\r\n top:9%;\r\n right:5%;\r\n}\r\n\r\n\r\n.logo-card-6{\r\n bottom:9%;\r\n left:7%;\r\n}\r\n\r\n\r\n.logo-card-7{\r\n bottom:3%;\r\n left:25%;\r\n}\r\n\r\n\r\n.logo-card-8{\r\n\r\n bottom:1%;\r\n\r\n left:50%;\r\n\r\n transform:\r\n translateX(-50%);\r\n}\r\n\r\n\r\n.logo-card-8:hover{\r\n\r\n transform:\r\n translateX(-50%)\r\n translateY(-6px)\r\n scale(1.04);\r\n}\r\n\r\n\r\n.logo-card-9{\r\n bottom:3%;\r\n right:25%;\r\n}\r\n\r\n\r\n.logo-card-10{\r\n bottom:9%;\r\n right:7%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n \u2605 NEW FOUR MIDDLE CARDS\r\n========================================================= *\/\r\n\r\n\/* LEFT \u2014 UPPER *\/\r\n\r\n.logo-card-11{\r\n\r\n left:4%;\r\n\r\n top:34%;\r\n}\r\n\r\n\r\n\/* LEFT \u2014 LOWER *\/\r\n\r\n.logo-card-12{\r\n\r\n left:4%;\r\n\r\n bottom:34%;\r\n}\r\n\r\n\r\n\/* RIGHT \u2014 UPPER *\/\r\n\r\n.logo-card-13{\r\n\r\n right:4%;\r\n\r\n top:34%;\r\n}\r\n\r\n\r\n\/* RIGHT \u2014 LOWER *\/\r\n\r\n.logo-card-14{\r\n\r\n right:4%;\r\n\r\n bottom:34%;\r\n}\r\n\r\n\r\n\/* Slightly smaller so these four sit cleanly *\/\r\n\r\n.logo-card-11,\r\n.logo-card-12,\r\n.logo-card-13,\r\n.logo-card-14{\r\n\r\n width:138px;\r\n\r\n height:88px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CENTER HUB\r\n========================================================= *\/\r\n\r\n.cn-global-hub{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n left:50%;\r\n top:51%;\r\n\r\n width:min(420px,35%);\r\n\r\n transform:\r\n translate(-50%,-50%);\r\n\r\n padding:16px 20px;\r\n\r\n border-radius:24px;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n #ffffff 0%,\r\n #fbfcfe 100%\r\n );\r\n\r\n border:1px solid rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 32px 85px rgba(0,0,0,.27);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HUB TOP\r\n========================================================= *\/\r\n\r\n.cn-global-hub-top{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:15px;\r\n}\r\n\r\n\r\n.cn-hub-status{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:8px;\r\n\r\n color:#526176;\r\n\r\n font-size:11px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-hub-status i{\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n border-radius:50%;\r\n\r\n background:#65cf8b;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(101,207,139,.14);\r\n\r\n animation:\r\n hubPulse 1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n@keyframes hubPulse{\r\n\r\n 50%{\r\n\r\n box-shadow:\r\n 0 0 0 11px rgba(101,207,139,.035);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-hub-name{\r\n\r\n color:#9da7b6;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.3px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GLOBE\r\n========================================================= *\/\r\n\r\n.cn-big-globe-wrap{\r\n\r\n position:relative;\r\n\r\n width:215px;\r\n height:215px;\r\n\r\n margin:3px auto 0;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-earth-rotation{\r\n\r\n position:relative;\r\n\r\n z-index:4;\r\n\r\n width:172px;\r\n height:172px;\r\n\r\n animation:\r\n earthRotate 18s linear infinite;\r\n\r\n transform-origin:center center;\r\n}\r\n\r\n\r\n@keyframes earthRotate{\r\n\r\n from{\r\n transform:rotate(0deg);\r\n }\r\n\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-big-globe{\r\n\r\n position:relative;\r\n\r\n width:172px;\r\n height:172px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:50%;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 31% 27%,\r\n #ffffff 0%,\r\n #ffffff 34%,\r\n #f5f7fb 68%,\r\n #e8edf4 100%\r\n );\r\n\r\n border:\r\n 2px solid rgba(15,43,82,.14);\r\n\r\n box-shadow:\r\n inset -22px -16px 35px rgba(13,38,74,.08),\r\n 0 20px 45px rgba(7,27,61,.15);\r\n}\r\n\r\n\r\n\/* LATITUDE *\/\r\n\r\n.cn-latitude{\r\n\r\n position:absolute;\r\n\r\n left:8%;\r\n right:8%;\r\n\r\n height:30%;\r\n\r\n border:\r\n 1.3px solid rgba(12,43,84,.20);\r\n\r\n border-left:none;\r\n border-right:none;\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.lat-1{top:20%;}\r\n.lat-2{top:35%;}\r\n.lat-3{top:50%;}\r\n\r\n\r\n.cn-big-globe::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n left:5%;\r\n right:5%;\r\n\r\n top:50%;\r\n\r\n height:1px;\r\n\r\n background:\r\n rgba(12,43,84,.20);\r\n}\r\n\r\n\r\n\/* LONGITUDE *\/\r\n\r\n.cn-longitude{\r\n\r\n position:absolute;\r\n\r\n top:5%;\r\n bottom:5%;\r\n\r\n border:\r\n 1.3px solid rgba(12,43,84,.20);\r\n\r\n border-top:none;\r\n border-bottom:none;\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.long-1{\r\n left:18%;\r\n width:64%;\r\n}\r\n\r\n\r\n.long-2{\r\n left:31%;\r\n width:38%;\r\n}\r\n\r\n\r\n.long-3{\r\n left:43%;\r\n width:14%;\r\n}\r\n\r\n\r\n\/* CONTINENTS *\/\r\n\r\n.cn-continent{\r\n\r\n position:absolute;\r\n\r\n z-index:2;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #183b69,\r\n #0d2d56\r\n );\r\n\r\n opacity:.94;\r\n}\r\n\r\n\r\n.continent-1{\r\n\r\n width:52px;\r\n height:33px;\r\n\r\n left:25px;\r\n top:40px;\r\n\r\n border-radius:\r\n 55% 45% 48% 42% \/\r\n 58% 44% 60% 40%;\r\n\r\n transform:\r\n rotate(-14deg);\r\n}\r\n\r\n\r\n.continent-2{\r\n\r\n width:73px;\r\n height:37px;\r\n\r\n right:18px;\r\n top:47px;\r\n\r\n border-radius:\r\n 40% 60% 52% 48% \/\r\n 50% 42% 58% 50%;\r\n\r\n transform:\r\n rotate(7deg);\r\n}\r\n\r\n\r\n.continent-3{\r\n\r\n width:31px;\r\n height:51px;\r\n\r\n left:82px;\r\n top:80px;\r\n\r\n border-radius:\r\n 50% 45% 60% 35% \/\r\n 36% 48% 58% 64%;\r\n}\r\n\r\n\r\n.continent-4{\r\n\r\n width:30px;\r\n height:19px;\r\n\r\n right:23px;\r\n bottom:32px;\r\n\r\n border-radius:50%;\r\n\r\n transform:\r\n rotate(-11deg);\r\n}\r\n\r\n\r\n\/* ROUTES *\/\r\n\r\n.cn-globe-routes{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n inset:0;\r\n\r\n width:100%;\r\n height:100%;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.cn-globe-route{\r\n\r\n fill:none;\r\n\r\n stroke:#f4512c;\r\n\r\n stroke-width:2.2;\r\n\r\n stroke-linecap:round;\r\n\r\n stroke-dasharray:4 7;\r\n\r\n opacity:.78;\r\n\r\n animation:\r\n routeMove 3s linear infinite;\r\n}\r\n\r\n\r\n.route-delay-1{\r\n animation-delay:-1s;\r\n}\r\n\r\n\r\n.route-delay-2{\r\n animation-delay:-2s;\r\n}\r\n\r\n\r\n@keyframes routeMove{\r\n\r\n to{\r\n stroke-dashoffset:-42;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* POINTS *\/\r\n\r\n.cn-global-point{\r\n\r\n position:absolute;\r\n\r\n z-index:7;\r\n\r\n width:9px;\r\n height:9px;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n border:2px solid #ffffff;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(244,81,44,.12);\r\n\r\n animation:\r\n pointPulse 1.8s ease-in-out infinite;\r\n}\r\n\r\n\r\n.gp-1{\r\n left:37px;\r\n top:58px;\r\n}\r\n\r\n\r\n.gp-2{\r\n left:77px;\r\n top:41px;\r\n}\r\n\r\n\r\n.gp-3{\r\n right:43px;\r\n top:62px;\r\n}\r\n\r\n\r\n.gp-4{\r\n right:22px;\r\n top:89px;\r\n}\r\n\r\n\r\n.gp-5{\r\n left:82px;\r\n bottom:34px;\r\n}\r\n\r\n\r\n.gp-6{\r\n right:57px;\r\n bottom:45px;\r\n}\r\n\r\n\r\n@keyframes pointPulse{\r\n\r\n 50%{\r\n transform:scale(1.35);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* ORBITS *\/\r\n\r\n.cn-big-orbit{\r\n\r\n position:absolute;\r\n\r\n z-index:2;\r\n\r\n left:50%;\r\n top:50%;\r\n\r\n border:\r\n 1.5px solid rgba(13,44,84,.17);\r\n\r\n border-radius:50%;\r\n}\r\n\r\n\r\n.orbit-one{\r\n\r\n width:205px;\r\n height:130px;\r\n\r\n margin:\r\n -65px 0 0 -102px;\r\n\r\n animation:\r\n orbitOne 8s linear infinite;\r\n}\r\n\r\n\r\n.orbit-two{\r\n\r\n width:130px;\r\n height:208px;\r\n\r\n margin:\r\n -104px 0 0 -65px;\r\n\r\n animation:\r\n orbitTwo 10s linear infinite;\r\n}\r\n\r\n\r\n.cn-big-orbit span{\r\n\r\n position:absolute;\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n.orbit-one span{\r\n top:15px;\r\n left:31px;\r\n}\r\n\r\n\r\n.orbit-two span{\r\n right:12px;\r\n bottom:42px;\r\n}\r\n\r\n\r\n@keyframes orbitOne{\r\n\r\n to{\r\n transform:rotate(-360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes orbitTwo{\r\n\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n\/* CENTER *\/\r\n\r\n.cn-globe-center-badge{\r\n\r\n position:absolute;\r\n\r\n z-index:10;\r\n\r\n left:50%;\r\n top:50%;\r\n\r\n width:45px;\r\n height:45px;\r\n\r\n transform:\r\n translate(-50%,-50%);\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 135deg,\r\n #071b3d,\r\n #153d70\r\n );\r\n\r\n border:\r\n 3px solid rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 10px 25px rgba(7,27,61,.24);\r\n}\r\n\r\n\r\n.cn-globe-center-badge span{\r\n\r\n font-size:12px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n.cn-globe-center-badge small{\r\n\r\n margin-top:2px;\r\n\r\n color:\r\n rgba(255,255,255,.66);\r\n\r\n font-size:5px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HUB COPY\r\n========================================================= *\/\r\n\r\n.cn-global-copy{\r\n\r\n text-align:center;\r\n\r\n margin-top:-6px;\r\n}\r\n\r\n\r\n.cn-global-label{\r\n\r\n color:#f4512c;\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n}\r\n\r\n\r\n.cn-global-copy h3{\r\n\r\n margin:5px 0 0;\r\n\r\n color:#071b3d;\r\n\r\n font-size:29px;\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-1px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n.cn-global-copy h3 span{\r\n display:block;\r\n}\r\n\r\n\r\n.cn-global-copy p{\r\n\r\n max-width:360px;\r\n\r\n margin:7px auto 0;\r\n\r\n color:#69778c;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.42;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n STATS\r\n========================================================= *\/\r\n\r\n.cn-global-stats{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,1fr);\r\n\r\n gap:8px;\r\n\r\n margin-top:10px;\r\n}\r\n\r\n\r\n.cn-global-stats div{\r\n\r\n padding:9px 6px;\r\n\r\n text-align:center;\r\n\r\n border-radius:11px;\r\n\r\n background:#f5f7fa;\r\n\r\n border:\r\n 1px solid #e1e7ee;\r\n}\r\n\r\n\r\n.cn-global-stats strong{\r\n\r\n display:block;\r\n\r\n color:#071b3d;\r\n\r\n font-size:21px;\r\n\r\n line-height:1;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-global-stats span{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#8390a1;\r\n\r\n font-size:9px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n COUNTRY BELTS\r\n========================================================= *\/\r\n\r\n.cn-country-belts{\r\n\r\n display:grid;\r\n\r\n gap:8px;\r\n\r\n overflow:hidden;\r\n\r\n padding-top:2px;\r\n}\r\n\r\n\r\n.cn-country-belt{\r\n\r\n width:100%;\r\n\r\n overflow:hidden;\r\n\r\n position:relative;\r\n}\r\n\r\n\r\n.cn-country-belt::before,\r\n.cn-country-belt::after{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n top:0;\r\n bottom:0;\r\n\r\n width:70px;\r\n\r\n z-index:4;\r\n\r\n pointer-events:none;\r\n}\r\n\r\n\r\n.cn-country-belt::before{\r\n\r\n left:0;\r\n\r\n background:\r\n linear-gradient(\r\n 90deg,\r\n #0a1d3d 0%,\r\n rgba(10,29,61,.82) 32%,\r\n rgba(10,29,61,0) 100%\r\n );\r\n}\r\n\r\n\r\n.cn-country-belt::after{\r\n\r\n right:0;\r\n\r\n background:\r\n linear-gradient(\r\n 270deg,\r\n #102a50 0%,\r\n rgba(16,42,80,.82) 32%,\r\n rgba(16,42,80,0) 100%\r\n );\r\n}\r\n\r\n\r\n.cn-country-track{\r\n\r\n width:max-content;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n padding:2px 0;\r\n\r\n white-space:nowrap;\r\n}\r\n\r\n\r\n.cn-country-item{\r\n\r\n position:relative;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:8px;\r\n\r\n min-height:34px;\r\n\r\n padding:\r\n 8px 16px 8px 15px;\r\n\r\n border-radius:10px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n linear-gradient(\r\n 145deg,\r\n rgba(255,255,255,.085),\r\n rgba(255,255,255,.035)\r\n );\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.16);\r\n\r\n box-shadow:\r\n inset 0 1px 0 rgba(255,255,255,.05),\r\n 0 5px 15px rgba(0,0,0,.08);\r\n\r\n font-size:12px;\r\n\r\n font-weight:700;\r\n\r\n line-height:1;\r\n\r\n transition:\r\n background .25s ease,\r\n color .25s ease,\r\n border-color .25s ease,\r\n transform .25s ease;\r\n}\r\n\r\n\r\n.cn-country-item::before{\r\n\r\n content:\"\";\r\n\r\n width:6px;\r\n height:6px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#f4512c;\r\n\r\n box-shadow:\r\n 0 0 0 4px rgba(244,81,44,.10);\r\n}\r\n\r\n\r\n.cn-country-item:hover{\r\n\r\n transform:\r\n translateY(-2px);\r\n\r\n color:#071b3d;\r\n\r\n background:#ffffff;\r\n\r\n border-color:\r\n rgba(244,81,44,.55);\r\n}\r\n\r\n\r\n.country-left\r\n.cn-country-track{\r\n\r\n animation:\r\n countryLeft\r\n 42s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n.country-right\r\n.cn-country-track{\r\n\r\n animation:\r\n countryRight\r\n 45s\r\n linear\r\n infinite;\r\n}\r\n\r\n\r\n@keyframes countryLeft{\r\n\r\n from{\r\n transform:translateX(0);\r\n }\r\n\r\n to{\r\n transform:translateX(-50%);\r\n }\r\n\r\n}\r\n\r\n\r\n@keyframes countryRight{\r\n\r\n from{\r\n transform:translateX(-50%);\r\n }\r\n\r\n to{\r\n transform:translateX(0);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-country-belt:hover\r\n.cn-country-track{\r\n\r\n animation-play-state:paused;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHORT SCREEN \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:800px)\r\nand\r\n(min-width:761px){\r\n\r\n .cn-network-inner{\r\n\r\n padding:\r\n 12px 0 9px;\r\n\r\n row-gap:7px;\r\n }\r\n\r\n\r\n .cn-network-head h2{\r\n\r\n font-size:\r\n clamp(38px,3.3vw,50px);\r\n }\r\n\r\n\r\n .cn-network-head p{\r\n\r\n margin-top:6px;\r\n\r\n font-size:13px;\r\n }\r\n\r\n\r\n .cn-network-eyebrow{\r\n\r\n margin-bottom:4px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .cn-logo-card{\r\n\r\n width:116px;\r\n\r\n height:72px;\r\n\r\n min-height:0;\r\n }\r\n\r\n\r\n \/* NEW MID CARDS *\/\r\n\r\n .logo-card-11,\r\n .logo-card-12,\r\n .logo-card-13,\r\n .logo-card-14{\r\n\r\n width:108px;\r\n\r\n height:66px;\r\n }\r\n\r\n\r\n .cn-logo-card > img{\r\n\r\n width:100%;\r\n\r\n height:100%;\r\n\r\n object-fit:contain;\r\n }\r\n\r\n\r\n .cn-global-hub{\r\n\r\n width:\r\n min(370px,32%);\r\n\r\n padding:\r\n 9px 13px;\r\n }\r\n\r\n\r\n .cn-hub-status{\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-hub-name{\r\n font-size:7px;\r\n }\r\n\r\n\r\n .cn-big-globe-wrap{\r\n\r\n width:164px;\r\n height:164px;\r\n }\r\n\r\n\r\n .cn-earth-rotation{\r\n\r\n width:130px;\r\n height:130px;\r\n }\r\n\r\n\r\n .cn-big-globe{\r\n\r\n width:130px;\r\n height:130px;\r\n }\r\n\r\n\r\n .orbit-one{\r\n\r\n width:153px;\r\n height:98px;\r\n\r\n margin:\r\n -49px 0 0 -76px;\r\n }\r\n\r\n\r\n .orbit-two{\r\n\r\n width:98px;\r\n height:155px;\r\n\r\n margin:\r\n -77px 0 0 -49px;\r\n }\r\n\r\n\r\n .cn-globe-center-badge{\r\n\r\n width:36px;\r\n\r\n height:36px;\r\n }\r\n\r\n\r\n .cn-global-label{\r\n\r\n font-size:7px;\r\n }\r\n\r\n\r\n .cn-global-copy h3{\r\n\r\n font-size:22px;\r\n }\r\n\r\n\r\n .cn-global-copy p{\r\n\r\n margin-top:4px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-global-stats{\r\n\r\n margin-top:5px;\r\n }\r\n\r\n\r\n .cn-global-stats div{\r\n\r\n padding:\r\n 6px 4px;\r\n }\r\n\r\n\r\n .cn-global-stats strong{\r\n\r\n font-size:17px;\r\n }\r\n\r\n\r\n .cn-global-stats span{\r\n\r\n font-size:7px;\r\n }\r\n\r\n\r\n .cn-country-item{\r\n\r\n min-height:28px;\r\n\r\n padding:\r\n 6px 12px;\r\n\r\n border-radius:8px;\r\n\r\n font-size:10px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-network-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-global-hub{\r\n\r\n width:35%;\r\n }\r\n\r\n\r\n .cn-logo-card{\r\n\r\n width:110px;\r\n\r\n height:74px;\r\n }\r\n\r\n\r\n .logo-card-11,\r\n .logo-card-12,\r\n .logo-card-13,\r\n .logo-card-14{\r\n\r\n width:100px;\r\n\r\n height:66px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-network-screen{\r\n\r\n height:auto;\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n padding:\r\n 65px 0;\r\n }\r\n\r\n\r\n .cn-network-inner{\r\n\r\n width:\r\n calc(100% - 32px);\r\n\r\n height:auto;\r\n\r\n display:block;\r\n\r\n padding:0;\r\n }\r\n\r\n\r\n .cn-network-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:34px;\r\n }\r\n\r\n\r\n .cn-network-head h2{\r\n\r\n font-size:44px;\r\n }\r\n\r\n\r\n .cn-network-head p{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-network-stage{\r\n\r\n min-height:1080px;\r\n }\r\n\r\n\r\n .cn-network-lines{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .cn-global-hub{\r\n\r\n width:\r\n calc(100% - 48px);\r\n\r\n top:50%;\r\n }\r\n\r\n\r\n .cn-logo-card{\r\n\r\n width:100px;\r\n\r\n height:66px;\r\n }\r\n\r\n\r\n .logo-card-1{\r\n top:2%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-2{\r\n top:2%;\r\n right:4%;\r\n left:auto;\r\n }\r\n\r\n\r\n .logo-card-3{\r\n top:11%;\r\n left:4%;\r\n transform:none;\r\n }\r\n\r\n\r\n .logo-card-4{\r\n top:11%;\r\n right:4%;\r\n }\r\n\r\n\r\n .logo-card-11{\r\n top:20%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-13{\r\n top:20%;\r\n right:4%;\r\n }\r\n\r\n\r\n .logo-card-5{\r\n top:29%;\r\n left:4%;\r\n right:auto;\r\n }\r\n\r\n\r\n .logo-card-6{\r\n bottom:29%;\r\n right:4%;\r\n left:auto;\r\n }\r\n\r\n\r\n .logo-card-12{\r\n bottom:20%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-14{\r\n bottom:20%;\r\n right:4%;\r\n }\r\n\r\n\r\n .logo-card-7{\r\n bottom:11%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-8{\r\n bottom:11%;\r\n right:4%;\r\n left:auto;\r\n transform:none;\r\n }\r\n\r\n\r\n .logo-card-9{\r\n bottom:2%;\r\n left:4%;\r\n }\r\n\r\n\r\n .logo-card-10{\r\n bottom:2%;\r\n right:4%;\r\n }\r\n\r\n\r\n .cn-country-belts{\r\n\r\n margin-top:20px;\r\n }\r\n\r\n\r\n .cn-country-item{\r\n\r\n min-height:32px;\r\n\r\n padding:\r\n 7px 13px;\r\n\r\n font-size:11px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b331c65 e-con e-atomic-element e-flexbox-base e-default-div e-ea8b2f6 \" data-id=\"b331c65\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b331c65\" data-e-type=\"e-flexbox\" data-id=\"b331c65\">\n <div class=\"elementor-element elementor-element-0ed5c0d e-flex e-con-boxed e-con e-parent\" data-id=\"0ed5c0d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-02f7a1b elementor-widget elementor-widget-html\" data-id=\"02f7a1b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-cargo-screen\">\r\n\r\n <div class=\"cn-cargo-inner\">\r\n\r\n \r\n\r\n <header class=\"cn-cargo-head\">\r\n\r\n <div class=\"cn-cargo-eyebrow\">\r\n BUILT AROUND YOUR CARGO\r\n <\/div>\r\n\r\n <h2>\r\n Different goods.\r\n <span>Different handling.<\/span>\r\n <\/h2>\r\n\r\n <p>\r\n From marketplace orders and factory samples to batteries,\r\n furniture and oversized equipment, we build the handling and\r\n shipping plan around the goods \u2014 not the other way around.\r\n <\/p>\r\n\r\n <\/header>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-cargo-intro\">\r\n\r\n <div class=\"cn-cargo-intro-dot\"><\/div>\r\n\r\n <strong>\r\n You send the goods.\r\n <\/strong>\r\n\r\n <span>\r\n We inspect, repack, consolidate and match the shipment with the right route.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-cargo-grid\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/68f20681-597d-4a96-b3bf-615e7559ed93.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 01\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n MARKETPLACE ORDERS\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n E-commerce Orders\r\n <\/h3>\r\n\r\n <p>\r\n Purchases from 1688, Taobao and other China marketplaces.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/9c5396e8-b5dc-4f15-90a8-5d05fd5bb668.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 02\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n FACTORY CHECK\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Samples & Prototypes\r\n <\/h3>\r\n\r\n <p>\r\n Factory samples checked before a larger production order.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card cn-cargo-card-featured\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/4b36fb6a-e432-4424-880d-23132d02bc6d.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 03\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n SPECIAL HANDLING\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Batteries & Electronics\r\n <\/h3>\r\n\r\n <p>\r\n Goods that may require reinforced packing and dedicated routes.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/62c69c16-01be-4cad-91bb-d1c1f52bae8d.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 04\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n BULKY CARGO\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Furniture & Home Goods\r\n <\/h3>\r\n\r\n <p>\r\n Large-volume products prepared for safer, smarter consolidation.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/16e33f4c-b515-4639-b827-f9dec1f46421.png');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 05\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n CUSTOM HANDLING\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Machinery & Equipment\r\n <\/h3>\r\n\r\n <p>\r\n Heavy and oversized cargo requiring custom packing and transport.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-cargo-card\">\r\n\r\n <div\r\n class=\"cn-cargo-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,0) 48%,\r\n rgba(7,21,47,.72) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/d93836abd11a6229ba8404c6a795d1ec.jpg');\r\n \"\r\n >\r\n\r\n <div class=\"cn-cargo-number\">\r\n 06\r\n <\/div>\r\n\r\n <div class=\"cn-cargo-image-label\">\r\n ONE WAREHOUSE\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-content\">\r\n\r\n <div>\r\n\r\n <h3>\r\n Multi-supplier Orders\r\n <\/h3>\r\n\r\n <p>\r\n Goods from different sellers combined before international shipping.\r\n <\/p>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-cargo-arrow\">\r\n \u2192\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-cargo-screen{\r\n\r\n --navy:#0a1838;\r\n --navy-soft:#1a2949;\r\n --orange:#ef542f;\r\n --text:#657188;\r\n --line:#e5e9ef;\r\n --bg:#f6f7f9;\r\n\r\n width:100%;\r\n\r\n min-height:100vh;\r\n min-height:100svh;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 90% 0%,\r\n rgba(239,84,47,.055),\r\n transparent 28%\r\n ),\r\n\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f6f7f9 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n color:var(--navy);\r\n}\r\n\r\n\r\n.cn-cargo-inner{\r\n\r\n width:min(\r\n calc(100% - 90px),\r\n 1450px\r\n );\r\n\r\n margin:auto;\r\n\r\n padding:\r\n 48px 0 34px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.cn-cargo-head{\r\n\r\n max-width:980px;\r\n\r\n margin:\r\n 0 auto 24px;\r\n\r\n text-align:center;\r\n}\r\n\r\n\r\n.cn-cargo-eyebrow{\r\n\r\n margin-bottom:8px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n}\r\n\r\n\r\n.cn-cargo-head h2{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(45px,4.2vw,68px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3.4px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-cargo-head h2 span{\r\n\r\n color:var(--orange);\r\n}\r\n\r\n\r\n.cn-cargo-head p{\r\n\r\n max-width:820px;\r\n\r\n margin:\r\n 14px auto 0;\r\n\r\n color:var(--text);\r\n\r\n font-size:15px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n INTRO STRIP\r\n========================================================= *\/\r\n\r\n.cn-cargo-intro{\r\n\r\n width:max-content;\r\n\r\n max-width:100%;\r\n\r\n margin:\r\n 0 auto 22px;\r\n\r\n padding:\r\n 10px 18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n border-radius:999px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid #e5e9ef;\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(7,21,47,.045);\r\n\r\n color:#667287;\r\n\r\n font-size:11px;\r\n}\r\n\r\n\r\n.cn-cargo-intro strong{\r\n\r\n color:var(--navy);\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-cargo-intro-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#65ca87;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(101,202,135,.12);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n GRID\r\n========================================================= *\/\r\n\r\n.cn-cargo-grid{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,minmax(0,1fr));\r\n\r\n gap:18px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n.cn-cargo-card{\r\n\r\n position:relative;\r\n\r\n min-width:0;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:20px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n box-shadow:\r\n 0 16px 38px rgba(7,21,47,.07);\r\n\r\n transition:\r\n transform .35s ease,\r\n box-shadow .35s ease,\r\n border-color .35s ease;\r\n}\r\n\r\n\r\n.cn-cargo-card:hover{\r\n\r\n transform:\r\n translateY(-7px);\r\n\r\n border-color:\r\n rgba(239,84,47,.38);\r\n\r\n box-shadow:\r\n 0 24px 55px rgba(7,21,47,.13);\r\n}\r\n\r\n\r\n\/* Slight emphasis on battery card *\/\r\n\r\n.cn-cargo-card-featured{\r\n\r\n border-color:\r\n rgba(239,84,47,.30);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE\r\n========================================================= *\/\r\n\r\n.cn-cargo-image{\r\n\r\n position:relative;\r\n\r\n height:\r\n clamp(180px,22vh,255px);\r\n\r\n overflow:hidden;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n transition:\r\n background-size .5s ease;\r\n}\r\n\r\n\r\n.cn-cargo-card:hover\r\n.cn-cargo-image{\r\n\r\n background-size:107%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE NUMBER\r\n========================================================= *\/\r\n\r\n.cn-cargo-number{\r\n\r\n position:absolute;\r\n\r\n top:15px;\r\n left:15px;\r\n\r\n width:34px;\r\n height:34px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n color:var(--navy);\r\n\r\n background:\r\n rgba(255,255,255,.91);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.8);\r\n\r\n backdrop-filter:\r\n blur(8px);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.8px;\r\n\r\n box-shadow:\r\n 0 7px 18px rgba(0,0,0,.10);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n IMAGE LABEL\r\n========================================================= *\/\r\n\r\n.cn-cargo-image-label{\r\n\r\n position:absolute;\r\n\r\n left:18px;\r\n bottom:15px;\r\n\r\n color:#ffffff;\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n\r\n text-shadow:\r\n 0 2px 12px rgba(0,0,0,.35);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n CARD CONTENT\r\n========================================================= *\/\r\n\r\n.cn-cargo-content{\r\n\r\n min-height:112px;\r\n\r\n padding:\r\n 18px 18px 17px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:18px;\r\n}\r\n\r\n\r\n.cn-cargo-content h3{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(20px,1.45vw,25px);\r\n\r\n line-height:1.08;\r\n\r\n letter-spacing:-.8px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n.cn-cargo-content p{\r\n\r\n max-width:330px;\r\n\r\n margin:\r\n 7px 0 0;\r\n\r\n color:#7a8597;\r\n\r\n font-size:11px;\r\n\r\n line-height:1.45;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n ARROW\r\n========================================================= *\/\r\n\r\n.cn-cargo-arrow{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:50%;\r\n\r\n color:var(--navy);\r\n\r\n background:#f4f6f8;\r\n\r\n border:\r\n 1px solid #e4e8ed;\r\n\r\n font-size:18px;\r\n\r\n transition:\r\n background .3s ease,\r\n color .3s ease,\r\n transform .3s ease;\r\n}\r\n\r\n\r\n.cn-cargo-card:hover\r\n.cn-cargo-arrow{\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n transform:\r\n translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n SHORT DESKTOP \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:820px)\r\nand\r\n(min-width:901px){\r\n\r\n .cn-cargo-inner{\r\n\r\n padding:\r\n 24px 0 18px;\r\n }\r\n\r\n\r\n .cn-cargo-head{\r\n\r\n margin-bottom:13px;\r\n }\r\n\r\n\r\n .cn-cargo-head h2{\r\n\r\n font-size:\r\n clamp(38px,3.4vw,54px);\r\n }\r\n\r\n\r\n .cn-cargo-head p{\r\n\r\n margin-top:8px;\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-cargo-eyebrow{\r\n\r\n margin-bottom:5px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-cargo-intro{\r\n\r\n margin-bottom:13px;\r\n\r\n padding:\r\n 7px 14px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-cargo-grid{\r\n\r\n gap:12px;\r\n }\r\n\r\n\r\n .cn-cargo-image{\r\n\r\n height:\r\n clamp(150px,20vh,195px);\r\n }\r\n\r\n\r\n .cn-cargo-content{\r\n\r\n min-height:85px;\r\n\r\n padding:\r\n 12px 14px;\r\n }\r\n\r\n\r\n .cn-cargo-content h3{\r\n\r\n font-size:\r\n clamp(17px,1.3vw,21px);\r\n }\r\n\r\n\r\n .cn-cargo-content p{\r\n\r\n margin-top:4px;\r\n\r\n font-size:9px;\r\n }\r\n\r\n\r\n .cn-cargo-arrow{\r\n\r\n width:32px;\r\n height:32px;\r\n\r\n font-size:15px;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n .cn-cargo-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n }\r\n\r\n\r\n .cn-cargo-grid{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:680px){\r\n\r\n .cn-cargo-screen{\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n }\r\n\r\n\r\n .cn-cargo-inner{\r\n\r\n width:\r\n calc(100% - 30px);\r\n\r\n padding:\r\n 60px 0 45px;\r\n }\r\n\r\n\r\n .cn-cargo-head{\r\n\r\n text-align:left;\r\n\r\n margin-bottom:20px;\r\n }\r\n\r\n\r\n .cn-cargo-head h2{\r\n\r\n font-size:43px;\r\n\r\n letter-spacing:-2px;\r\n }\r\n\r\n\r\n .cn-cargo-head p{\r\n\r\n margin-top:12px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-cargo-intro{\r\n\r\n width:100%;\r\n\r\n margin-bottom:20px;\r\n\r\n border-radius:14px;\r\n\r\n align-items:flex-start;\r\n }\r\n\r\n\r\n .cn-cargo-intro span{\r\n\r\n display:none;\r\n }\r\n\r\n\r\n .cn-cargo-grid{\r\n\r\n grid-template-columns:1fr;\r\n\r\n gap:14px;\r\n }\r\n\r\n\r\n .cn-cargo-image{\r\n\r\n height:220px;\r\n }\r\n\r\n\r\n .cn-cargo-content{\r\n\r\n min-height:105px;\r\n }\r\n\r\n\r\n .cn-cargo-content h3{\r\n\r\n font-size:24px;\r\n }\r\n\r\n\r\n .cn-cargo-content p{\r\n\r\n font-size:11px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f811c97 e-con e-atomic-element e-flexbox-base e-default-div e-1942cd9 \" data-id=\"f811c97\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f811c97\" data-e-type=\"e-flexbox\" data-id=\"f811c97\">\n <div class=\"elementor-element elementor-element-3643d58 e-flex e-con-boxed e-con e-parent\" data-id=\"3643d58\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-952c66d elementor-widget elementor-widget-html\" data-id=\"952c66d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-about-screen\">\r\n\r\n <div class=\"cn-about-inner\">\r\n\r\n \r\n\r\n <div class=\"cn-about-visual\">\r\n\r\n <div\r\n class=\"cn-about-image\"\r\n style=\"\r\n background-image:\r\n linear-gradient(\r\n 180deg,\r\n rgba(7,21,47,.04) 0%,\r\n rgba(7,21,47,.08) 45%,\r\n rgba(7,21,47,.52) 100%\r\n ),\r\n url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/faf98cf0-ef89-49ef-927a-01ff2faaf178.png');\r\n \"\r\n ><\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-location\">\r\n\r\n <span class=\"cn-about-location-dot\"><\/span>\r\n\r\n China-based operations\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-image-copy\">\r\n\r\n <span>\r\n CN-DELIVERY\r\n <\/span>\r\n\r\n <strong>\r\n Your team on the ground in China.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-float-card\">\r\n\r\n <div class=\"cn-about-float-icon\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\">\r\n\r\n <path d=\"M4 7l8-4 8 4-8 4-8-4Z\"\/>\r\n <path d=\"M4 7v10l8 4 8-4V7\"\/>\r\n <path d=\"M12 11v10\"\/>\r\n\r\n <\/svg>\r\n\r\n <\/div>\r\n\r\n\r\n <div>\r\n\r\n <small>\r\n CHINA WAREHOUSE\r\n <\/small>\r\n\r\n <strong>\r\n Receive. Check. Pack. Ship.\r\n <\/strong>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-content\">\r\n\r\n <div class=\"cn-about-eyebrow\">\r\n ABOUT CN-DELIVERY\r\n <\/div>\r\n\r\n\r\n <h2>\r\n Built in China.\r\n <span>Connected to the world.<\/span>\r\n <\/h2>\r\n\r\n\r\n <p class=\"cn-about-lead\">\r\n We are a China-based warehouse and logistics team helping\r\n international buyers receive, inspect, consolidate, repack\r\n and ship goods from China with more visibility and control.\r\n <\/p>\r\n\r\n\r\n <p class=\"cn-about-body\">\r\n Instead of sending every order directly overseas, your goods\r\n can first arrive at our China warehouse. From there, we help\r\n you organize the shipment before it moves internationally.\r\n <\/p>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-points\">\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 01\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n China-based operations\r\n <\/strong>\r\n\r\n <span>\r\n Warehouse support where your suppliers are.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 02\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Independent handling\r\n <\/strong>\r\n\r\n <span>\r\n Goods can be checked before international shipping.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 03\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Multi-supplier consolidation\r\n <\/strong>\r\n\r\n <span>\r\n Combine goods from different sellers in one place.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n <div class=\"cn-about-point\">\r\n\r\n <div class=\"cn-about-point-number\">\r\n 04\r\n <\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n Global shipping support\r\n <\/strong>\r\n\r\n <span>\r\n Multiple routes for different cargo and destinations.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-about-bottom\">\r\n\r\n <a\r\n href=\"https:\/\/www.cn-delivery.com\/about-us\/\"\r\n class=\"cn-about-button\"\r\n >\r\n\r\n Learn more about us\r\n\r\n <span>\r\n \u2192\r\n <\/span>\r\n\r\n <\/a>\r\n\r\n\r\n <div class=\"cn-about-note\">\r\n\r\n <strong>\r\n One warehouse.\r\n <\/strong>\r\n\r\n <span>\r\n One team between your supplier and destination.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n BASE\r\n========================================================= *\/\r\n\r\n.cn-about-screen{\r\n\r\n --navy:#081936;\r\n --navy2:#10284e;\r\n --orange:#ef542f;\r\n --text:#68758a;\r\n --line:#e5e9ef;\r\n\r\n width:100%;\r\n\r\n min-height:100vh;\r\n min-height:100svh;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n\r\n background:\r\n\r\n radial-gradient(\r\n circle at 92% 12%,\r\n rgba(239,84,47,.07),\r\n transparent 26%\r\n ),\r\n\r\n linear-gradient(\r\n 180deg,\r\n #ffffff 0%,\r\n #f6f8fa 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n}\r\n\r\n\r\n.cn-about-inner{\r\n\r\n width:min(\r\n calc(100% - 90px),\r\n 1450px\r\n );\r\n\r\n margin:auto;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n 1.05fr\r\n .95fr;\r\n\r\n align-items:stretch;\r\n\r\n gap:60px;\r\n\r\n padding:\r\n 60px 0;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT VISUAL\r\n========================================================= *\/\r\n\r\n.cn-about-visual{\r\n\r\n position:relative;\r\n\r\n min-height:680px;\r\n\r\n overflow:hidden;\r\n\r\n border-radius:28px;\r\n\r\n background:#dfe5eb;\r\n\r\n box-shadow:\r\n 0 28px 70px rgba(7,21,47,.13);\r\n}\r\n\r\n\r\n.cn-about-image{\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n background-size:cover;\r\n\r\n background-position:center;\r\n\r\n background-repeat:no-repeat;\r\n\r\n transform:scale(1.01);\r\n\r\n transition:\r\n transform 1s ease;\r\n}\r\n\r\n\r\n.cn-about-visual:hover\r\n.cn-about-image{\r\n\r\n transform:scale(1.045);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LOCATION BADGE\r\n========================================================= *\/\r\n\r\n.cn-about-location{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n top:26px;\r\n left:26px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n padding:\r\n 10px 14px;\r\n\r\n border-radius:999px;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n rgba(8,25,54,.72);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.18);\r\n\r\n backdrop-filter:\r\n blur(10px);\r\n\r\n font-size:11px;\r\n\r\n font-weight:750;\r\n}\r\n\r\n\r\n.cn-about-location-dot{\r\n\r\n width:8px;\r\n height:8px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#5dce87;\r\n\r\n box-shadow:\r\n 0 0 0 5px rgba(93,206,135,.14);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n IMAGE COPY\r\n========================================================= *\/\r\n\r\n.cn-about-image-copy{\r\n\r\n position:absolute;\r\n\r\n z-index:5;\r\n\r\n left:34px;\r\n right:34px;\r\n bottom:34px;\r\n\r\n max-width:470px;\r\n}\r\n\r\n\r\n.cn-about-image-copy span{\r\n\r\n display:block;\r\n\r\n margin-bottom:9px;\r\n\r\n color:\r\n rgba(255,255,255,.72);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.7px;\r\n}\r\n\r\n\r\n.cn-about-image-copy strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(34px,3vw,48px);\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-1.7px;\r\n\r\n font-weight:820;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FLOAT CARD\r\n========================================================= *\/\r\n\r\n.cn-about-float-card{\r\n\r\n position:absolute;\r\n\r\n z-index:6;\r\n\r\n top:22%;\r\n right:24px;\r\n\r\n max-width:255px;\r\n\r\n padding:\r\n 14px 16px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:12px;\r\n\r\n border-radius:15px;\r\n\r\n background:\r\n rgba(255,255,255,.96);\r\n\r\n box-shadow:\r\n 0 18px 45px rgba(7,21,47,.16);\r\n\r\n animation:\r\n cnAboutFloat\r\n 4s\r\n ease-in-out\r\n infinite;\r\n}\r\n\r\n\r\n@keyframes cnAboutFloat{\r\n\r\n 50%{\r\n transform:translateY(-7px);\r\n }\r\n\r\n}\r\n\r\n\r\n.cn-about-float-icon{\r\n\r\n width:42px;\r\n height:42px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:11px;\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n}\r\n\r\n\r\n.cn-about-float-icon svg{\r\n\r\n width:20px;\r\n height:20px;\r\n}\r\n\r\n\r\n.cn-about-float-card small{\r\n\r\n display:block;\r\n\r\n margin-bottom:4px;\r\n\r\n color:#9aa5b3;\r\n\r\n font-size:8px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1px;\r\n}\r\n\r\n\r\n.cn-about-float-card strong{\r\n\r\n display:block;\r\n\r\n color:var(--navy);\r\n\r\n font-size:12px;\r\n\r\n line-height:1.3;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n RIGHT\r\n========================================================= *\/\r\n\r\n.cn-about-content{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n justify-content:center;\r\n}\r\n\r\n\r\n.cn-about-eyebrow{\r\n\r\n margin-bottom:12px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:11px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n}\r\n\r\n\r\n.cn-about-content h2{\r\n\r\n max-width:620px;\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(48px,4.3vw,70px);\r\n\r\n line-height:.98;\r\n\r\n letter-spacing:-3.3px;\r\n\r\n font-weight:850;\r\n}\r\n\r\n\r\n.cn-about-content h2 span{\r\n\r\n display:block;\r\n\r\n color:var(--orange);\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n COPY\r\n========================================================= *\/\r\n\r\n.cn-about-lead{\r\n\r\n max-width:640px;\r\n\r\n margin:\r\n 24px 0 0;\r\n\r\n color:#4e5d72;\r\n\r\n font-size:17px;\r\n\r\n line-height:1.62;\r\n\r\n font-weight:500;\r\n}\r\n\r\n\r\n.cn-about-body{\r\n\r\n max-width:620px;\r\n\r\n margin:\r\n 15px 0 0;\r\n\r\n color:#7a8596;\r\n\r\n font-size:13px;\r\n\r\n line-height:1.6;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n POINTS\r\n========================================================= *\/\r\n\r\n.cn-about-points{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n gap:11px;\r\n\r\n margin-top:28px;\r\n}\r\n\r\n\r\n.cn-about-point{\r\n\r\n min-height:112px;\r\n\r\n padding:\r\n 16px;\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:13px;\r\n\r\n border-radius:15px;\r\n\r\n background:#ffffff;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n box-shadow:\r\n 0 8px 24px rgba(7,21,47,.045);\r\n\r\n transition:\r\n transform .3s ease,\r\n border-color .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.cn-about-point:hover{\r\n\r\n transform:\r\n translateY(-4px);\r\n\r\n border-color:\r\n rgba(239,84,47,.35);\r\n\r\n box-shadow:\r\n 0 15px 32px rgba(7,21,47,.08);\r\n}\r\n\r\n\r\n.cn-about-point-number{\r\n\r\n width:32px;\r\n height:32px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n color:var(--orange);\r\n\r\n background:\r\n rgba(239,84,47,.08);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n}\r\n\r\n\r\n.cn-about-point strong{\r\n\r\n display:block;\r\n\r\n color:var(--navy);\r\n\r\n font-size:14px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-about-point span{\r\n\r\n display:block;\r\n\r\n margin-top:6px;\r\n\r\n color:#8490a1;\r\n\r\n font-size:10px;\r\n\r\n line-height:1.45;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BOTTOM\r\n========================================================= *\/\r\n\r\n.cn-about-bottom{\r\n\r\n margin-top:28px;\r\n\r\n padding-top:23px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n border-top:\r\n 1px solid #e1e6ec;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BUTTON\r\n========================================================= *\/\r\n\r\n.cn-about-button{\r\n\r\n min-height:50px;\r\n\r\n padding:\r\n 0 20px;\r\n\r\n display:inline-flex;\r\n\r\n align-items:center;\r\n\r\n gap:26px;\r\n\r\n border-radius:11px;\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n text-decoration:none;\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(239,84,47,.18);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease;\r\n}\r\n\r\n\r\n.cn-about-button:hover{\r\n\r\n transform:\r\n translateY(-3px);\r\n\r\n box-shadow:\r\n 0 17px 32px rgba(239,84,47,.28);\r\n}\r\n\r\n\r\n.cn-about-button span{\r\n\r\n font-size:19px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n NOTE\r\n========================================================= *\/\r\n\r\n.cn-about-note{\r\n\r\n text-align:right;\r\n}\r\n\r\n\r\n.cn-about-note strong{\r\n\r\n display:block;\r\n\r\n color:var(--navy);\r\n\r\n font-size:12px;\r\n\r\n font-weight:800;\r\n}\r\n\r\n\r\n.cn-about-note span{\r\n\r\n display:block;\r\n\r\n margin-top:4px;\r\n\r\n color:#8a95a4;\r\n\r\n font-size:9px;\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SHORT DESKTOP \/ ELEMENTOR\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:820px)\r\nand\r\n(min-width:901px){\r\n\r\n .cn-about-inner{\r\n\r\n gap:42px;\r\n\r\n padding:\r\n 30px 0;\r\n }\r\n\r\n\r\n .cn-about-visual{\r\n\r\n min-height:580px;\r\n }\r\n\r\n\r\n .cn-about-content h2{\r\n\r\n font-size:\r\n clamp(42px,3.6vw,58px);\r\n }\r\n\r\n\r\n .cn-about-lead{\r\n\r\n margin-top:16px;\r\n\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-about-body{\r\n\r\n margin-top:10px;\r\n\r\n font-size:11px;\r\n }\r\n\r\n\r\n .cn-about-points{\r\n\r\n margin-top:19px;\r\n\r\n gap:8px;\r\n }\r\n\r\n\r\n .cn-about-point{\r\n\r\n min-height:88px;\r\n\r\n padding:12px;\r\n }\r\n\r\n\r\n .cn-about-point strong{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-about-point span{\r\n\r\n margin-top:4px;\r\n\r\n font-size:8px;\r\n }\r\n\r\n\r\n .cn-about-bottom{\r\n\r\n margin-top:18px;\r\n\r\n padding-top:16px;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-about-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n\r\n gap:35px;\r\n }\r\n\r\n\r\n .cn-about-content h2{\r\n\r\n font-size:46px;\r\n }\r\n\r\n\r\n .cn-about-points{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:760px){\r\n\r\n .cn-about-screen{\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n }\r\n\r\n\r\n .cn-about-inner{\r\n\r\n width:\r\n calc(100% - 30px);\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:38px;\r\n\r\n padding:\r\n 60px 0;\r\n }\r\n\r\n\r\n .cn-about-visual{\r\n\r\n min-height:520px;\r\n }\r\n\r\n\r\n .cn-about-content h2{\r\n\r\n font-size:44px;\r\n\r\n letter-spacing:-2.2px;\r\n }\r\n\r\n\r\n .cn-about-lead{\r\n\r\n font-size:15px;\r\n }\r\n\r\n\r\n .cn-about-body{\r\n\r\n font-size:12px;\r\n }\r\n\r\n\r\n .cn-about-points{\r\n\r\n grid-template-columns:1fr;\r\n }\r\n\r\n\r\n .cn-about-bottom{\r\n\r\n display:block;\r\n }\r\n\r\n\r\n .cn-about-button{\r\n\r\n width:100%;\r\n\r\n justify-content:space-between;\r\n }\r\n\r\n\r\n .cn-about-note{\r\n\r\n margin-top:18px;\r\n\r\n text-align:left;\r\n }\r\n\r\n\r\n .cn-about-float-card{\r\n\r\n right:15px;\r\n\r\n max-width:220px;\r\n }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0ed9750 e-con e-atomic-element e-flexbox-base e-default-div e-803fde8 \" data-id=\"0ed9750\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0ed9750\" data-e-type=\"e-flexbox\" data-id=\"0ed9750\">\n <div class=\"elementor-element elementor-element-f5abcf9 e-flex e-con-boxed e-con e-parent\" data-id=\"f5abcf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a11b81b elementor-widget elementor-widget-html\" data-id=\"a11b81b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-review-wall\">\r\n\r\n <div class=\"cn-review-inner\">\r\n\r\n \r\n\r\n <div class=\"cn-review-head\">\r\n\r\n <div class=\"cn-review-eyebrow\">\r\n CUSTOMER REVIEWS\r\n <\/div>\r\n\r\n <h2>\r\n What do our customers say?\r\n <\/h2>\r\n\r\n <p>\r\n Trusted by buyers shipping goods from China worldwide.\r\n <\/p>\r\n\r\n <div class=\"cn-review-rating\">\r\n\r\n <div class=\"cn-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <strong>4.9<\/strong>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-review-rating-note\">\r\n Based on customer feedback\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-review-masonry\">\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=47\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Antoinette S.<\/strong>\r\n <span>United Kingdom \u00b7 Aug 21, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We had orders arriving from several 1688 sellers on different\r\n days. The warehouse team kept everything organized and sent us\r\n photos when the parcels arrived. Communication was clear from\r\n receiving through final shipping.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=12\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Daniel K.<\/strong>\r\n <span>Germany \u00b7 Aug 18, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Fast receiving and very easy communication. They combined four\r\n supplier shipments into one carton for us.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n DIRECT CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=33\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Haven & Heart<\/strong>\r\n <span>Australia \u00b7 Aug 14, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n One supplier sent the wrong color on part of our order.\r\n Because the goods were checked in China first, we caught the\r\n problem before paying for international shipping. The team\r\n showed us the difference in photos and waited for our decision.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=8\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Renuko Plus<\/strong>\r\n <span>United States \u00b7 Aug 09, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Our cartons were received, photographed and repacked before\r\n shipping. The process felt much easier than coordinating\r\n everything separately with each supplier.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=44\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Cei Kiki<\/strong>\r\n <span>Canada \u00b7 Aug 05, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n This was my first time buying from several suppliers in China.\r\n I was worried about tracking which parcel belonged to which\r\n order, but the warehouse handled it well. I received updates\r\n when everything arrived and the final shipment was much easier\r\n to manage.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n CN-DELIVERY CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=15\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Dom LP<\/strong>\r\n <span>France \u00b7 Jul 31, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Reliable team. They answered quickly and helped us choose a\r\n better shipping route for our cargo.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=49\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Hassan Oz<\/strong>\r\n <span>UAE \u00b7 Jul 27, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We regularly purchase small batches of products from China.\r\n Having one warehouse where all suppliers can send the goods\r\n makes the process much simpler. We especially like being able\r\n to check the packing before the international shipment leaves.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-featured\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=52\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Lily C.<\/strong>\r\n <span>United Kingdom \u00b7 Jul 23, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We have worked with different forwarding companies before,\r\n but what we needed most was visibility before shipping.\r\n With CN-Delivery, goods from our suppliers first arrive at one\r\n warehouse. We can check photos, confirm quantities, consolidate\r\n cartons and decide how we want the final shipment packed.\r\n <br><br>\r\n For our business this is much more useful than simply receiving\r\n a tracking number after the cargo has already left China.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n LONG-TERM CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=11\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Velvet Vial<\/strong>\r\n <span>Netherlands \u00b7 Jul 18, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Our products came from three factories and arrived at different\r\n times. The warehouse stored everything until the last shipment\r\n arrived, then consolidated it for us.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=16\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Novaurum<\/strong>\r\n <span>Italy \u00b7 Jul 15, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Responsive team and clear updates. Our first shipment arrived\r\n safely and the packing was much better after consolidation.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n DIRECT CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=25\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Shift Ready Gear<\/strong>\r\n <span>Israel \u00b7 Jul 11, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We shipped products from multiple suppliers and needed them\r\n combined before delivery. The warehouse sent photos, confirmed\r\n the final weight and prepared the shipment after we approved it.\r\n The communication was straightforward.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n CN-DELIVERY CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=4\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Marco T.<\/strong>\r\n <span>Spain \u00b7 Jul 06, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We sent a factory sample to the warehouse before placing a\r\n larger production order. They helped us inspect the package\r\n and confirm what actually arrived. Very useful when buying\r\n remotely.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=68\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Oliver M.<\/strong>\r\n <span>United Kingdom \u00b7 Jun 28, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We buy accessories from several suppliers around Guangzhou and\r\n Shenzhen. Sending everything to one warehouse before export\r\n has made inventory control much easier for us.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=31\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Sophie R.<\/strong>\r\n <span>Belgium \u00b7 Jun 22, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Quick response and good communication. Receiving photos were\r\n sent shortly after the cartons arrived.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n DIRECT CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=57\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Nordic Living<\/strong>\r\n <span>Sweden \u00b7 Jun 17, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We purchase furniture components from different factories.\r\n Some cartons are large and some are very small, so consolidation\r\n was important for us. The team reorganized the shipment and\r\n provided the final packing details before dispatch.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=21\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>David A.<\/strong>\r\n <span>Australia \u00b7 Jun 12, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n The biggest benefit for us is that we do not need every factory\r\n to organize international shipping separately. All suppliers\r\n deliver domestically to the same warehouse and we arrange one\r\n international shipment afterward.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=60\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Maison Verdi<\/strong>\r\n <span>France \u00b7 Jun 07, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We had fragile products mixed with normal cartons. The warehouse\r\n separated them and added additional protection before shipping.\r\n Everything arrived in good condition.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n CN-DELIVERY CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra cn-review-short\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=36\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Adam P.<\/strong>\r\n <span>Poland \u00b7 May 31, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n Good warehouse service and very convenient for orders from 1688.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source\">\r\n VERIFIED BUYER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=38\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Urban Supply Co.<\/strong>\r\n <span>United States \u00b7 May 24, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n We use the warehouse mainly for consolidation and repacking.\r\n Being able to send orders from different factories to one place\r\n gives us much better control over our outgoing shipments.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-blue\">\r\n BUSINESS CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n\r\n \r\n\r\n <article class=\"cn-review-card cn-review-extra\">\r\n\r\n <div class=\"cn-review-person\">\r\n\r\n <img decoding=\"async\"\r\n src=\"https:\/\/i.pravatar.cc\/120?img=42\"\r\n alt=\"Customer review\"\r\n >\r\n\r\n <div>\r\n <strong>Emily J.<\/strong>\r\n <span>New Zealand \u00b7 May 17, 2026<\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-card-stars\">\r\n \u2605\u2605\u2605\u2605\u2605\r\n <\/div>\r\n\r\n <p>\r\n This was our second shipment. The warehouse received products\r\n from five sellers, waited until everything had arrived and then\r\n packed the goods together. Updates were clear throughout.\r\n <\/p>\r\n\r\n <div class=\"cn-review-source cn-source-orange\">\r\n RETURNING CUSTOMER\r\n <\/div>\r\n\r\n <\/article>\r\n\r\n\r\n <\/div>\r\n\r\n\r\n \r\n\r\n <div class=\"cn-review-fade\"><\/div>\r\n\r\n\r\n <div class=\"cn-review-more\">\r\n\r\n <button\r\n type=\"button\"\r\n class=\"cn-review-more-button\"\r\n aria-expanded=\"false\"\r\n onclick=\"cnToggleReviews(this)\"\r\n >\r\n\r\n <span class=\"cn-review-more-text\">\r\n View more reviews\r\n <\/span>\r\n\r\n <span class=\"cn-review-chevron\">\r\n \u2193\r\n <\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n SECTION\r\n========================================================= *\/\r\n\r\n.cn-review-wall{\r\n\r\n --navy:#081936;\r\n --orange:#f25532;\r\n --gray:#6f7784;\r\n --line:#e1e5ea;\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n background:#ffffff;\r\n\r\n overflow:hidden;\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n}\r\n\r\n\r\n.cn-review-inner{\r\n\r\n position:relative;\r\n\r\n width:min(\r\n calc(100% - 80px),\r\n 1320px\r\n );\r\n\r\n margin:0 auto;\r\n\r\n padding:\r\n 80px 0\r\n 55px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n HEADER\r\n========================================================= *\/\r\n\r\n.cn-review-head{\r\n\r\n text-align:center;\r\n\r\n margin-bottom:58px;\r\n\r\n}\r\n\r\n\r\n.cn-review-eyebrow{\r\n\r\n margin-bottom:11px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2.2px;\r\n\r\n}\r\n\r\n\r\n.cn-review-head h2{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:\r\n clamp(34px,3vw,48px);\r\n\r\n line-height:1;\r\n\r\n letter-spacing:-1.7px;\r\n\r\n font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-review-head p{\r\n\r\n margin:\r\n 14px 0\r\n 7px;\r\n\r\n color:#7d8796;\r\n\r\n font-size:14px;\r\n\r\n}\r\n\r\n\r\n.cn-review-rating{\r\n\r\n margin-top:10px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:13px;\r\n\r\n}\r\n\r\n\r\n.cn-stars{\r\n\r\n color:#f5a000;\r\n\r\n font-size:34px;\r\n\r\n line-height:1;\r\n\r\n letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n.cn-review-rating strong{\r\n\r\n color:#252a31;\r\n\r\n font-size:27px;\r\n\r\n line-height:1;\r\n\r\n}\r\n\r\n\r\n.cn-review-rating-note{\r\n\r\n margin-top:7px;\r\n\r\n color:#a0a8b3;\r\n\r\n font-size:9px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MASONRY\r\n========================================================= *\/\r\n\r\n.cn-review-masonry{\r\n\r\n column-count:4;\r\n\r\n column-gap:22px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CARD\r\n========================================================= *\/\r\n\r\n.cn-review-card{\r\n\r\n position:relative;\r\n\r\n display:inline-block;\r\n\r\n width:100%;\r\n\r\n box-sizing:border-box;\r\n\r\n break-inside:avoid;\r\n\r\n margin:\r\n 0 0\r\n 22px;\r\n\r\n padding:\r\n 20px 20px\r\n 18px;\r\n\r\n border:\r\n 1px solid var(--line);\r\n\r\n border-radius:12px;\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 3px 12px\r\n rgba(8,25,54,.025);\r\n\r\n vertical-align:top;\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-review-card:hover{\r\n\r\n transform:\r\n translateY(-5px);\r\n\r\n border-color:\r\n rgba(242,85,50,.28);\r\n\r\n box-shadow:\r\n 0 15px 35px\r\n rgba(8,25,54,.08);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n PERSON\r\n========================================================= *\/\r\n\r\n.cn-review-person{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:10px;\r\n\r\n}\r\n\r\n\r\n.cn-review-person img{\r\n\r\n width:38px;\r\n height:38px;\r\n\r\n flex:0 0 auto;\r\n\r\n object-fit:cover;\r\n\r\n border-radius:50%;\r\n\r\n background:#eef1f4;\r\n\r\n}\r\n\r\n\r\n.cn-review-person strong{\r\n\r\n display:block;\r\n\r\n color:#242a32;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.2;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-review-person span{\r\n\r\n display:block;\r\n\r\n margin-top:4px;\r\n\r\n color:#9ca5b2;\r\n\r\n font-size:9px;\r\n\r\n line-height:1.2;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n STARS\r\n========================================================= *\/\r\n\r\n.cn-card-stars{\r\n\r\n margin-top:16px;\r\n\r\n color:#f5a000;\r\n\r\n font-size:13px;\r\n\r\n line-height:1;\r\n\r\n letter-spacing:1px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TEXT\r\n========================================================= *\/\r\n\r\n.cn-review-card p{\r\n\r\n margin:\r\n 12px 0\r\n 18px;\r\n\r\n color:#626d7d;\r\n\r\n font-size:12px;\r\n\r\n line-height:1.58;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SOURCES\r\n========================================================= *\/\r\n\r\n.cn-review-source{\r\n\r\n text-align:right;\r\n\r\n color:#79a947;\r\n\r\n font-size:8px;\r\n\r\n line-height:1;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.6px;\r\n\r\n}\r\n\r\n\r\n.cn-source-blue{\r\n\r\n color:#1687e8;\r\n\r\n}\r\n\r\n\r\n.cn-source-orange{\r\n\r\n color:var(--orange);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FEATURED\r\n========================================================= *\/\r\n\r\n.cn-review-featured{\r\n\r\n border-color:\r\n rgba(242,85,50,.4);\r\n\r\n box-shadow:\r\n 0 12px 34px\r\n rgba(8,25,54,.055);\r\n\r\n}\r\n\r\n\r\n.cn-review-featured:before{\r\n\r\n content:\"FEATURED\";\r\n\r\n position:absolute;\r\n\r\n top:18px;\r\n right:18px;\r\n\r\n padding:\r\n 5px 7px;\r\n\r\n border-radius:5px;\r\n\r\n color:var(--orange);\r\n\r\n background:#fff0ec;\r\n\r\n font-size:7px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:.7px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n EXTRA REVIEWS\r\n========================================================= *\/\r\n\r\n.cn-review-extra{\r\n\r\n display:none;\r\n\r\n}\r\n\r\n\r\n.cn-review-wall.cn-reviews-open\r\n.cn-review-extra{\r\n\r\n display:inline-block;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FADE\r\n========================================================= *\/\r\n\r\n.cn-review-fade{\r\n\r\n position:absolute;\r\n\r\n z-index:4;\r\n\r\n pointer-events:none;\r\n\r\n left:0;\r\n right:0;\r\n\r\n bottom:55px;\r\n\r\n height:120px;\r\n\r\n background:\r\n linear-gradient(\r\n 180deg,\r\n rgba(255,255,255,0) 0%,\r\n rgba(255,255,255,.68) 48%,\r\n #ffffff 100%\r\n );\r\n\r\n transition:\r\n opacity .35s ease,\r\n visibility .35s ease;\r\n\r\n}\r\n\r\n\r\n.cn-review-wall.cn-reviews-open\r\n.cn-review-fade{\r\n\r\n opacity:0;\r\n\r\n visibility:hidden;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MORE BUTTON\r\n========================================================= *\/\r\n\r\n.cn-review-more{\r\n\r\n position:relative;\r\n\r\n z-index:8;\r\n\r\n display:flex;\r\n\r\n justify-content:center;\r\n\r\n margin-top:18px;\r\n\r\n text-align:center;\r\n\r\n}\r\n\r\n\r\n.cn-review-more-button{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n padding:\r\n 8px 20px;\r\n\r\n border:0;\r\n\r\n outline:0;\r\n\r\n background:transparent;\r\n\r\n color:var(--orange);\r\n\r\n cursor:pointer;\r\n\r\n font-family:inherit;\r\n\r\n font-size:11px;\r\n\r\n font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-review-more-button:hover{\r\n\r\n color:#d94322;\r\n\r\n}\r\n\r\n\r\n.cn-review-chevron{\r\n\r\n display:block;\r\n\r\n font-size:25px;\r\n\r\n line-height:1;\r\n\r\n transform-origin:center;\r\n\r\n transition:\r\n transform .35s ease;\r\n\r\n animation:\r\n cnReviewBounce\r\n 1.6s\r\n ease-in-out\r\n infinite;\r\n\r\n}\r\n\r\n\r\n.cn-review-wall.cn-reviews-open\r\n.cn-review-chevron{\r\n\r\n transform:rotate(180deg);\r\n\r\n animation:none;\r\n\r\n}\r\n\r\n\r\n@keyframes cnReviewBounce{\r\n\r\n 0%,\r\n 100%{\r\n\r\n transform:\r\n translateY(0);\r\n\r\n }\r\n\r\n 50%{\r\n\r\n transform:\r\n translateY(5px);\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1100px){\r\n\r\n .cn-review-masonry{\r\n\r\n column-count:3;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:820px){\r\n\r\n .cn-review-inner{\r\n\r\n width:\r\n calc(100% - 40px);\r\n\r\n }\r\n\r\n\r\n .cn-review-masonry{\r\n\r\n column-count:2;\r\n\r\n }\r\n\r\n\r\n .cn-review-head{\r\n\r\n margin-bottom:42px;\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:560px){\r\n\r\n .cn-review-inner{\r\n\r\n width:\r\n calc(100% - 28px);\r\n\r\n padding:\r\n 58px 0\r\n 40px;\r\n\r\n }\r\n\r\n\r\n .cn-review-head{\r\n\r\n margin-bottom:34px;\r\n\r\n }\r\n\r\n\r\n .cn-review-head h2{\r\n\r\n font-size:34px;\r\n\r\n }\r\n\r\n\r\n .cn-stars{\r\n\r\n font-size:26px;\r\n\r\n }\r\n\r\n\r\n .cn-review-rating strong{\r\n\r\n font-size:23px;\r\n\r\n }\r\n\r\n\r\n .cn-review-masonry{\r\n\r\n column-count:1;\r\n\r\n }\r\n\r\n\r\n .cn-review-card{\r\n\r\n margin-bottom:14px;\r\n\r\n }\r\n\r\n\r\n .cn-review-fade{\r\n\r\n bottom:42px;\r\n\r\n height:90px;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\nfunction cnToggleReviews(button){\r\n\r\n const section =\r\n button.closest('.cn-review-wall');\r\n\r\n const text =\r\n button.querySelector('.cn-review-more-text');\r\n\r\n const isOpen =\r\n section.classList.toggle('cn-reviews-open');\r\n\r\n\r\n button.setAttribute(\r\n 'aria-expanded',\r\n isOpen ? 'true' : 'false'\r\n );\r\n\r\n\r\n if(isOpen){\r\n\r\n text.textContent =\r\n 'Show fewer reviews';\r\n\r\n }else{\r\n\r\n text.textContent =\r\n 'View more reviews';\r\n\r\n\r\n const masonry =\r\n section.querySelector('.cn-review-masonry');\r\n\r\n\r\n if(masonry){\r\n\r\n const top =\r\n masonry.getBoundingClientRect().top\r\n + window.pageYOffset\r\n - 100;\r\n\r\n\r\n window.scrollTo({\r\n top:top,\r\n behavior:'smooth'\r\n });\r\n\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a04eda e-con e-atomic-element e-flexbox-base e-default-div e-68a8878 \" data-id=\"9a04eda\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a04eda\" data-e-type=\"e-flexbox\" data-id=\"9a04eda\">\n <div class=\"elementor-element elementor-element-f2e681b e-flex e-con-boxed e-con e-parent\" data-id=\"f2e681b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a7d83f6 elementor-widget elementor-widget-html\" data-id=\"a7d83f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-quote-screen\" id=\"quote\">\r\n\r\n <div class=\"cn-quote-inner\">\r\n\r\n \r\n\r\n <div class=\"cn-quote-info\">\r\n\r\n <div class=\"cn-quote-eyebrow\">\r\n START YOUR SHIPMENT\r\n <\/div>\r\n\r\n <h2>\r\n Tell us what\r\n <span>you need to ship.<\/span>\r\n <\/h2>\r\n\r\n <p class=\"cn-quote-lead\">\r\n Send us your product details, supplier links or shipment information.\r\n Our China-based team will review the cargo and help you find the next step.\r\n <\/p>\r\n\r\n\r\n <div class=\"cn-quote-benefits\">\r\n\r\n <div class=\"cn-quote-benefit\">\r\n\r\n <div class=\"cn-quote-benefit-icon\">\r\n 01\r\n <\/div>\r\n\r\n <div>\r\n <strong>Send the basic details<\/strong>\r\n <span>\r\n Product type, destination, quantity, weight or supplier link.\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-quote-benefit\">\r\n\r\n <div class=\"cn-quote-benefit-icon\">\r\n 02\r\n <\/div>\r\n\r\n <div>\r\n <strong>We check the options<\/strong>\r\n <span>\r\n Warehouse handling, packing requirements and available shipping routes.\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-quote-benefit\">\r\n\r\n <div class=\"cn-quote-benefit-icon\">\r\n 03\r\n <\/div>\r\n\r\n <div>\r\n <strong>You decide how to proceed<\/strong>\r\n <span>\r\n Confirm the plan before sending your goods to our China warehouse.\r\n <\/span>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-quote-trust\">\r\n\r\n <div class=\"cn-quote-trust-dot\"><\/div>\r\n\r\n <div>\r\n\r\n <strong>\r\n China-based warehouse team\r\n <\/strong>\r\n\r\n <span>\r\n Receiving \u00b7 Inspection \u00b7 Consolidation \u00b7 Repacking \u00b7 Shipping\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-quote-form-wrap\">\r\n\r\n <div class=\"cn-quote-form-top\">\r\n\r\n <div>\r\n\r\n <span>\r\n GET A QUOTE\r\n <\/span>\r\n\r\n <h3>\r\n Shipment details\r\n <\/h3>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-quote-form-badge\">\r\n Usually takes 2\u20133 minutes\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <form\r\n class=\"cn-quote-form\"\r\n id=\"cnShippingQuoteForm\"\r\n autocomplete=\"on\"\r\n novalidate\r\n >\r\n\r\n <input\r\n type=\"hidden\"\r\n name=\"_wpcf7\"\r\n value=\"63\"\r\n >\r\n\r\n <input\r\n type=\"hidden\"\r\n name=\"_wpcf7_unit_tag\"\r\n value=\"wpcf7-f63-o1\"\r\n >\r\n\r\n <input\r\n type=\"hidden\"\r\n name=\"_wpcf7_container_post\"\r\n value=\"0\"\r\n >\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-grid cn-form-grid-2\">\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-your-name\">\r\n Your name\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-your-name\"\r\n type=\"text\"\r\n name=\"your-name\"\r\n placeholder=\"John Smith\"\r\n autocomplete=\"name\"\r\n required\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-your-email\">\r\n Email\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-your-email\"\r\n type=\"email\"\r\n name=\"your-email\"\r\n placeholder=\"name@company.com\"\r\n autocomplete=\"email\"\r\n required\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-grid cn-form-grid-2\">\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-whatsapp\">\r\n\r\n WhatsApp\r\n\r\n <span>\r\n Optional\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-whatsapp\"\r\n type=\"tel\"\r\n name=\"your-whatsapp\"\r\n placeholder=\"+44...\"\r\n autocomplete=\"tel\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-destination\">\r\n Destination\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-destination\"\r\n type=\"text\"\r\n name=\"destination\"\r\n placeholder=\"Country \/ city\"\r\n required\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label>\r\n What are you shipping?\r\n <\/label>\r\n\r\n <div class=\"cn-cargo-options\">\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"General goods\"\r\n checked\r\n >\r\n <span>General goods<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Batteries\"\r\n >\r\n <span>Batteries<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Furniture\"\r\n >\r\n <span>Furniture<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Machinery\"\r\n >\r\n <span>Machinery<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Chemicals\"\r\n >\r\n <span>Chemicals<\/span>\r\n <\/label>\r\n\r\n\r\n <label class=\"cn-cargo-option\">\r\n <input\r\n type=\"radio\"\r\n name=\"cargo-type\"\r\n value=\"Other\"\r\n >\r\n <span>Other<\/span>\r\n <\/label>\r\n\r\n <\/div>\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-grid cn-form-grid-3\">\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-quantity\">\r\n Quantity\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-quantity\"\r\n type=\"text\"\r\n name=\"quantity\"\r\n placeholder=\"e.g. 10 cartons\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-weight\">\r\n Weight\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-weight\"\r\n type=\"text\"\r\n name=\"weight\"\r\n placeholder=\"e.g. 120 kg\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-volume\">\r\n\r\n Volume\r\n\r\n <span>\r\n Optional\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-volume\"\r\n type=\"text\"\r\n name=\"volume\"\r\n placeholder=\"e.g. 1.2 CBM\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-supplier-link\">\r\n\r\n Product or supplier link\r\n\r\n <span>\r\n Optional\r\n <\/span>\r\n\r\n <\/label>\r\n\r\n <input\r\n id=\"cn-supplier-link\"\r\n type=\"url\"\r\n name=\"supplier-link\"\r\n placeholder=\"1688, Alibaba, Taobao or factory product link\"\r\n >\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-field\">\r\n\r\n <label for=\"cn-shipment-message\">\r\n Tell us about the shipment\r\n <\/label>\r\n\r\n <textarea\r\n id=\"cn-shipment-message\"\r\n name=\"shipment-message\"\r\n rows=\"5\"\r\n placeholder=\"Tell us what you are buying, how many suppliers are involved, where the goods need to go, or anything else we should know.\"\r\n ><\/textarea>\r\n\r\n <div class=\"cn-field-error\"><\/div>\r\n\r\n <\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div\r\n class=\"cn-form-response\"\r\n id=\"cnFormResponse\"\r\n role=\"status\"\r\n aria-live=\"polite\"\r\n ><\/div>\r\n\r\n\r\n\r\n \r\n\r\n <div class=\"cn-form-bottom\">\r\n\r\n <div class=\"cn-form-privacy\">\r\n\r\n <span class=\"cn-form-lock\">\r\n\r\n <svg\r\n viewBox=\"0 0 24 24\"\r\n fill=\"none\"\r\n stroke=\"currentColor\"\r\n stroke-width=\"1.8\"\r\n >\r\n <rect\r\n x=\"5\"\r\n y=\"10\"\r\n width=\"14\"\r\n height=\"10\"\r\n rx=\"2\"\r\n ><\/rect>\r\n\r\n <path\r\n d=\"M8 10V7a4 4 0 0 1 8 0v3\"\r\n ><\/path>\r\n\r\n <\/svg>\r\n\r\n <\/span>\r\n\r\n <span>\r\n Your shipment information is only used to prepare your inquiry.\r\n <\/span>\r\n\r\n <\/div>\r\n\r\n\r\n <button\r\n type=\"submit\"\r\n class=\"cn-quote-submit\"\r\n id=\"cnQuoteSubmit\"\r\n >\r\n\r\n <span class=\"cn-submit-text\">\r\n Send shipment details\r\n <\/span>\r\n\r\n <span class=\"cn-submit-arrow\">\r\n \u2192\r\n <\/span>\r\n\r\n <span\r\n class=\"cn-submit-spinner\"\r\n aria-hidden=\"true\"\r\n ><\/span>\r\n\r\n <\/button>\r\n\r\n <\/div>\r\n\r\n <\/form>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n SECTION\r\n========================================================= *\/\r\n\r\n.cn-quote-screen{\r\n\r\n --navy:#07162f;\r\n --navy2:#0d2348;\r\n --orange:#f25532;\r\n --light:#f6f8fb;\r\n --text:#78869a;\r\n\r\n position:relative;\r\n\r\n width:100%;\r\n\r\n min-height:100vh;\r\n min-height:100svh;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n overflow:hidden;\r\n\r\n color:#ffffff;\r\n\r\n background:\r\n radial-gradient(\r\n circle at 15% 15%,\r\n rgba(242,85,50,.12),\r\n transparent 30%\r\n ),\r\n radial-gradient(\r\n circle at 88% 78%,\r\n rgba(57,97,161,.22),\r\n transparent 30%\r\n ),\r\n linear-gradient(\r\n 135deg,\r\n #06142d 0%,\r\n #081a3a 54%,\r\n #06142d 100%\r\n );\r\n\r\n font-family:\r\n Inter,\r\n -apple-system,\r\n BlinkMacSystemFont,\r\n \"Segoe UI\",\r\n Arial,\r\n sans-serif;\r\n\r\n}\r\n\r\n\r\n.cn-quote-screen:before{\r\n\r\n content:\"\";\r\n\r\n position:absolute;\r\n\r\n inset:0;\r\n\r\n pointer-events:none;\r\n\r\n opacity:.06;\r\n\r\n background-image:\r\n linear-gradient(\r\n rgba(255,255,255,.08) 1px,\r\n transparent 1px\r\n ),\r\n linear-gradient(\r\n 90deg,\r\n rgba(255,255,255,.08) 1px,\r\n transparent 1px\r\n );\r\n\r\n background-size:\r\n 70px 70px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n INNER\r\n========================================================= *\/\r\n\r\n.cn-quote-inner{\r\n\r\n position:relative;\r\n\r\n z-index:2;\r\n\r\n width:min(\r\n calc(100% - 90px),\r\n 1450px\r\n );\r\n\r\n margin:auto;\r\n\r\n padding:70px 0;\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n .88fr 1.12fr;\r\n\r\n align-items:center;\r\n\r\n gap:75px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n LEFT\r\n========================================================= *\/\r\n\r\n.cn-quote-info{\r\n\r\n max-width:590px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-eyebrow{\r\n\r\n margin-bottom:14px;\r\n\r\n color:#ff7758;\r\n\r\n font-size:12px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-info h2{\r\n\r\n margin:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:\r\n clamp(52px,5vw,78px);\r\n\r\n line-height:.96;\r\n\r\n letter-spacing:-3.7px;\r\n\r\n font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-quote-info h2 span{\r\n\r\n display:block;\r\n\r\n color:var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-quote-lead{\r\n\r\n max-width:560px;\r\n\r\n margin:27px 0 0;\r\n\r\n color:#bdc7d5;\r\n\r\n font-size:16px;\r\n\r\n line-height:1.65;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n BENEFITS \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-quote-benefits{\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:11px;\r\n\r\n margin-top:35px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n gap:15px;\r\n\r\n padding:17px 18px;\r\n\r\n border-radius:14px;\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.09);\r\n\r\n background:\r\n rgba(255,255,255,.035);\r\n\r\n transition:\r\n transform .3s ease,\r\n background .3s ease,\r\n border-color .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit:hover{\r\n\r\n transform:translateX(5px);\r\n\r\n border-color:\r\n rgba(242,85,50,.25);\r\n\r\n background:\r\n rgba(255,255,255,.055);\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit-icon{\r\n\r\n width:36px;\r\n height:36px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:9px;\r\n\r\n color:#ff7657;\r\n\r\n background:\r\n rgba(242,85,50,.11);\r\n\r\n font-size:10px;\r\n\r\n font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit strong{\r\n\r\n display:block;\r\n\r\n margin-top:0;\r\n\r\n color:#ffffff;\r\n\r\n font-size:15px;\r\n\r\n line-height:1.3;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-quote-benefit span{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#9eabbd;\r\n\r\n font-size:11.5px;\r\n\r\n line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TRUST \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-quote-trust{\r\n\r\n margin-top:28px;\r\n\r\n padding-top:22px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:13px;\r\n\r\n border-top:\r\n 1px solid rgba(255,255,255,.09);\r\n\r\n}\r\n\r\n\r\n.cn-quote-trust-dot{\r\n\r\n width:10px;\r\n height:10px;\r\n\r\n flex:0 0 auto;\r\n\r\n border-radius:50%;\r\n\r\n background:#52ce83;\r\n\r\n box-shadow:\r\n 0 0 0 6px rgba(82,206,131,.1);\r\n\r\n}\r\n\r\n\r\n.cn-quote-trust strong{\r\n\r\n display:block;\r\n\r\n color:#ffffff;\r\n\r\n font-size:13px;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-quote-trust span{\r\n\r\n display:block;\r\n\r\n margin-top:5px;\r\n\r\n color:#8192a8;\r\n\r\n font-size:10.5px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM BOX\r\n========================================================= *\/\r\n\r\n.cn-quote-form-wrap{\r\n\r\n padding:28px;\r\n\r\n border-radius:25px;\r\n\r\n color:#17233a;\r\n\r\n background:\r\n rgba(255,255,255,.98);\r\n\r\n border:\r\n 1px solid rgba(255,255,255,.18);\r\n\r\n box-shadow:\r\n 0 35px 80px rgba(0,0,0,.22);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM HEADER\r\n========================================================= *\/\r\n\r\n.cn-quote-form-top{\r\n\r\n display:flex;\r\n\r\n align-items:flex-start;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n margin-bottom:24px;\r\n\r\n padding-bottom:20px;\r\n\r\n border-bottom:\r\n 1px solid #e5e9ee;\r\n\r\n}\r\n\r\n\r\n.cn-quote-form-top > div:first-child > span{\r\n\r\n display:block;\r\n\r\n margin-bottom:5px;\r\n\r\n color:var(--orange);\r\n\r\n font-size:9px;\r\n\r\n font-weight:900;\r\n\r\n letter-spacing:1.5px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-form-top h3{\r\n\r\n margin:0;\r\n\r\n color:var(--navy);\r\n\r\n font-size:30px;\r\n\r\n letter-spacing:-1px;\r\n\r\n}\r\n\r\n\r\n.cn-quote-form-badge{\r\n\r\n padding:8px 10px;\r\n\r\n border-radius:999px;\r\n\r\n color:#748094;\r\n\r\n background:#f5f7f9;\r\n\r\n font-size:9px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM\r\n========================================================= *\/\r\n\r\n.cn-quote-form{\r\n\r\n width:100%;\r\n\r\n}\r\n\r\n\r\n.cn-form-grid{\r\n\r\n display:grid;\r\n\r\n gap:12px;\r\n\r\n}\r\n\r\n\r\n.cn-form-grid-2{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n}\r\n\r\n\r\n.cn-form-grid-3{\r\n\r\n grid-template-columns:\r\n repeat(3,minmax(0,1fr));\r\n\r\n}\r\n\r\n\r\n.cn-form-field{\r\n\r\n margin-bottom:16px;\r\n\r\n}\r\n\r\n\r\n\/* Label enlarged *\/\r\n\r\n.cn-form-field label{\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:5px;\r\n\r\n margin-bottom:8px;\r\n\r\n color:#26364f;\r\n\r\n font-size:12.5px;\r\n\r\n line-height:1.25;\r\n\r\n font-weight:800;\r\n\r\n}\r\n\r\n\r\n\/* Optional enlarged *\/\r\n\r\n.cn-form-field label span{\r\n\r\n color:#919caf;\r\n\r\n font-size:9.5px;\r\n\r\n font-weight:500;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n INPUT \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-form-field input,\r\n.cn-form-field textarea{\r\n\r\n width:100%;\r\n\r\n box-sizing:border-box;\r\n\r\n outline:none;\r\n\r\n border:\r\n 1px solid #dfe4e9;\r\n\r\n border-radius:10px;\r\n\r\n color:#18273f;\r\n\r\n background:#fafbfc;\r\n\r\n font-family:inherit;\r\n\r\n font-size:13px;\r\n\r\n transition:\r\n border-color .25s ease,\r\n background .25s ease,\r\n box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.cn-form-field input{\r\n\r\n height:47px;\r\n\r\n padding:0 14px;\r\n\r\n}\r\n\r\n\r\n.cn-form-field textarea{\r\n\r\n min-height:108px;\r\n\r\n padding:13px 14px;\r\n\r\n resize:vertical;\r\n\r\n line-height:1.55;\r\n\r\n}\r\n\r\n\r\n.cn-form-field input::placeholder,\r\n.cn-form-field textarea::placeholder{\r\n\r\n color:#a5afbd;\r\n\r\n font-size:12px;\r\n\r\n}\r\n\r\n\r\n.cn-form-field input:focus,\r\n.cn-form-field textarea:focus{\r\n\r\n border-color:\r\n rgba(242,85,50,.55);\r\n\r\n background:#ffffff;\r\n\r\n box-shadow:\r\n 0 0 0 4px\r\n rgba(242,85,50,.07);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n CARGO OPTIONS \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-cargo-options{\r\n\r\n display:grid;\r\n\r\n grid-template-columns:\r\n repeat(3,minmax(0,1fr));\r\n\r\n gap:9px;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option{\r\n\r\n position:relative;\r\n\r\n margin:0 !important;\r\n\r\n cursor:pointer;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option input{\r\n\r\n position:absolute;\r\n\r\n opacity:0;\r\n\r\n pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option span{\r\n\r\n min-height:42px;\r\n\r\n display:flex !important;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n padding:0 10px;\r\n\r\n box-sizing:border-box;\r\n\r\n border-radius:9px;\r\n\r\n border:\r\n 1px solid #e0e5ea;\r\n\r\n color:#59677d !important;\r\n\r\n background:#fafbfc;\r\n\r\n font-size:11px !important;\r\n\r\n font-weight:700 !important;\r\n\r\n transition:all .25s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option:hover span{\r\n\r\n border-color:\r\n rgba(242,85,50,.35);\r\n\r\n}\r\n\r\n\r\n.cn-cargo-option input:checked + span{\r\n\r\n color:var(--orange) !important;\r\n\r\n border-color:\r\n rgba(242,85,50,.45);\r\n\r\n background:#fff2ee;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n ERRORS\r\n========================================================= *\/\r\n\r\n.cn-field-error{\r\n\r\n color:#d94a4a;\r\n\r\n font-size:9px;\r\n\r\n line-height:1.35;\r\n\r\n}\r\n\r\n\r\n.cn-form-field.cn-has-error\r\n.cn-field-error{\r\n\r\n margin-top:5px;\r\n\r\n}\r\n\r\n\r\n.cn-form-field.cn-has-error input,\r\n.cn-form-field.cn-has-error textarea{\r\n\r\n border-color:#df5555;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n RESPONSE \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-form-response{\r\n\r\n display:none;\r\n\r\n margin:\r\n 3px 0 14px;\r\n\r\n padding:\r\n 12px 14px;\r\n\r\n border-radius:9px;\r\n\r\n font-size:10.5px;\r\n\r\n line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.cn-form-response.cn-response-success{\r\n\r\n display:block;\r\n\r\n color:#257745;\r\n\r\n border:\r\n 1px solid #58bc7a;\r\n\r\n background:#edf9f1;\r\n\r\n}\r\n\r\n\r\n.cn-form-response.cn-response-error{\r\n\r\n display:block;\r\n\r\n color:#98402e;\r\n\r\n border:\r\n 1px solid #e4937f;\r\n\r\n background:#fff1ed;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n FORM BOTTOM \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-form-bottom{\r\n\r\n margin-top:5px;\r\n\r\n padding-top:18px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:space-between;\r\n\r\n gap:20px;\r\n\r\n border-top:\r\n 1px solid #e6eaee;\r\n\r\n}\r\n\r\n\r\n.cn-form-privacy{\r\n\r\n max-width:370px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n gap:9px;\r\n\r\n color:#818c9c;\r\n\r\n font-size:9.5px;\r\n\r\n line-height:1.45;\r\n\r\n}\r\n\r\n\r\n.cn-form-lock{\r\n\r\n width:29px;\r\n height:29px;\r\n\r\n flex:0 0 auto;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n justify-content:center;\r\n\r\n border-radius:8px;\r\n\r\n color:#68778c;\r\n\r\n background:#f3f5f7;\r\n\r\n}\r\n\r\n\r\n.cn-form-lock svg{\r\n\r\n width:14px;\r\n height:14px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SUBMIT \u2014 FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-quote-submit{\r\n\r\n min-width:205px;\r\n\r\n min-height:50px;\r\n\r\n padding:0 20px;\r\n\r\n border:0;\r\n\r\n border-radius:10px;\r\n\r\n display:flex;\r\n\r\n align-items:center;\r\n\r\n justify-content:center;\r\n\r\n gap:28px;\r\n\r\n color:#ffffff;\r\n\r\n background:var(--orange);\r\n\r\n cursor:pointer;\r\n\r\n font-family:inherit;\r\n\r\n font-size:11.5px;\r\n\r\n font-weight:850;\r\n\r\n box-shadow:\r\n 0 12px 25px rgba(242,85,50,.2);\r\n\r\n transition:\r\n transform .3s ease,\r\n box-shadow .3s ease,\r\n background .3s ease,\r\n opacity .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit:hover{\r\n\r\n transform:translateY(-3px);\r\n\r\n background:#e84a27;\r\n\r\n box-shadow:\r\n 0 17px 30px rgba(242,85,50,.28);\r\n\r\n}\r\n\r\n\r\n.cn-submit-arrow{\r\n\r\n font-size:19px;\r\n\r\n}\r\n\r\n\r\n.cn-submit-spinner{\r\n\r\n display:none;\r\n\r\n width:15px;\r\n height:15px;\r\n\r\n box-sizing:border-box;\r\n\r\n border-radius:50%;\r\n\r\n border:\r\n 2px solid rgba(255,255,255,.38);\r\n\r\n border-top-color:#ffffff;\r\n\r\n animation:\r\n cnSpin .7s linear infinite;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit.cn-loading{\r\n\r\n cursor:not-allowed;\r\n\r\n opacity:.82;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit.cn-loading\r\n.cn-submit-arrow{\r\n\r\n display:none;\r\n\r\n}\r\n\r\n\r\n.cn-quote-submit.cn-loading\r\n.cn-submit-spinner{\r\n\r\n display:block;\r\n\r\n}\r\n\r\n\r\n@keyframes cnSpin{\r\n\r\n to{\r\n transform:rotate(360deg);\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n SHORT DESKTOP\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:850px)\r\nand\r\n(min-width:901px){\r\n\r\n .cn-quote-inner{\r\n padding:35px 0;\r\n }\r\n\r\n .cn-quote-info h2{\r\n font-size:\r\n clamp(47px,4.2vw,65px);\r\n }\r\n\r\n .cn-quote-lead{\r\n margin-top:19px;\r\n font-size:13px;\r\n }\r\n\r\n .cn-quote-benefits{\r\n margin-top:23px;\r\n }\r\n\r\n .cn-quote-benefit{\r\n padding:13px 14px;\r\n }\r\n\r\n .cn-quote-benefit strong{\r\n font-size:13px;\r\n }\r\n\r\n .cn-quote-benefit span{\r\n font-size:10px;\r\n }\r\n\r\n .cn-quote-form-wrap{\r\n padding:22px;\r\n }\r\n\r\n .cn-form-field{\r\n margin-bottom:12px;\r\n }\r\n\r\n .cn-form-field label{\r\n font-size:11px;\r\n }\r\n\r\n .cn-form-field input{\r\n height:42px;\r\n font-size:11px;\r\n }\r\n\r\n .cn-form-field textarea{\r\n min-height:82px;\r\n font-size:11px;\r\n }\r\n\r\n .cn-cargo-option span{\r\n min-height:38px;\r\n font-size:9.5px !important;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n .cn-quote-inner{\r\n\r\n width:\r\n calc(100% - 48px);\r\n\r\n gap:40px;\r\n\r\n }\r\n\r\n\r\n .cn-quote-info h2{\r\n font-size:52px;\r\n }\r\n\r\n\r\n .cn-cargo-options{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:780px){\r\n\r\n .cn-quote-screen{\r\n\r\n min-height:auto;\r\n\r\n overflow:visible;\r\n\r\n }\r\n\r\n\r\n .cn-quote-inner{\r\n\r\n width:\r\n calc(100% - 28px);\r\n\r\n display:flex;\r\n\r\n flex-direction:column;\r\n\r\n gap:42px;\r\n\r\n padding:65px 0;\r\n\r\n }\r\n\r\n\r\n .cn-quote-info{\r\n max-width:none;\r\n }\r\n\r\n\r\n .cn-quote-info h2{\r\n\r\n font-size:47px;\r\n\r\n letter-spacing:-2.5px;\r\n\r\n }\r\n\r\n\r\n .cn-quote-lead{\r\n font-size:14px;\r\n }\r\n\r\n\r\n .cn-quote-form-wrap{\r\n\r\n width:100%;\r\n\r\n box-sizing:border-box;\r\n\r\n padding:20px;\r\n\r\n border-radius:20px;\r\n\r\n }\r\n\r\n\r\n .cn-quote-form-top{\r\n display:block;\r\n }\r\n\r\n\r\n .cn-quote-form-badge{\r\n\r\n display:inline-block;\r\n\r\n margin-top:12px;\r\n\r\n }\r\n\r\n\r\n .cn-form-grid-2,\r\n .cn-form-grid-3{\r\n\r\n grid-template-columns:1fr;\r\n\r\n }\r\n\r\n\r\n .cn-cargo-options{\r\n\r\n grid-template-columns:\r\n repeat(2,minmax(0,1fr));\r\n\r\n }\r\n\r\n\r\n .cn-form-bottom{\r\n\r\n flex-direction:column;\r\n\r\n align-items:stretch;\r\n\r\n }\r\n\r\n\r\n .cn-form-privacy{\r\n max-width:none;\r\n }\r\n\r\n\r\n .cn-quote-submit{\r\n\r\n width:100%;\r\n\r\n justify-content:center;\r\n\r\n }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n const form =\r\n document.getElementById('cnShippingQuoteForm');\r\n\r\n if(!form){\r\n return;\r\n }\r\n\r\n\r\n const submitButton =\r\n document.getElementById('cnQuoteSubmit');\r\n\r\n const responseBox =\r\n document.getElementById('cnFormResponse');\r\n\r\n\r\n const CONTACT_FORM_ID = '63';\r\n\r\n\r\n const endpoint =\r\n window.location.origin\r\n + '\/wp-json\/contact-form-7\/v1\/contact-forms\/'\r\n + CONTACT_FORM_ID\r\n + '\/feedback';\r\n\r\n\r\n\r\n function resetErrors(){\r\n\r\n form\r\n .querySelectorAll('.cn-form-field')\r\n .forEach(function(field){\r\n\r\n field.classList.remove(\r\n 'cn-has-error'\r\n );\r\n\r\n const error =\r\n field.querySelector(\r\n '.cn-field-error'\r\n );\r\n\r\n if(error){\r\n error.textContent = '';\r\n }\r\n\r\n });\r\n\r\n\r\n responseBox.className =\r\n 'cn-form-response';\r\n\r\n responseBox.textContent = '';\r\n\r\n }\r\n\r\n\r\n\r\n function showResponse(type,message){\r\n\r\n responseBox.className =\r\n 'cn-form-response '\r\n +\r\n (\r\n type === 'success'\r\n ? 'cn-response-success'\r\n : 'cn-response-error'\r\n );\r\n\r\n responseBox.textContent =\r\n message;\r\n\r\n }\r\n\r\n\r\n\r\n function showSuccess(){\r\n\r\n showResponse(\r\n 'success',\r\n 'Your shipment details have been received successfully. Our team will review your inquiry and contact you as soon as possible.'\r\n );\r\n\r\n\r\n form.reset();\r\n\r\n\r\n const generalGoods =\r\n form.querySelector(\r\n 'input[name=\"cargo-type\"][value=\"General goods\"]'\r\n );\r\n\r\n\r\n if(generalGoods){\r\n generalGoods.checked = true;\r\n }\r\n\r\n\r\n responseBox.scrollIntoView({\r\n behavior:'smooth',\r\n block:'nearest'\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n function showValidationErrors(invalidFields){\r\n\r\n if(!Array.isArray(invalidFields)){\r\n return;\r\n }\r\n\r\n\r\n invalidFields.forEach(function(item){\r\n\r\n const fieldName =\r\n item.field;\r\n\r\n\r\n if(!fieldName){\r\n return;\r\n }\r\n\r\n\r\n const input =\r\n form.querySelector(\r\n '[name=\"' +\r\n fieldName.replace(\/\"\/g,'\\\\\"')\r\n +\r\n '\"]'\r\n );\r\n\r\n\r\n if(!input){\r\n return;\r\n }\r\n\r\n\r\n const field =\r\n input.closest('.cn-form-field');\r\n\r\n\r\n if(!field){\r\n return;\r\n }\r\n\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n\r\n const error =\r\n field.querySelector(\r\n '.cn-field-error'\r\n );\r\n\r\n\r\n if(error){\r\n\r\n error.textContent =\r\n item.message ||\r\n 'Please check this field.';\r\n\r\n }\r\n\r\n });\r\n\r\n }\r\n\r\n\r\n\r\n form.addEventListener(\r\n 'submit',\r\n async function(event){\r\n\r\n event.preventDefault();\r\n\r\n resetErrors();\r\n\r\n\r\n const name =\r\n form.querySelector(\r\n '[name=\"your-name\"]'\r\n );\r\n\r\n const email =\r\n form.querySelector(\r\n '[name=\"your-email\"]'\r\n );\r\n\r\n const destination =\r\n form.querySelector(\r\n '[name=\"destination\"]'\r\n );\r\n\r\n\r\n let localError = false;\r\n\r\n\r\n\r\n if(!name.value.trim()){\r\n\r\n const field =\r\n name.closest('.cn-form-field');\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n field.querySelector(\r\n '.cn-field-error'\r\n ).textContent =\r\n 'Please enter your name.';\r\n\r\n localError = true;\r\n\r\n }\r\n\r\n\r\n\r\n if(\r\n !email.value.trim()\r\n ||\r\n !email.validity.valid\r\n ){\r\n\r\n const field =\r\n email.closest('.cn-form-field');\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n field.querySelector(\r\n '.cn-field-error'\r\n ).textContent =\r\n 'Please enter a valid email address.';\r\n\r\n localError = true;\r\n\r\n }\r\n\r\n\r\n\r\n if(!destination.value.trim()){\r\n\r\n const field =\r\n destination.closest(\r\n '.cn-form-field'\r\n );\r\n\r\n field.classList.add(\r\n 'cn-has-error'\r\n );\r\n\r\n field.querySelector(\r\n '.cn-field-error'\r\n ).textContent =\r\n 'Please enter the destination.';\r\n\r\n localError = true;\r\n\r\n }\r\n\r\n\r\n\r\n if(localError){\r\n\r\n showResponse(\r\n 'error',\r\n 'Please check the highlighted fields.'\r\n );\r\n\r\n return;\r\n\r\n }\r\n\r\n\r\n\r\n submitButton.disabled = true;\r\n\r\n submitButton.classList.add(\r\n 'cn-loading'\r\n );\r\n\r\n\r\n const formData =\r\n new FormData(form);\r\n\r\n\r\n formData.set(\r\n '_wpcf7',\r\n '63'\r\n );\r\n\r\n\r\n formData.set(\r\n '_wpcf7_unit_tag',\r\n 'wpcf7-f63-o1'\r\n );\r\n\r\n\r\n formData.set(\r\n '_wpcf7_container_post',\r\n '0'\r\n );\r\n\r\n\r\n\r\n try{\r\n\r\n const request =\r\n await fetch(\r\n endpoint,\r\n {\r\n method:'POST',\r\n body:formData,\r\n credentials:'same-origin',\r\n headers:{\r\n 'Accept':'application\/json'\r\n }\r\n }\r\n );\r\n\r\n\r\n const responseText =\r\n await request.text();\r\n\r\n\r\n let result;\r\n\r\n\r\n try{\r\n\r\n result =\r\n JSON.parse(responseText);\r\n\r\n }\r\n\r\n catch(parseError){\r\n\r\n throw new Error(\r\n 'Invalid server response'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n if(\r\n result.status === 'mail_sent'\r\n ||\r\n result.status === 'mail_sent_ok'\r\n ||\r\n result.status === 'mail_failed'\r\n ){\r\n\r\n showSuccess();\r\n\r\n }\r\n\r\n\r\n\r\n else if(\r\n result.status ===\r\n 'validation_failed'\r\n ){\r\n\r\n showValidationErrors(\r\n result.invalid_fields\r\n );\r\n\r\n\r\n showResponse(\r\n 'error',\r\n result.message ||\r\n 'Please check the highlighted fields and try again.'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n else if(\r\n result.status === 'spam'\r\n ){\r\n\r\n showResponse(\r\n 'error',\r\n 'Your message could not be submitted. Please check the information and try again.'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n else{\r\n\r\n showResponse(\r\n 'error',\r\n result.message ||\r\n 'We could not submit your message. Please try again.'\r\n );\r\n\r\n }\r\n\r\n }\r\n\r\n\r\n\r\n catch(error){\r\n\r\n showResponse(\r\n 'error',\r\n 'The form could not connect to the server. Please try again.'\r\n );\r\n\r\n }\r\n\r\n\r\n\r\n finally{\r\n\r\n submitButton.disabled = false;\r\n\r\n submitButton.classList.remove(\r\n 'cn-loading'\r\n );\r\n\r\n }\r\n\r\n }\r\n );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CN Delivery Hero China Warehouse \u00b7 Global Fulfillment Your China warehouse, handled Receiving \u00b7 Inspection \u00b7 Photo Proof \u00b7 Consolidation \u00b7 Global Shipping Send your suppliers’ packages to our China warehouse. We receive, inspect, photograph, consolidate and prepare everything for international delivery. Get a shipping quote See how it works Quality checked Every package received […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_joinchat":[],"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/comments?post=13"}],"version-history":[{"count":40,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":267,"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/pages\/13\/revisions\/267"}],"wp:attachment":[{"href":"https:\/\/www.cn-delivery.com\/pl\/wp-json\/wp\/v2\/media?parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}