{"id":81,"date":"2026-09-01T09:56:39","date_gmt":"2026-09-01T09:56:39","guid":{"rendered":"https:\/\/www.cn-delivery.com\/?page_id=81"},"modified":"2026-09-02T09:53:39","modified_gmt":"2026-09-02T09:53:39","slug":"clothing-inspection","status":"publish","type":"page","link":"https:\/\/www.cn-delivery.com\/fr\/clothing-inspection\/","title":{"rendered":"Contr\u00f4le des v\u00eatements"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"81\" class=\"elementor elementor-81\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d8c6ca e-con e-atomic-element e-flexbox-base e-default-div e-ebd38b7 \" data-id=\"1d8c6ca\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1d8c6ca\" data-e-type=\"e-flexbox\" data-id=\"1d8c6ca\">\n    <div class=\"elementor-element elementor-element-c1f5dc9 e-flex e-con-boxed e-con e-parent\" data-id=\"c1f5dc9\" 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-eef35f5 elementor-widget elementor-widget-html\" data-id=\"eef35f5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-cat-hero\" id=\"clothing-service\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.cn-cat-hero{\r\n\r\n    --navy:#07162f;\r\n    --navy-2:#0b2147;\r\n    --navy-3:#112c59;\r\n    --orange:#f25532;\r\n    --orange-soft:#ff7658;\r\n    --green:#55ca82;\r\n    --text:#aebbd0;\r\n    --line:rgba(255,255,255,.10);\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    \/*\r\n       \u539f\u6765\u662f 100vh\r\n       \u73b0\u5728\u6539\u6210\u66f4\u7d27\u51d1\u7684\u9ad8\u5ea6\r\n    *\/\r\n\r\n    min-height:760px;\r\n\r\n    display:flex;\r\n    align-items:center;\r\n\r\n    overflow:hidden;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n\r\n        radial-gradient(\r\n            circle at 14% 12%,\r\n            rgba(242,85,50,.14),\r\n            transparent 30%\r\n        ),\r\n\r\n        radial-gradient(\r\n            circle at 86% 66%,\r\n            rgba(69,105,176,.20),\r\n            transparent 34%\r\n        ),\r\n\r\n        linear-gradient(\r\n            135deg,\r\n            #06132b 0%,\r\n            #071a39 55%,\r\n            #06142f 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\/* animated grid *\/\r\n\r\n.cn-cat-hero:before{\r\n\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:.055;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255,255,255,.12) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255,255,255,.12) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size:\r\n        72px 72px;\r\n\r\n    animation:\r\n        cnGridMove 18s linear infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes cnGridMove{\r\n\r\n    to{\r\n        background-position:\r\n            72px 72px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* glow *\/\r\n\r\n.cn-cat-glow{\r\n\r\n    position:absolute;\r\n\r\n    width:520px;\r\n    height:520px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(242,85,50,.09);\r\n\r\n    filter:blur(90px);\r\n\r\n    top:-220px;\r\n    right:-160px;\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n   REDUCED TOP \/ BOTTOM SPACE\r\n========================================================= *\/\r\n\r\n.cn-cat-inner{\r\n\r\n    position:relative;\r\n\r\n    z-index:3;\r\n\r\n    width:min(\r\n        calc(100% - 80px),\r\n        1480px\r\n    );\r\n\r\n    margin:auto;\r\n\r\n    \/*\r\n       \u539f\u6765 72px 0\r\n       \u73b0\u5728\u538b\u7f29\r\n    *\/\r\n\r\n    padding:\r\n        34px 0;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .92fr 1.08fr;\r\n\r\n    gap:64px;\r\n\r\n    align-items:center;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.cn-cat-left{\r\n\r\n    max-width:650px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-eyebrow{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:10px;\r\n\r\n    margin-bottom:18px;\r\n\r\n    padding:\r\n        10px 15px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    border-radius:999px;\r\n\r\n    background:\r\n        rgba(255,255,255,.045);\r\n\r\n    color:#ff7a5c;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.7px;\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n}\r\n\r\n\r\n.cn-cat-eyebrow-dot{\r\n\r\n    width:8px;\r\n    height:8px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--green);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(85,202,130,.10);\r\n\r\n}\r\n\r\n\r\n.cn-cat-left h1{\r\n\r\n    margin:0;\r\n\r\n    max-width:650px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:\r\n        clamp(56px,4.7vw,78px);\r\n\r\n    line-height:.95;\r\n\r\n    letter-spacing:-3.6px;\r\n\r\n    font-weight:860;\r\n\r\n}\r\n\r\n\r\n.cn-cat-left h1 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-cat-lead{\r\n\r\n    max-width:620px;\r\n\r\n    margin:\r\n        24px 0 0;\r\n\r\n    color:#bac5d7;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.66;\r\n\r\n}\r\n\r\n\r\n.cn-cat-lead strong{\r\n\r\n    color:#fff;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   TRUST PILLS\r\n   FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-cat-trust-row{\r\n\r\n    display:flex;\r\n\r\n    flex-wrap:wrap;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:25px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-trust-pill{\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        10px 13px;\r\n\r\n    border-radius:10px;\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,.04);\r\n\r\n    color:#b1bfd1;\r\n\r\n    \/*\r\n       \u653e\u5927\r\n    *\/\r\n\r\n    font-size:11.5px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:600;\r\n\r\n}\r\n\r\n\r\n.cn-cat-trust-pill:before{\r\n\r\n    content:\"\u2713\";\r\n\r\n    color:var(--green);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:900;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DYNAMIC PATH\r\n   FONT ENLARGED\r\n========================================================= *\/\r\n\r\n.cn-cat-path{\r\n\r\n    margin-top:26px;\r\n\r\n    padding:\r\n        17px 16px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:9px;\r\n\r\n    overflow:hidden;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.09);\r\n\r\n    border-radius:15px;\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n}\r\n\r\n\r\n.cn-cat-path-step{\r\n\r\n    position:relative;\r\n\r\n    flex:1;\r\n\r\n    min-width:0;\r\n\r\n    text-align:center;\r\n\r\n    color:#8fa0b8;\r\n\r\n    \/*\r\n       \u539f\u6765 9px\r\n       \u73b0\u5728 11px\r\n    *\/\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:700;\r\n\r\n    transition:\r\n        color .35s ease,\r\n        transform .35s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cat-path-step.active{\r\n\r\n    color:#fff;\r\n\r\n    transform:\r\n        translateY(-2px);\r\n\r\n    font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-cat-path-step:before{\r\n\r\n    content:\"\";\r\n\r\n    display:block;\r\n\r\n    width:9px;\r\n    height:9px;\r\n\r\n    margin:\r\n        0 auto 8px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:#38506e;\r\n\r\n    transition:.35s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cat-path-step.active:before{\r\n\r\n    background:var(--orange);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(242,85,50,.14);\r\n\r\n}\r\n\r\n\r\n.cn-cat-path-line{\r\n\r\n    width:26px;\r\n    height:1px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    background:\r\n        rgba(255,255,255,.13);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT\r\n========================================================= *\/\r\n\r\n.cn-cat-right{\r\n\r\n    position:relative;\r\n\r\n}\r\n\r\n\r\n.cn-cat-panel{\r\n\r\n    position:relative;\r\n\r\n    padding:27px;\r\n\r\n    border-radius:28px;\r\n\r\n    color:#17243a;\r\n\r\n    background:\r\n        rgba(255,255,255,.985);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.70);\r\n\r\n    box-shadow:\r\n        0 35px 90px rgba(0,0,0,.28);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   PANEL HEADER\r\n========================================================= *\/\r\n\r\n.cn-cat-panel-top{\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    gap:20px;\r\n\r\n    margin-bottom:18px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-panel-tag{\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:1.6px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-panel-title{\r\n\r\n    margin:\r\n        6px 0 0;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:30px;\r\n\r\n    line-height:1.06;\r\n\r\n    letter-spacing:-1.2px;\r\n\r\n    font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-cat-panel-status{\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:#647287;\r\n\r\n    background:#f5f7fa;\r\n\r\n    font-size:9px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-panel-status-dot{\r\n\r\n    width:8px;\r\n    height:8px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--green);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SWITCH\r\n========================================================= *\/\r\n\r\n.cn-cat-switch{\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:8px;\r\n\r\n    padding:6px;\r\n\r\n    border-radius:13px;\r\n\r\n    background:#f3f5f8;\r\n\r\n}\r\n\r\n\r\n.cn-cat-switch-btn{\r\n\r\n    position:relative;\r\n\r\n    padding:\r\n        14px 12px;\r\n\r\n    border:0;\r\n\r\n    border-radius:10px;\r\n\r\n    cursor:pointer;\r\n\r\n    color:#6f7c90;\r\n\r\n    background:transparent;\r\n\r\n    font-family:inherit;\r\n\r\n    \/*\r\n       \u653e\u5927\r\n    *\/\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:800;\r\n\r\n    transition:\r\n        all .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cat-switch-btn:hover{\r\n\r\n    color:var(--navy);\r\n\r\n}\r\n\r\n\r\n.cn-cat-switch-btn.active{\r\n\r\n    color:var(--navy);\r\n\r\n    background:#fff;\r\n\r\n    box-shadow:\r\n        0 8px 22px rgba(7,22,47,.08);\r\n\r\n}\r\n\r\n\r\n.cn-cat-switch-btn.active:after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    left:50%;\r\n    bottom:-6px;\r\n\r\n    width:24px;\r\n    height:3px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    border-radius:999px;\r\n\r\n    background:var(--orange);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DYNAMIC CONTENT\r\n========================================================= *\/\r\n\r\n.cn-cat-content-box{\r\n\r\n    position:relative;\r\n\r\n    min-height:370px;\r\n\r\n    margin-top:15px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-content{\r\n\r\n    position:absolute;\r\n\r\n    inset:0;\r\n\r\n    opacity:0;\r\n\r\n    visibility:hidden;\r\n\r\n    transform:\r\n        translateY(14px);\r\n\r\n    transition:\r\n        opacity .35s ease,\r\n        transform .35s ease,\r\n        visibility .35s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cat-content.active{\r\n\r\n    position:relative;\r\n\r\n    opacity:1;\r\n\r\n    visibility:visible;\r\n\r\n    transform:\r\n        translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BLUE CARD\r\n========================================================= *\/\r\n\r\n.cn-cat-mode-card{\r\n\r\n    position:relative;\r\n\r\n    overflow:hidden;\r\n\r\n    padding:\r\n        22px 23px;\r\n\r\n    border-radius:18px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #0a1d41,\r\n            #102a58\r\n        );\r\n\r\n    color:#fff;\r\n\r\n}\r\n\r\n\r\n.cn-cat-mode-card:after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:190px;\r\n    height:190px;\r\n\r\n    right:-80px;\r\n    top:-100px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(242,85,50,.18);\r\n\r\n}\r\n\r\n\r\n.cn-cat-mode-number{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:#ff866c;\r\n\r\n    \/*\r\n       \u653e\u5927\r\n    *\/\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.cn-cat-mode-card h3{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    margin:0;\r\n\r\n    max-width:500px;\r\n\r\n    font-size:26px;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1px;\r\n\r\n    font-weight:820;\r\n\r\n}\r\n\r\n\r\n.cn-cat-mode-card p{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    max-width:560px;\r\n\r\n    margin:\r\n        13px 0 0;\r\n\r\n    color:#c0cbda;\r\n\r\n    \/*\r\n       \u539f\u6765 11px\r\n       \u73b0\u5728\u653e\u5927\r\n    *\/\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\/* =========================================================\r\n   MINI STEPS\r\n   BIGGER TEXT\r\n========================================================= *\/\r\n\r\n.cn-cat-mini-steps{\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:10px;\r\n\r\n    margin-top:13px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-mini-step{\r\n\r\n    padding:\r\n        15px 15px;\r\n\r\n    display:flex;\r\n\r\n    gap:12px;\r\n\r\n    align-items:center;\r\n\r\n    border:\r\n        1px solid #e2e7ed;\r\n\r\n    border-radius:12px;\r\n\r\n    background:#fafbfc;\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\r\n.cn-cat-mini-step:hover{\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(242,85,50,.30);\r\n\r\n    box-shadow:\r\n        0 10px 24px\r\n        rgba(7,22,47,.07);\r\n\r\n}\r\n\r\n\r\n.cn-cat-mini-step-num{\r\n\r\n    width:31px;\r\n    height:31px;\r\n\r\n    flex:0 0 auto;\r\n\r\n    display:flex;\r\n\r\n    justify-content:center;\r\n\r\n    align-items:center;\r\n\r\n    border-radius:8px;\r\n\r\n    color:var(--orange);\r\n\r\n    background:#fff0ec;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-cat-mini-step strong{\r\n\r\n    display:block;\r\n\r\n    color:var(--navy);\r\n\r\n    \/*\r\n       \u539f\u6765 11px\r\n       \u73b0\u5728\u653e\u5927\r\n    *\/\r\n\r\n    font-size:13px;\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-cat-mini-step span{\r\n\r\n    display:block;\r\n\r\n    margin-top:4px;\r\n\r\n    color:#748398;\r\n\r\n    \/*\r\n       \u539f\u6765 8.5px\r\n       \u73b0\u5728\u653e\u5927\r\n    *\/\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\/* =========================================================\r\n   FEE BAR\r\n========================================================= *\/\r\n\r\n.cn-cat-fee{\r\n\r\n    margin-top:13px;\r\n\r\n    padding:\r\n        14px 15px;\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    border-radius:12px;\r\n\r\n    background:#fff6f2;\r\n\r\n    border:\r\n        1px solid rgba(242,85,50,.20);\r\n\r\n}\r\n\r\n\r\n.cn-cat-fee-left{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:11px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-fee-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:#fff;\r\n\r\n    background:var(--orange);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-cat-fee strong{\r\n\r\n    display:block;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:13px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-fee span{\r\n\r\n    display:block;\r\n\r\n    margin-top:3px;\r\n\r\n    color:#7e8a9b;\r\n\r\n    font-size:10px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-fee-value{\r\n\r\n    color:var(--orange);\r\n\r\n    font-size:24px;\r\n\r\n    font-weight:900;\r\n\r\n    white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.cn-cat-action{\r\n\r\n    margin-top:14px;\r\n\r\n    display:flex;\r\n\r\n    gap:10px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-primary{\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    justify-content:center;\r\n\r\n    gap:22px;\r\n\r\n    flex:1;\r\n\r\n    border-radius:11px;\r\n\r\n    color:#fff;\r\n\r\n    background:var(--orange);\r\n\r\n    text-decoration:none;\r\n\r\n    \/*\r\n       \u653e\u5927\r\n    *\/\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:850;\r\n\r\n    box-shadow:\r\n        0 12px 26px\r\n        rgba(242,85,50,.20);\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cat-primary:hover{\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 18px 35px\r\n        rgba(242,85,50,.28);\r\n\r\n}\r\n\r\n\r\n.cn-cat-primary span{\r\n\r\n    font-size:17px;\r\n\r\n}\r\n\r\n\r\n.cn-cat-secondary{\r\n\r\n    min-height:50px;\r\n\r\n    padding:\r\n        0 17px;\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    border-radius:11px;\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    text-decoration:none;\r\n\r\n    \/*\r\n       \u653e\u5927\r\n    *\/\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n    transition:.3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-cat-secondary:hover{\r\n\r\n    background:#e9edf3;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING NOTE\r\n   BIGGER TEXT\r\n========================================================= *\/\r\n\r\n.cn-cat-float-note{\r\n\r\n    position:absolute;\r\n\r\n    right:-25px;\r\n    bottom:2px;\r\n\r\n    padding:\r\n        13px 15px;\r\n\r\n    max-width:215px;\r\n\r\n    border-radius:12px;\r\n\r\n    color:#dce5f1;\r\n\r\n    background:\r\n        rgba(7,22,47,.94);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    backdrop-filter:\r\n        blur(14px);\r\n\r\n    box-shadow:\r\n        0 15px 35px\r\n        rgba(0,0,0,.20);\r\n\r\n    animation:\r\n        cnFloatNote 3.6s\r\n        ease-in-out infinite;\r\n\r\n}\r\n\r\n\r\n.cn-cat-float-note strong{\r\n\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    \/*\r\n       \u653e\u5927\r\n    *\/\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.35;\r\n\r\n}\r\n\r\n\r\n.cn-cat-float-note span{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:#a0afc2;\r\n\r\n    \/*\r\n       \u653e\u5927\r\n    *\/\r\n\r\n    font-size:9px;\r\n\r\n    line-height:1.45;\r\n\r\n}\r\n\r\n\r\n@keyframes cnFloatNote{\r\n\r\n    50%{\r\n        transform:\r\n            translateY(-7px);\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LARGE SCREEN\r\n========================================================= *\/\r\n\r\n@media(min-width:1500px){\r\n\r\n    .cn-cat-hero{\r\n\r\n        min-height:780px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-inner{\r\n\r\n        padding:\r\n            38px 0;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   SHORT SCREEN\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:820px)\r\nand\r\n(min-width:901px){\r\n\r\n    .cn-cat-hero{\r\n\r\n        min-height:700px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-inner{\r\n\r\n        padding:\r\n            24px 0;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-left h1{\r\n\r\n        font-size:\r\n            clamp(50px,4vw,67px);\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-lead{\r\n\r\n        margin-top:19px;\r\n\r\n        font-size:15px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-trust-row{\r\n\r\n        margin-top:18px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-path{\r\n\r\n        margin-top:18px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-panel{\r\n\r\n        padding:22px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-mode-card{\r\n\r\n        padding:18px 20px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-mini-step{\r\n\r\n        padding:11px 12px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-content-box{\r\n\r\n        min-height:330px;\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-cat-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-cat-left h1{\r\n\r\n        font-size:\r\n            clamp(50px,6vw,68px);\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:840px){\r\n\r\n    .cn-cat-hero{\r\n\r\n        min-height:auto;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-inner{\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:42px;\r\n\r\n        padding:\r\n            55px 0;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-left{\r\n\r\n        max-width:none;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-left h1{\r\n\r\n        font-size:52px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-float-note{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n@media(max-width:560px){\r\n\r\n    .cn-cat-panel{\r\n\r\n        padding:18px;\r\n\r\n        border-radius:20px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-panel-top{\r\n\r\n        display:block;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-panel-status{\r\n\r\n        display:inline-flex;\r\n\r\n        margin-top:12px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-switch{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-mini-steps{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-action{\r\n\r\n        flex-direction:column;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-fee{\r\n\r\n        align-items:flex-start;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-fee-value{\r\n\r\n        font-size:20px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-path{\r\n\r\n        overflow-x:auto;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-trust-pill{\r\n\r\n        font-size:10px;\r\n\r\n    }\r\n\r\n\r\n    .cn-cat-path-step{\r\n\r\n        font-size:10px;\r\n\r\n        min-width:55px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"cn-cat-glow\"><\/div>\r\n\r\n\r\n<div class=\"cn-cat-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         LEFT\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-cat-left\">\r\n\r\n\r\n        <div class=\"cn-cat-eyebrow\">\r\n\r\n            <span class=\"cn-cat-eyebrow-dot\"><\/span>\r\n\r\n            CLOTHING & TEXTILES \u00b7 CHINA WAREHOUSE\r\n\r\n        <\/div>\r\n\r\n\r\n        <h1>\r\n\r\n            Clothing inspection\r\n\r\n            <span>\r\n                before it leaves China.\r\n            <\/span>\r\n\r\n        <\/h1>\r\n\r\n\r\n        <p class=\"cn-cat-lead\">\r\n\r\n            Already purchased from a supplier?\r\n\r\n            <strong>\r\n                Send the goods directly to our China warehouse.\r\n            <\/strong>\r\n\r\n            Need help buying?\r\n\r\n            Send us the product link or photo and our team can purchase it for you.\r\n\r\n        <\/p>\r\n\r\n\r\n\r\n        <!-- TRUST PILLS -->\r\n\r\n        <div class=\"cn-cat-trust-row\">\r\n\r\n            <div class=\"cn-cat-trust-pill\">\r\n                1688 \/ Taobao \/ Alibaba\r\n            <\/div>\r\n\r\n            <div class=\"cn-cat-trust-pill\">\r\n                Factory orders\r\n            <\/div>\r\n\r\n            <div class=\"cn-cat-trust-pill\">\r\n                Photo & video inspection\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- ANIMATED PATH -->\r\n\r\n        <div class=\"cn-cat-path\">\r\n\r\n            <div class=\"cn-cat-path-step active\">\r\n                Start\r\n            <\/div>\r\n\r\n            <div class=\"cn-cat-path-line\"><\/div>\r\n\r\n            <div class=\"cn-cat-path-step\">\r\n                Warehouse\r\n            <\/div>\r\n\r\n            <div class=\"cn-cat-path-line\"><\/div>\r\n\r\n            <div class=\"cn-cat-path-step\">\r\n                Inspect\r\n            <\/div>\r\n\r\n            <div class=\"cn-cat-path-line\"><\/div>\r\n\r\n            <div class=\"cn-cat-path-step\">\r\n                Approve\r\n            <\/div>\r\n\r\n            <div class=\"cn-cat-path-line\"><\/div>\r\n\r\n            <div class=\"cn-cat-path-step\">\r\n                Ship\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-cat-right\">\r\n\r\n\r\n        <div class=\"cn-cat-panel\">\r\n\r\n\r\n            <div class=\"cn-cat-panel-top\">\r\n\r\n                <div>\r\n\r\n                    <div class=\"cn-cat-panel-tag\">\r\n                        HOW WOULD YOU LIKE TO START?\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-cat-panel-title\">\r\n                        Two ways to send goods to us.\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cn-cat-panel-status\">\r\n\r\n                    <span class=\"cn-cat-panel-status-dot\"><\/span>\r\n\r\n                    China warehouse ready\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- SWITCH -->\r\n\r\n            <div class=\"cn-cat-switch\">\r\n\r\n\r\n                <button\r\n                    class=\"cn-cat-switch-btn active\"\r\n                    data-mode=\"direct\"\r\n                    type=\"button\"\r\n                >\r\n                    Already Purchased\r\n                <\/button>\r\n\r\n\r\n                <button\r\n                    class=\"cn-cat-switch-btn\"\r\n                    data-mode=\"purchase\"\r\n                    type=\"button\"\r\n                >\r\n                    Need Us To Purchase\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- CONTENT -->\r\n\r\n            <div class=\"cn-cat-content-box\">\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     OPTION 1\r\n                ========================================== -->\r\n\r\n                <div\r\n                    class=\"cn-cat-content active\"\r\n                    data-content=\"direct\"\r\n                >\r\n\r\n\r\n                    <div class=\"cn-cat-mode-card\">\r\n\r\n                        <div class=\"cn-cat-mode-number\">\r\n                            OPTION 01\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n                            Send your order directly to our China warehouse.\r\n                        <\/h3>\r\n\r\n\r\n                        <p>\r\n                            Already ordered from 1688, Taobao, Alibaba or a factory?\r\n                            Ask the supplier to ship domestically to our warehouse.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"cn-cat-mini-steps\">\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                01\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Get warehouse address\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    We provide the receiving details.\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                02\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Supplier ships to us\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Domestic delivery inside China.\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                03\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Send tracking number\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    We match the parcel to your order.\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                04\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    We notify you on arrival\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Your goods do not ship automatically.\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                    <div class=\"cn-cat-action\">\r\n\r\n\r\n                        <a\r\n                            href=\"https:\/\/www.cn-delivery.com\/contact\/\"\r\n                            class=\"cn-cat-primary\"\r\n                        >\r\n\r\n                            Get Warehouse Address\r\n\r\n                            <span>\u2192<\/span>\r\n\r\n                        <\/a>\r\n\r\n\r\n                        <a\r\n                            href=\"#inspection\"\r\n                            class=\"cn-cat-secondary\"\r\n                        >\r\n\r\n                            How Inspection Works\r\n\r\n                        <\/a>\r\n\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- =========================================\r\n                     OPTION 2\r\n                ========================================== -->\r\n\r\n                <div\r\n                    class=\"cn-cat-content\"\r\n                    data-content=\"purchase\"\r\n                >\r\n\r\n\r\n                    <div class=\"cn-cat-mode-card\">\r\n\r\n                        <div class=\"cn-cat-mode-number\">\r\n                            OPTION 02\r\n                        <\/div>\r\n\r\n\r\n                        <h3>\r\n                            Send us the product link or photo. We can purchase it for you.\r\n                        <\/h3>\r\n\r\n\r\n                        <p>\r\n                            Send a 1688, Taobao, Alibaba or supplier link.\r\n                            If you only have a product photo, send that instead.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"cn-cat-mini-steps\">\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                01\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Send link or photo\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Tell us what you want to buy.\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                02\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    We confirm details\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Product, quantity and supplier price.\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                03\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    You approve purchase\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    We order only after your confirmation.\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n\r\n                        <div class=\"cn-cat-mini-step\">\r\n\r\n                            <div class=\"cn-cat-mini-step-num\">\r\n                                04\r\n                            <\/div>\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Goods arrive at warehouse\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Then the inspection process begins.\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                    <!-- FEE -->\r\n\r\n                    <div class=\"cn-cat-fee\">\r\n\r\n\r\n                        <div class=\"cn-cat-fee-left\">\r\n\r\n\r\n                            <div class=\"cn-cat-fee-icon\">\r\n                                %\r\n                            <\/div>\r\n\r\n\r\n                            <div>\r\n\r\n                                <strong>\r\n                                    Purchasing Service Fee\r\n                                <\/strong>\r\n\r\n                                <span>\r\n                                    Applies when CN-Delivery purchases goods on your behalf.\r\n                                <\/span>\r\n\r\n                            <\/div>\r\n\r\n                        <\/div>\r\n\r\n\r\n                        <div class=\"cn-cat-fee-value\">\r\n                            3%\r\n                        <\/div>\r\n\r\n\r\n                    <\/div>\r\n\r\n\r\n\r\n                    <div class=\"cn-cat-action\">\r\n\r\n\r\n                        <a\r\n                            href=\"https:\/\/www.cn-delivery.com\/contact\/\"\r\n                            class=\"cn-cat-primary\"\r\n                        >\r\n\r\n                            Send Product Link \/ Photo\r\n\r\n                            <span>\u2192<\/span>\r\n\r\n                        <\/a>\r\n\r\n\r\n                        <a\r\n                            href=\"#inspection\"\r\n                            class=\"cn-cat-secondary\"\r\n                        >\r\n\r\n                            What Happens Next\r\n\r\n                        <\/a>\r\n\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        <!-- FLOAT NOTE -->\r\n\r\n        <div class=\"cn-cat-float-note\">\r\n\r\n            <strong>\r\n                Your order stays under your control.\r\n            <\/strong>\r\n\r\n            <span>\r\n                We inspect and report before international shipping.\r\n            <\/span>\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<script>\r\n\r\n(function(){\r\n\r\n    const section =\r\n        document.querySelector(\r\n            '.cn-cat-hero'\r\n        );\r\n\r\n\r\n    if(!section){\r\n        return;\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       TAB SWITCH\r\n    ====================================================== *\/\r\n\r\n    const buttons =\r\n        section.querySelectorAll(\r\n            '.cn-cat-switch-btn'\r\n        );\r\n\r\n\r\n    const contents =\r\n        section.querySelectorAll(\r\n            '.cn-cat-content'\r\n        );\r\n\r\n\r\n    buttons.forEach(\r\n        function(button){\r\n\r\n            button.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    const mode =\r\n                        button.dataset.mode;\r\n\r\n\r\n                    buttons.forEach(\r\n                        function(item){\r\n\r\n                            item.classList.remove(\r\n                                'active'\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    button.classList.add(\r\n                        'active'\r\n                    );\r\n\r\n\r\n                    contents.forEach(\r\n                        function(content){\r\n\r\n                            const active =\r\n                                content.dataset.content\r\n                                ===\r\n                                mode;\r\n\r\n\r\n                            content.classList.toggle(\r\n                                'active',\r\n                                active\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n\r\n    \/* =====================================================\r\n       ANIMATED PATH\r\n    ====================================================== *\/\r\n\r\n    const pathSteps =\r\n        section.querySelectorAll(\r\n            '.cn-cat-path-step'\r\n        );\r\n\r\n\r\n    let index = 0;\r\n\r\n\r\n    setInterval(\r\n        function(){\r\n\r\n            pathSteps.forEach(\r\n                function(step){\r\n\r\n                    step.classList.remove(\r\n                        'active'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            pathSteps[index]\r\n                .classList.add(\r\n                    'active'\r\n                );\r\n\r\n\r\n            index++;\r\n\r\n\r\n            if(\r\n                index >=\r\n                pathSteps.length\r\n            ){\r\n\r\n                index = 0;\r\n\r\n            }\r\n\r\n        },\r\n        1700\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\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-df2721a e-con e-atomic-element e-flexbox-base e-default-div e-7b90291 \" data-id=\"df2721a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"df2721a\" data-e-type=\"e-flexbox\" data-id=\"df2721a\">\n    <div class=\"elementor-element elementor-element-7495101 e-flex e-con-boxed e-con e-parent\" data-id=\"7495101\" 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-8629b94 elementor-widget elementor-widget-html\" data-id=\"8629b94\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-arrival-screen\" id=\"arrival\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.cn-arrival-screen{\r\n\r\n    --navy:#07162f;\r\n    --navy2:#0d244b;\r\n    --orange:#f25532;\r\n    --green:#52c982;\r\n    --text:#6f7c91;\r\n    --line:#e3e8ef;\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 92% 10%,\r\n            rgba(242,85,50,.08),\r\n            transparent 27%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #ffffff 0%,\r\n            #f6f8fb 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-arrival-screen:before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:420px;\r\n    height:420px;\r\n\r\n    left:-180px;\r\n    bottom:-220px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(33,76,145,.06);\r\n\r\n    filter:blur(50px);\r\n\r\n    pointer-events:none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.cn-arrival-inner{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    width:min(\r\n        calc(100% - 80px),\r\n        1480px\r\n    );\r\n\r\n    margin:auto;\r\n\r\n    padding:\r\n        62px 0 48px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.cn-arrival-head{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr 1fr;\r\n\r\n    gap:50px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:38px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-eyebrow{\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:var(--orange);\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-arrival-head h2{\r\n\r\n    margin:0;\r\n\r\n    max-width:700px;\r\n\r\n    color:var(--navy);\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:-2.8px;\r\n\r\n    font-weight:860;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-head h2 span{\r\n\r\n    color:var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-head-copy{\r\n\r\n    max-width:620px;\r\n\r\n    justify-self:end;\r\n\r\n    color:#65758b;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.75;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-head-copy strong{\r\n\r\n    color:var(--navy);\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN\r\n========================================================= *\/\r\n\r\n.cn-arrival-main{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .95fr 1.05fr;\r\n\r\n    gap:24px;\r\n\r\n    align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT FLOW\r\n========================================================= *\/\r\n\r\n.cn-arrival-flow{\r\n\r\n    position:relative;\r\n\r\n    padding:28px;\r\n\r\n    border-radius:24px;\r\n\r\n    background:var(--navy);\r\n\r\n    box-shadow:\r\n        0 25px 55px rgba(7,22,47,.13);\r\n\r\n    overflow:hidden;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-flow:before{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n\r\n    width:280px;\r\n    height:280px;\r\n\r\n    right:-110px;\r\n    top:-130px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:\r\n        rgba(242,85,50,.10);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-flow-top{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\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    margin-bottom:24px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-flow-top > span{\r\n\r\n    color:#a9bad0;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:850;\r\n\r\n    letter-spacing:1.3px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-live{\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        8px 11px;\r\n\r\n    border-radius:999px;\r\n\r\n    color:#e0e8f2;\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    font-size:10px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:650;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-live:before{\r\n\r\n    content:\"\";\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:var(--green);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(82,201,130,.10);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT STEPS\r\n========================================================= *\/\r\n\r\n.cn-arrival-steps{\r\n\r\n    position:relative;\r\n\r\n    z-index:2;\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:11px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step{\r\n\r\n    position:relative;\r\n\r\n    min-height:88px;\r\n\r\n    box-sizing:border-box;\r\n\r\n    padding:\r\n        16px 18px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        48px 1fr auto;\r\n\r\n    gap:15px;\r\n\r\n    align-items:center;\r\n\r\n    border-radius:15px;\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n    background:\r\n        rgba(255,255,255,.035);\r\n\r\n    transition:\r\n        transform .35s ease,\r\n        background .35s ease,\r\n        border-color .35s ease,\r\n        box-shadow .35s ease;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step:hover{\r\n\r\n    transform:\r\n        translateX(7px);\r\n\r\n    background:\r\n        rgba(255,255,255,.065);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step.active{\r\n\r\n    border-color:\r\n        rgba(242,85,50,.50);\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(242,85,50,.13),\r\n            rgba(255,255,255,.045)\r\n        );\r\n\r\n    box-shadow:\r\n        inset 3px 0 0 var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step-num{\r\n\r\n    width:44px;\r\n    height:44px;\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:#ff8267;\r\n\r\n    background:\r\n        rgba(242,85,50,.11);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step strong{\r\n\r\n    display:block;\r\n\r\n    color:#fff;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.35;\r\n\r\n    font-weight:820;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step p{\r\n\r\n    margin:\r\n        5px 0 0;\r\n\r\n    color:#b0bed0;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.55;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step-state{\r\n\r\n    color:#8193aa;\r\n\r\n    font-size:10.5px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:850;\r\n\r\n    letter-spacing:.2px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-step.active\r\n.cn-arrival-step-state{\r\n\r\n    color:#ff8267;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n.cn-arrival-panel{\r\n\r\n    padding:27px;\r\n\r\n    border-radius:24px;\r\n\r\n    background:#fff;\r\n\r\n    border:\r\n        1px solid var(--line);\r\n\r\n    box-shadow:\r\n        0 22px 50px rgba(7,22,47,.07);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-panel-head{\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    padding-bottom:20px;\r\n\r\n    border-bottom:\r\n        1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-panel-head small{\r\n\r\n    display:block;\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:1.5px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-panel-head h3{\r\n\r\n    margin:\r\n        6px 0 0;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:30px;\r\n\r\n    line-height:1.1;\r\n\r\n    letter-spacing:-1px;\r\n\r\n    font-weight:820;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-status{\r\n\r\n    padding:\r\n        8px 12px;\r\n\r\n    border-radius:999px;\r\n\r\n    color:#347553;\r\n\r\n    background:#edf9f2;\r\n\r\n    font-size:10px;\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\r\n\/* =========================================================\r\n   PACKAGE\r\n========================================================= *\/\r\n\r\n.cn-arrival-package{\r\n\r\n    margin-top:19px;\r\n\r\n    padding:18px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        78px 1fr;\r\n\r\n    gap:17px;\r\n\r\n    align-items:center;\r\n\r\n    border-radius:16px;\r\n\r\n    background:#f7f9fb;\r\n\r\n    border:\r\n        1px solid #e8ecf1;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-box-icon{\r\n\r\n    width:74px;\r\n    height:74px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:16px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--orange),\r\n            #ff7959\r\n        );\r\n\r\n    font-size:30px;\r\n\r\n    box-shadow:\r\n        0 12px 25px\r\n        rgba(242,85,50,.18);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-package small{\r\n\r\n    display:block;\r\n\r\n    color:#8e9aac;\r\n\r\n    font-size:9.5px;\r\n\r\n    line-height:1.2;\r\n\r\n    font-weight:850;\r\n\r\n    letter-spacing:1px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-package strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:18px;\r\n\r\n    line-height:1.35;\r\n\r\n    font-weight:820;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-package span{\r\n\r\n    display:block;\r\n\r\n    margin-top:6px;\r\n\r\n    color:#748399;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CHECK GRID\r\n========================================================= *\/\r\n\r\n.cn-arrival-check-grid{\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:10px;\r\n\r\n    margin-top:14px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-check{\r\n\r\n    padding:15px;\r\n\r\n    border-radius:13px;\r\n\r\n    background:#fff;\r\n\r\n    border:\r\n        1px solid #e5e9ef;\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\r\n.cn-arrival-check:hover{\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(242,85,50,.28);\r\n\r\n    box-shadow:\r\n        0 10px 24px\r\n        rgba(7,22,47,.055);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-check-top{\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    gap:12px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-check strong{\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.35;\r\n\r\n    font-weight:820;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-check-badge{\r\n\r\n    color:#367756;\r\n\r\n    font-size:9px;\r\n\r\n    line-height:1.3;\r\n\r\n    font-weight:850;\r\n\r\n    white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-check p{\r\n\r\n    margin:\r\n        7px 0 0;\r\n\r\n    color:#7b889b;\r\n\r\n    font-size:11px;\r\n\r\n    line-height:1.5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   NEXT ACTION\r\n========================================================= *\/\r\n\r\n.cn-arrival-next{\r\n\r\n    margin-top:15px;\r\n\r\n    padding:\r\n        17px 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-radius:14px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            #0b2147,\r\n            #102e5e\r\n        );\r\n\r\n}\r\n\r\n\r\n.cn-arrival-next-left{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:13px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-next-icon{\r\n\r\n    width:39px;\r\n    height:39px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    flex:0 0 auto;\r\n\r\n    border-radius:10px;\r\n\r\n    color:#fff;\r\n\r\n    background:var(--orange);\r\n\r\n    font-size:17px;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-next strong{\r\n\r\n    display:block;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.35;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-next span{\r\n\r\n    display:block;\r\n\r\n    margin-top:4px;\r\n\r\n    color:#a7b5c8;\r\n\r\n    font-size:10.5px;\r\n\r\n    line-height:1.45;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-next-arrow{\r\n\r\n    color:#ff8064 !important;\r\n\r\n    font-size:23px !important;\r\n\r\n    line-height:1 !important;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM NOTE\r\n========================================================= *\/\r\n\r\n.cn-arrival-note{\r\n\r\n    margin-top:22px;\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:10px;\r\n\r\n    color:#66758a;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.cn-arrival-note-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:var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-arrival-note strong{\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:820;\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-arrival-inner{\r\n\r\n        width:\r\n            calc(100% - 48px);\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-main{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-step strong{\r\n\r\n        font-size:16px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-step p{\r\n\r\n        font-size:12px;\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:760px){\r\n\r\n    .cn-arrival-inner{\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        padding:\r\n            52px 0 40px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-head{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n\r\n        margin-bottom:30px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-head-copy{\r\n\r\n        justify-self:start;\r\n\r\n        font-size:15px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-head h2{\r\n\r\n        font-size:44px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-check-grid{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-step{\r\n\r\n        grid-template-columns:\r\n            44px 1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-step-state{\r\n\r\n        display:none;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-package{\r\n\r\n        grid-template-columns:\r\n            64px 1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-box-icon{\r\n\r\n        width:60px;\r\n        height:60px;\r\n\r\n        font-size:25px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-package strong{\r\n\r\n        font-size:16px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-package span{\r\n\r\n        font-size:11px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-check strong{\r\n\r\n        font-size:13px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-check p{\r\n\r\n        font-size:10.5px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-note{\r\n\r\n        align-items:flex-start;\r\n\r\n        font-size:11.5px;\r\n\r\n    }\r\n\r\n\r\n    .cn-arrival-note strong{\r\n\r\n        font-size:11.5px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"cn-arrival-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-arrival-head\">\r\n\r\n\r\n        <div>\r\n\r\n            <div class=\"cn-arrival-eyebrow\">\r\n                WHEN YOUR GOODS ARRIVE\r\n            <\/div>\r\n\r\n\r\n            <h2>\r\n                We receive it.\r\n                <span>You stay informed.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cn-arrival-head-copy\">\r\n\r\n            Your supplier delivers the order to our China warehouse.\r\n            From that moment, we match the parcel, register the arrival and\r\n            <strong>\r\n                notify you before anything is opened or shipped.\r\n            <\/strong>\r\n\r\n        <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-arrival-main\">\r\n\r\n\r\n        <!-- =================================================\r\n             LEFT\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-arrival-flow\">\r\n\r\n\r\n            <div class=\"cn-arrival-flow-top\">\r\n\r\n                <span>\r\n                    WAREHOUSE ARRIVAL FLOW\r\n                <\/span>\r\n\r\n\r\n                <div class=\"cn-arrival-live\">\r\n                    Receiving active\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <div class=\"cn-arrival-steps\">\r\n\r\n\r\n                <!-- STEP 1 -->\r\n\r\n                <div class=\"cn-arrival-step active\">\r\n\r\n                    <div class=\"cn-arrival-step-num\">\r\n                        01\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Goods arrive at warehouse\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            We receive the domestic parcel from your supplier.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-arrival-step-state\">\r\n                        ARRIVED\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- STEP 2 -->\r\n\r\n                <div class=\"cn-arrival-step\">\r\n\r\n                    <div class=\"cn-arrival-step-num\">\r\n                        02\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Match parcel to your order\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            Tracking details help us identify the supplier and customer order.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-arrival-step-state\">\r\n                        MATCH\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- STEP 3 -->\r\n\r\n                <div class=\"cn-arrival-step\">\r\n\r\n                    <div class=\"cn-arrival-step-num\">\r\n                        03\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Arrival notification\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            We tell you that the goods are safely inside our warehouse.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-arrival-step-state\">\r\n                        NOTIFY\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <!-- STEP 4 -->\r\n\r\n                <div class=\"cn-arrival-step\">\r\n\r\n                    <div class=\"cn-arrival-step-num\">\r\n                        04\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Ready for unpacking\r\n                        <\/strong>\r\n\r\n                        <p>\r\n                            We wait for the required inspection instructions before checking.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-arrival-step-state\">\r\n                        READY\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             RIGHT\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-arrival-panel\">\r\n\r\n\r\n            <div class=\"cn-arrival-panel-head\">\r\n\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        CUSTOMER UPDATE\r\n                    <\/small>\r\n\r\n\r\n                    <h3>\r\n                        Your goods are at our warehouse.\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cn-arrival-status\">\r\n                    \u25cf ARRIVED\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 PACKAGE\r\n            ================================================== -->\r\n\r\n            <div class=\"cn-arrival-package\">\r\n\r\n\r\n                <div class=\"cn-arrival-box-icon\">\r\n                    \ud83d\udce6\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        PARCEL RECEIVED\r\n                    <\/small>\r\n\r\n\r\n                    <strong>\r\n                        Clothing order \u00b7 Supplier parcel\r\n                    <\/strong>\r\n\r\n\r\n                    <span>\r\n                        Waiting for your inspection requirements.\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                 CHECK GRID\r\n            ================================================== -->\r\n\r\n            <div class=\"cn-arrival-check-grid\">\r\n\r\n\r\n                <div class=\"cn-arrival-check\">\r\n\r\n                    <div class=\"cn-arrival-check-top\">\r\n\r\n                        <strong>\r\n                            Tracking matched\r\n                        <\/strong>\r\n\r\n                        <span class=\"cn-arrival-check-badge\">\r\n                            \u2713 DONE\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p>\r\n                        Parcel connected to your warehouse order.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-arrival-check\">\r\n\r\n                    <div class=\"cn-arrival-check-top\">\r\n\r\n                        <strong>\r\n                            Arrival recorded\r\n                        <\/strong>\r\n\r\n                        <span class=\"cn-arrival-check-badge\">\r\n                            \u2713 DONE\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p>\r\n                        Receiving status registered in the warehouse.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-arrival-check\">\r\n\r\n                    <div class=\"cn-arrival-check-top\">\r\n\r\n                        <strong>\r\n                            Customer notified\r\n                        <\/strong>\r\n\r\n                        <span class=\"cn-arrival-check-badge\">\r\n                            \u2713 DONE\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p>\r\n                        You know the shipment has arrived before inspection.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-arrival-check\">\r\n\r\n                    <div class=\"cn-arrival-check-top\">\r\n\r\n                        <strong>\r\n                            Shipment paused\r\n                        <\/strong>\r\n\r\n                        <span class=\"cn-arrival-check-badge\">\r\n                            CONTROLLED\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <p>\r\n                        Nothing ships internationally until the next step is confirmed.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 NEXT STEP\r\n            ================================================== -->\r\n\r\n            <div class=\"cn-arrival-next\">\r\n\r\n\r\n                <div class=\"cn-arrival-next-left\">\r\n\r\n\r\n                    <div class=\"cn-arrival-next-icon\">\r\n                        \u2192\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Next: Unpacking & Clothing Inspection\r\n                        <\/strong>\r\n\r\n\r\n                        <span>\r\n                            Size \u00b7 quantity \u00b7 material \u00b7 visible defects \u00b7 photos\/video\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                <\/div>\r\n\r\n\r\n                <span class=\"cn-arrival-next-arrow\">\r\n                    \u2192\r\n                <\/span>\r\n\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         BOTTOM NOTE\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-arrival-note\">\r\n\r\n        <span class=\"cn-arrival-note-dot\"><\/span>\r\n\r\n        <span>\r\n\r\n            Your goods stay in our warehouse until\r\n\r\n            <strong>\r\n                you confirm what should happen next.\r\n            <\/strong>\r\n\r\n        <\/span>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const section =\r\n        document.querySelector(\r\n            '.cn-arrival-screen'\r\n        );\r\n\r\n\r\n    if(!section){\r\n        return;\r\n    }\r\n\r\n\r\n    const steps =\r\n        section.querySelectorAll(\r\n            '.cn-arrival-step'\r\n        );\r\n\r\n\r\n    let current = 0;\r\n\r\n\r\n    setInterval(\r\n        function(){\r\n\r\n            steps.forEach(\r\n                function(step){\r\n\r\n                    step.classList.remove(\r\n                        'active'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            steps[current]\r\n                .classList.add(\r\n                    'active'\r\n                );\r\n\r\n\r\n            current++;\r\n\r\n\r\n            if(\r\n                current >=\r\n                steps.length\r\n            ){\r\n\r\n                current = 0;\r\n\r\n            }\r\n\r\n        },\r\n        1800\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\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-834d55e e-con e-atomic-element e-flexbox-base e-default-div e-1b0772a \" data-id=\"834d55e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"834d55e\" data-e-type=\"e-flexbox\" data-id=\"834d55e\">\n    <div class=\"elementor-element elementor-element-d8f8f43 e-flex e-con-boxed e-con e-parent\" data-id=\"d8f8f43\" 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-c670b7e elementor-widget elementor-widget-html\" data-id=\"c670b7e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-inspection-screen\" id=\"inspection\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.cn-inspection-screen{\r\n\r\n    --navy:#07162f;\r\n    --navy2:#0c2349;\r\n    --orange:#f25532;\r\n    --green:#52c982;\r\n    --text:#6f7c91;\r\n    --line:#e4e8ee;\r\n    --soft:#f6f8fb;\r\n\r\n    position:relative;\r\n\r\n    width:100%;\r\n\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 12% 16%,\r\n            rgba(35,74,136,.06),\r\n            transparent 26%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #f8fafc 0%,\r\n            #ffffff 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-inspection-inner{\r\n\r\n    width:min(\r\n        calc(100% - 80px),\r\n        1480px\r\n    );\r\n\r\n    margin:auto;\r\n\r\n    padding:\r\n        66px 0 58px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.cn-inspection-head{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr .9fr;\r\n\r\n    gap:50px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:36px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-eyebrow{\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:var(--orange);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.9px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-head h2{\r\n\r\n    margin:0;\r\n\r\n    max-width:760px;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:\r\n        clamp(46px,4vw,64px);\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-2.6px;\r\n\r\n    font-weight:860;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-head h2 span{\r\n\r\n    color:var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-inspection-intro{\r\n\r\n    max-width:620px;\r\n\r\n    justify-self:end;\r\n\r\n    color:#68778b;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.72;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-intro strong{\r\n\r\n    color:var(--navy);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   MAIN\r\n========================================================= *\/\r\n\r\n.cn-inspection-main{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .93fr 1.07fr;\r\n\r\n    gap:24px;\r\n\r\n    align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   LEFT VISUAL\r\n========================================================= *\/\r\n\r\n.cn-inspection-visual{\r\n\r\n    position:relative;\r\n\r\n    min-height:560px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:26px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(7,22,47,.03),\r\n            rgba(7,22,47,.78)\r\n        ),\r\n        url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/09\/a71f103c-a315-4e80-8713-e2e1dbaba150.png') center\/cover no-repeat;\r\n\r\n    box-shadow:\r\n        0 24px 60px rgba(7,22,47,.12);\r\n\r\n}\r\n\r\n\r\n.cn-inspection-visual:before{\r\n\r\n    content:\"\";\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,22,47,0) 30%,\r\n            rgba(7,22,47,.18) 55%,\r\n            rgba(7,22,47,.88) 100%\r\n        );\r\n\r\n}\r\n\r\n\r\n.cn-inspection-visual-top{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    top:20px;\r\n    left:20px;\r\n\r\n    display:flex;\r\n\r\n    gap:8px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-visual-pill{\r\n\r\n    padding:\r\n        8px 11px;\r\n\r\n    border-radius:999px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(7,22,47,.72);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:blur(12px);\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:750;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-visual-bottom{\r\n\r\n    position:absolute;\r\n\r\n    z-index:2;\r\n\r\n    left:24px;\r\n    right:24px;\r\n    bottom:24px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-visual-label{\r\n\r\n    margin-bottom:10px;\r\n\r\n    color:#ff8669;\r\n\r\n    font-size:11px;\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-inspection-visual h3{\r\n\r\n    margin:0;\r\n\r\n    max-width:480px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:34px;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1.3px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-visual p{\r\n\r\n    max-width:500px;\r\n\r\n    margin:\r\n        12px 0 0;\r\n\r\n    color:#c5d0df;\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\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n.cn-inspection-panel{\r\n\r\n    padding:27px;\r\n\r\n    border-radius:26px;\r\n\r\n    background:#fff;\r\n\r\n    border:\r\n        1px solid var(--line);\r\n\r\n    box-shadow:\r\n        0 22px 55px rgba(7,22,47,.07);\r\n\r\n}\r\n\r\n\r\n.cn-inspection-panel-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    padding-bottom:20px;\r\n\r\n    border-bottom:\r\n        1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.cn-inspection-panel-top small{\r\n\r\n    display:block;\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:1.5px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-panel-top h3{\r\n\r\n    margin:\r\n        6px 0 0;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:29px;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-custom{\r\n\r\n    padding:\r\n        8px 11px;\r\n\r\n    border-radius:999px;\r\n\r\n    color:#347553;\r\n\r\n    background:#edf9f2;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   CHECK GRID\r\n========================================================= *\/\r\n\r\n.cn-inspection-options{\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:19px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-option{\r\n\r\n    position:relative;\r\n\r\n    min-height:100px;\r\n\r\n    padding:\r\n        16px;\r\n\r\n    border:\r\n        1px solid #e2e7ed;\r\n\r\n    border-radius:15px;\r\n\r\n    background:#fafbfc;\r\n\r\n    cursor:pointer;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-option:hover{\r\n\r\n    transform:\r\n        translateY(-4px);\r\n\r\n    border-color:\r\n        rgba(242,85,50,.28);\r\n\r\n    box-shadow:\r\n        0 12px 26px rgba(7,22,47,.06);\r\n\r\n}\r\n\r\n\r\n.cn-inspection-option.active{\r\n\r\n    border-color:\r\n        rgba(242,85,50,.48);\r\n\r\n    background:#fff4ef;\r\n\r\n    box-shadow:\r\n        inset 3px 0 0 var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-inspection-option-top{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:11px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-icon{\r\n\r\n    width:34px;\r\n    height:34px;\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:10px;\r\n\r\n    color:var(--orange);\r\n\r\n    background:#fff0eb;\r\n\r\n    font-size:14px;\r\n\r\n    font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-option strong{\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:15px;\r\n\r\n    line-height:1.3;\r\n\r\n    font-weight:820;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-option p{\r\n\r\n    margin:\r\n        9px 0 0;\r\n\r\n    color:#758398;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.48;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   DYNAMIC DETAIL\r\n========================================================= *\/\r\n\r\n.cn-inspection-detail{\r\n\r\n    margin-top:16px;\r\n\r\n    padding:18px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        44px 1fr;\r\n\r\n    gap:14px;\r\n\r\n    align-items:flex-start;\r\n\r\n    border-radius:15px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            #0a1f43,\r\n            #102f60\r\n        );\r\n\r\n}\r\n\r\n\r\n.cn-inspection-detail-icon{\r\n\r\n    width:42px;\r\n    height:42px;\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    background:var(--orange);\r\n\r\n    font-size:17px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-detail small{\r\n\r\n    display:block;\r\n\r\n    color:#ff9077;\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.cn-inspection-detail h4{\r\n\r\n    margin:\r\n        5px 0 0;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.35;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-detail p{\r\n\r\n    margin:\r\n        6px 0 0;\r\n\r\n    color:#b8c5d7;\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\r\n\/* =========================================================\r\n   CUSTOMER CONTROL BAR\r\n========================================================= *\/\r\n\r\n.cn-inspection-control{\r\n\r\n    margin-top:16px;\r\n\r\n    padding:\r\n        15px 16px;\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-radius:14px;\r\n\r\n    background:#f7f9fb;\r\n\r\n    border:\r\n        1px solid #e6eaf0;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-control-left{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:11px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-control-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:var(--green);\r\n\r\n    box-shadow:\r\n        0 0 0 5px\r\n        rgba(82,201,130,.10);\r\n\r\n}\r\n\r\n\r\n.cn-inspection-control strong{\r\n\r\n    display:block;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:13px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-control span{\r\n\r\n    display:block;\r\n\r\n    margin-top:3px;\r\n\r\n    color:#7b899c;\r\n\r\n    font-size:10px;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-control-badge{\r\n\r\n    padding:\r\n        8px 10px;\r\n\r\n    border-radius:999px;\r\n\r\n    color:var(--orange);\r\n\r\n    background:#fff1ec;\r\n\r\n    font-size:9px;\r\n\r\n    font-weight:850;\r\n\r\n    white-space:nowrap;\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   FOOT NOTE\r\n========================================================= *\/\r\n\r\n.cn-inspection-note{\r\n\r\n    margin-top:23px;\r\n\r\n    text-align:center;\r\n\r\n    color:#6f7d91;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.55;\r\n\r\n}\r\n\r\n\r\n.cn-inspection-note strong{\r\n\r\n    color:var(--navy);\r\n\r\n}\r\n\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .cn-inspection-inner{\r\n\r\n        width:\r\n            calc(100% - 48px);\r\n\r\n    }\r\n\r\n\r\n    .cn-inspection-main{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-inspection-visual{\r\n\r\n        min-height:470px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n    .cn-inspection-inner{\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        padding:\r\n            52px 0 44px;\r\n\r\n    }\r\n\r\n\r\n    .cn-inspection-head{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n\r\n        margin-bottom:30px;\r\n\r\n    }\r\n\r\n\r\n    .cn-inspection-head h2{\r\n\r\n        font-size:44px;\r\n\r\n    }\r\n\r\n\r\n    .cn-inspection-intro{\r\n\r\n        justify-self:start;\r\n\r\n        font-size:15px;\r\n\r\n    }\r\n\r\n\r\n    .cn-inspection-options{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-inspection-visual{\r\n\r\n        min-height:420px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"cn-inspection-inner\">\r\n\r\n\r\n    <!-- =====================================================\r\n         HEADER\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-inspection-head\">\r\n\r\n        <div>\r\n\r\n            <div class=\"cn-inspection-eyebrow\">\r\n                CLOTHING INSPECTION\r\n            <\/div>\r\n\r\n            <h2>\r\n                Tell us what matters.\r\n                <span>We check it before shipping.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cn-inspection-intro\">\r\n\r\n            Clothing orders can be checked against the details that matter to you.\r\n            <strong>\r\n                Choose the inspection items, request photos or video,\r\n                and tell us what should be measured or verified.\r\n            <\/strong>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =====================================================\r\n         MAIN\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-inspection-main\">\r\n\r\n\r\n        <!-- LEFT VISUAL -->\r\n\r\n        <div class=\"cn-inspection-visual\">\r\n\r\n\r\n            <div class=\"cn-inspection-visual-top\">\r\n\r\n                <div class=\"cn-inspection-visual-pill\">\r\n                    Clothing\r\n                <\/div>\r\n\r\n                <div class=\"cn-inspection-visual-pill\">\r\n                    Warehouse Check\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cn-inspection-visual-bottom\">\r\n\r\n                <div class=\"cn-inspection-visual-label\">\r\n                    INSPECTION IN CHINA\r\n                <\/div>\r\n\r\n                <h3>\r\n                    Check the order before you pay for international shipping.\r\n                <\/h3>\r\n\r\n                <p>\r\n                    We can inspect selected items, compare visible details,\r\n                    measure garments and provide photos or video for your approval.\r\n                <\/p>\r\n\r\n            <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- RIGHT PANEL -->\r\n\r\n        <div class=\"cn-inspection-panel\">\r\n\r\n\r\n            <div class=\"cn-inspection-panel-top\">\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        CHOOSE WHAT TO CHECK\r\n                    <\/small>\r\n\r\n                    <h3>\r\n                        Clothing inspection checklist\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cn-inspection-custom\">\r\n                    Customer-defined\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- OPTIONS -->\r\n\r\n            <div class=\"cn-inspection-options\">\r\n\r\n\r\n                <div\r\n                    class=\"cn-inspection-option active\"\r\n                    data-check=\"quantity\"\r\n                >\r\n\r\n                    <div class=\"cn-inspection-option-top\">\r\n\r\n                        <div class=\"cn-inspection-icon\">\r\n                            #\r\n                        <\/div>\r\n\r\n                        <strong>\r\n                            Quantity Check\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Compare received pieces or cartons with the order quantity.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div\r\n                    class=\"cn-inspection-option\"\r\n                    data-check=\"size\"\r\n                >\r\n\r\n                    <div class=\"cn-inspection-option-top\">\r\n\r\n                        <div class=\"cn-inspection-icon\">\r\n                            \u2194\r\n                        <\/div>\r\n\r\n                        <strong>\r\n                            Size Verification\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Check size labels or measure selected garments when requested.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div\r\n                    class=\"cn-inspection-option\"\r\n                    data-check=\"color\"\r\n                >\r\n\r\n                    <div class=\"cn-inspection-option-top\">\r\n\r\n                        <div class=\"cn-inspection-icon\">\r\n                            \u25d0\r\n                        <\/div>\r\n\r\n                        <strong>\r\n                            Color & Style\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Compare visible color, model or variant with your requirement.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div\r\n                    class=\"cn-inspection-option\"\r\n                    data-check=\"material\"\r\n                >\r\n\r\n                    <div class=\"cn-inspection-option-top\">\r\n\r\n                        <div class=\"cn-inspection-icon\">\r\n                            \u25eb\r\n                        <\/div>\r\n\r\n                        <strong>\r\n                            Material & Labels\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Check visible fabric labels, tags and supplied specifications.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div\r\n                    class=\"cn-inspection-option\"\r\n                    data-check=\"workmanship\"\r\n                >\r\n\r\n                    <div class=\"cn-inspection-option-top\">\r\n\r\n                        <div class=\"cn-inspection-icon\">\r\n                            \u2726\r\n                        <\/div>\r\n\r\n                        <strong>\r\n                            Workmanship\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Review stitching, seams, buttons, zippers, prints and embroidery.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div\r\n                    class=\"cn-inspection-option\"\r\n                    data-check=\"defects\"\r\n                >\r\n\r\n                    <div class=\"cn-inspection-option-top\">\r\n\r\n                        <div class=\"cn-inspection-icon\">\r\n                            !\r\n                        <\/div>\r\n\r\n                        <strong>\r\n                            Visible Defects\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                    <p>\r\n                        Look for stains, holes, loose threads, damage or obvious defects.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- DYNAMIC DETAIL -->\r\n\r\n            <div class=\"cn-inspection-detail\">\r\n\r\n                <div class=\"cn-inspection-detail-icon\" id=\"cnInspectionDetailIcon\">\r\n                    #\r\n                <\/div>\r\n\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        CURRENT CHECK\r\n                    <\/small>\r\n\r\n                    <h4 id=\"cnInspectionDetailTitle\">\r\n                        Quantity Check\r\n                    <\/h4>\r\n\r\n                    <p id=\"cnInspectionDetailText\">\r\n                        We compare the number of pieces or cartons received\r\n                        with the quantity you asked us to verify.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- CUSTOMER CONTROL -->\r\n\r\n            <div class=\"cn-inspection-control\">\r\n\r\n                <div class=\"cn-inspection-control-left\">\r\n\r\n                    <div class=\"cn-inspection-control-dot\"><\/div>\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            You decide what we inspect.\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Send your checklist, photos or measurement requirements.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cn-inspection-control-badge\">\r\n                    YOUR REQUIREMENTS\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\r\n\r\n    <div class=\"cn-inspection-note\">\r\n\r\n        Visual warehouse inspection helps you verify the order before shipping.\r\n        <strong>\r\n            It is not a laboratory test or formal third-party certification.\r\n        <\/strong>\r\n\r\n    <\/div>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const section =\r\n        document.querySelector(\r\n            '.cn-inspection-screen'\r\n        );\r\n\r\n    if(!section){\r\n        return;\r\n    }\r\n\r\n\r\n    const options =\r\n        section.querySelectorAll(\r\n            '.cn-inspection-option'\r\n        );\r\n\r\n\r\n    const icon =\r\n        section.querySelector(\r\n            '#cnInspectionDetailIcon'\r\n        );\r\n\r\n    const title =\r\n        section.querySelector(\r\n            '#cnInspectionDetailTitle'\r\n        );\r\n\r\n    const text =\r\n        section.querySelector(\r\n            '#cnInspectionDetailText'\r\n        );\r\n\r\n\r\n    const details = {\r\n\r\n        quantity:{\r\n            icon:'#',\r\n            title:'Quantity Check',\r\n            text:'We compare the number of pieces or cartons received with the quantity you asked us to verify.'\r\n        },\r\n\r\n        size:{\r\n            icon:'\u2194',\r\n            title:'Size Verification',\r\n            text:'We can check garment size labels and, when requested, measure selected dimensions such as length, chest or waist.'\r\n        },\r\n\r\n        color:{\r\n            icon:'\u25d0',\r\n            title:'Color & Style',\r\n            text:'We visually compare the color, model and variant with the supplier information or reference you provide.'\r\n        },\r\n\r\n        material:{\r\n            icon:'\u25eb',\r\n            title:'Material & Labels',\r\n            text:'We can photograph and check visible fabric labels, composition tags, hangtags and other supplied product information.'\r\n        },\r\n\r\n        workmanship:{\r\n            icon:'\u2726',\r\n            title:'Workmanship',\r\n            text:'We inspect visible details such as stitching, seams, buttons, zippers, printing and embroidery according to your request.'\r\n        },\r\n\r\n        defects:{\r\n            icon:'!',\r\n            title:'Visible Defects',\r\n            text:'We look for obvious issues such as stains, holes, loose threads, damaged parts, visible color differences or damaged packaging.'\r\n        }\r\n\r\n    };\r\n\r\n\r\n    options.forEach(\r\n        function(option){\r\n\r\n            option.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    options.forEach(\r\n                        function(item){\r\n\r\n                            item.classList.remove(\r\n                                'active'\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    option.classList.add(\r\n                        'active'\r\n                    );\r\n\r\n\r\n                    const key =\r\n                        option.dataset.check;\r\n\r\n\r\n                    const detail =\r\n                        details[key];\r\n\r\n\r\n                    if(!detail){\r\n                        return;\r\n                    }\r\n\r\n\r\n                    icon.textContent =\r\n                        detail.icon;\r\n\r\n                    title.textContent =\r\n                        detail.title;\r\n\r\n                    text.textContent =\r\n                        detail.text;\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\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-600f5d7 e-con e-atomic-element e-flexbox-base e-default-div e-02498fb \" data-id=\"600f5d7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"600f5d7\" data-e-type=\"e-flexbox\" data-id=\"600f5d7\">\n    <div class=\"elementor-element elementor-element-88b208a e-flex e-con-boxed e-con e-parent\" data-id=\"88b208a\" 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-41bb358 elementor-widget elementor-widget-html\" data-id=\"41bb358\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-ready-screen\" id=\"packing-shipping\">\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   BASE\r\n========================================================= *\/\r\n\r\n.cn-ready-screen{\r\n\r\n    --navy:#07162f;\r\n    --navy2:#0d244c;\r\n    --orange:#f25532;\r\n    --green:#50bf7a;\r\n    --text:#68778c;\r\n    --soft:#f6f8fb;\r\n    --line:#e2e7ed;\r\n\r\n    position:relative;\r\n    width:100%;\r\n    overflow:hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 90% 8%,\r\n            rgba(242,85,50,.075),\r\n            transparent 28%\r\n        ),\r\n        linear-gradient(\r\n            180deg,\r\n            #ffffff 0%,\r\n            #f6f8fb 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   INNER\r\n========================================================= *\/\r\n\r\n.cn-ready-inner{\r\n\r\n    width:min(\r\n        calc(100% - 80px),\r\n        1480px\r\n    );\r\n\r\n    margin:auto;\r\n\r\n    padding:60px 0 54px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.cn-ready-head{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        1fr .9fr;\r\n\r\n    gap:50px;\r\n\r\n    align-items:end;\r\n\r\n    margin-bottom:36px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-eyebrow{\r\n\r\n    margin-bottom:12px;\r\n\r\n    color:var(--orange);\r\n\r\n    font-size:12px;\r\n\r\n    font-weight:900;\r\n\r\n    letter-spacing:1.9px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-head h2{\r\n\r\n    margin:0;\r\n\r\n    max-width:790px;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:\r\n        clamp(46px,4vw,64px);\r\n\r\n    line-height:.98;\r\n\r\n    letter-spacing:-2.6px;\r\n\r\n    font-weight:860;\r\n\r\n}\r\n\r\n\r\n.cn-ready-head h2 span{\r\n\r\n    color:var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-ready-copy{\r\n\r\n    max-width:620px;\r\n\r\n    justify-self:end;\r\n\r\n    color:#68778c;\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.72;\r\n\r\n}\r\n\r\n\r\n.cn-ready-copy strong{\r\n\r\n    color:var(--navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN\r\n========================================================= *\/\r\n\r\n.cn-ready-main{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        .92fr 1.08fr;\r\n\r\n    gap:24px;\r\n\r\n    align-items:stretch;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT IMAGE\r\n========================================================= *\/\r\n\r\n.cn-ready-visual{\r\n\r\n    position:relative;\r\n\r\n    min-height:590px;\r\n\r\n    overflow:hidden;\r\n\r\n    border-radius:26px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(7,22,47,.04) 18%,\r\n            rgba(7,22,47,.15) 52%,\r\n            rgba(7,22,47,.88) 100%\r\n        ),\r\n        url('https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/09\/a84e8110-7dbe-431a-98d9-ab1204f51fb6.png')\r\n        center \/ cover no-repeat;\r\n\r\n    box-shadow:\r\n        0 25px 58px\r\n        rgba(7,22,47,.13);\r\n\r\n}\r\n\r\n\r\n.cn-ready-visual:after{\r\n\r\n    content:\"\";\r\n\r\n    position:absolute;\r\n    inset:0;\r\n\r\n    pointer-events:none;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(7,22,47,.05),\r\n            transparent 40%\r\n        );\r\n\r\n}\r\n\r\n\r\n.cn-ready-visual-top{\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    top:20px;\r\n    left:20px;\r\n    right:20px;\r\n\r\n    display:flex;\r\n\r\n    justify-content:space-between;\r\n    align-items:center;\r\n\r\n    gap:15px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-image-tag,\r\n.cn-ready-photo-number{\r\n\r\n    padding:9px 12px;\r\n\r\n    border-radius:999px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        rgba(7,22,47,.75);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.12);\r\n\r\n    backdrop-filter:blur(12px);\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-ready-image-tag{\r\n\r\n    display:inline-flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:8px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-image-tag:before{\r\n\r\n    content:\"\";\r\n\r\n    width:8px;\r\n    height:8px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--green);\r\n\r\n}\r\n\r\n\r\n.cn-ready-visual-bottom{\r\n\r\n    position:absolute;\r\n\r\n    z-index:3;\r\n\r\n    left:25px;\r\n    right:25px;\r\n    bottom:25px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-visual-label{\r\n\r\n    margin-bottom:9px;\r\n\r\n    color:#ff896e;\r\n\r\n    font-size:12px;\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-ready-visual h3{\r\n\r\n    margin:0;\r\n\r\n    max-width:520px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:35px;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1.3px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-visual p{\r\n\r\n    max-width:540px;\r\n\r\n    margin:12px 0 0;\r\n\r\n    color:#c7d1df;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.65;\r\n\r\n}\r\n\r\n\r\n.cn-ready-photo-stats{\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    margin-top:18px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-photo-stat{\r\n\r\n    padding:13px;\r\n\r\n    border-radius:11px;\r\n\r\n    background:\r\n        rgba(255,255,255,.09);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.10);\r\n\r\n    backdrop-filter:blur(10px);\r\n\r\n}\r\n\r\n\r\n.cn-ready-photo-stat small{\r\n\r\n    display:block;\r\n\r\n    color:#a5b4c7;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-ready-photo-stat strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:15px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT PANEL\r\n========================================================= *\/\r\n\r\n.cn-ready-panel{\r\n\r\n    padding:27px;\r\n\r\n    border-radius:26px;\r\n\r\n    background:#fff;\r\n\r\n    border:1px solid var(--line);\r\n\r\n    box-shadow:\r\n        0 22px 50px\r\n        rgba(7,22,47,.07);\r\n\r\n}\r\n\r\n\r\n.cn-ready-panel-head{\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    padding-bottom:19px;\r\n\r\n    border-bottom:\r\n        1px solid var(--line);\r\n\r\n}\r\n\r\n\r\n.cn-ready-panel-head small{\r\n\r\n    display:block;\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:1.4px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-panel-head h3{\r\n\r\n    margin:6px 0 0;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:31px;\r\n\r\n    line-height:1.08;\r\n\r\n    letter-spacing:-1px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-panel-status{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:7px;\r\n\r\n    padding:8px 11px;\r\n\r\n    border-radius:999px;\r\n\r\n    color:#347653;\r\n\r\n    background:#edf9f2;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-ready-panel-status:before{\r\n\r\n    content:\"\";\r\n\r\n    width:7px;\r\n    height:7px;\r\n\r\n    border-radius:50%;\r\n\r\n    background:var(--green);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PACKING PLAN\r\n========================================================= *\/\r\n\r\n.cn-ready-plan{\r\n\r\n    margin-top:18px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-plan-title{\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    margin-bottom:10px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-plan-title strong{\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:17px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-plan-title span{\r\n\r\n    color:#7e8c9f;\r\n\r\n    font-size:12px;\r\n\r\n}\r\n\r\n\r\n\/* PACKING OPTIONS *\/\r\n\r\n.cn-ready-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-ready-option{\r\n\r\n    min-height:68px;\r\n\r\n    padding:12px 13px;\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:11px;\r\n\r\n    cursor:pointer;\r\n\r\n    border:\r\n        1px solid #e2e7ed;\r\n\r\n    background:#f8fafb;\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-ready-option:hover{\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n}\r\n\r\n\r\n.cn-ready-option.active{\r\n\r\n    border-color:\r\n        rgba(242,85,50,.40);\r\n\r\n    background:#fff3ef;\r\n\r\n}\r\n\r\n\r\n.cn-ready-option strong{\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}\r\n\r\n\r\n.cn-ready-option span{\r\n\r\n    margin-top:5px;\r\n\r\n    color:#68778c;\r\n\r\n    font-size:12px;\r\n\r\n    line-height:1.4;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PROCESS\r\n========================================================= *\/\r\n\r\n.cn-ready-process{\r\n\r\n    display:flex;\r\n\r\n    flex-direction:column;\r\n\r\n    gap:10px;\r\n\r\n    margin-top:18px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-step{\r\n\r\n    position:relative;\r\n\r\n    padding:15px 16px;\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        40px 1fr auto;\r\n\r\n    gap:14px;\r\n\r\n    align-items:center;\r\n\r\n    border:\r\n        1px solid #e4e8ee;\r\n\r\n    border-radius:13px;\r\n\r\n    background:#fafbfc;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        border-color .3s ease,\r\n        background .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-ready-step:hover{\r\n\r\n    transform:\r\n        translateX(5px);\r\n\r\n}\r\n\r\n\r\n.cn-ready-step.active{\r\n\r\n    border-color:\r\n        rgba(242,85,50,.43);\r\n\r\n    background:#fff5f1;\r\n\r\n    box-shadow:\r\n        inset 3px 0 0 var(--orange);\r\n\r\n}\r\n\r\n\r\n.cn-ready-step-num{\r\n\r\n    width:38px;\r\n    height:38px;\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n    justify-content:center;\r\n\r\n    border-radius:10px;\r\n\r\n    color:var(--orange);\r\n\r\n    background:#fff0eb;\r\n\r\n    font-size:11px;\r\n\r\n    font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-ready-step strong{\r\n\r\n    display:block;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:17px;\r\n\r\n    line-height:1.35;\r\n\r\n}\r\n\r\n\r\n.cn-ready-step span{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:#68778c;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.cn-ready-step-state{\r\n\r\n    color:#718096 !important;\r\n\r\n    font-size:10.5px !important;\r\n\r\n    font-weight:900 !important;\r\n\r\n    letter-spacing:.2px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-step.active\r\n.cn-ready-step-state{\r\n\r\n    color:var(--orange) !important;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL SUMMARY\r\n========================================================= *\/\r\n\r\n.cn-ready-summary{\r\n\r\n    margin-top:15px;\r\n\r\n    padding:18px;\r\n\r\n    border-radius:14px;\r\n\r\n    color:#fff;\r\n\r\n    background:\r\n        linear-gradient(\r\n            110deg,\r\n            #0a2147,\r\n            #103060\r\n        );\r\n\r\n}\r\n\r\n\r\n.cn-ready-summary-head{\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}\r\n\r\n\r\n.cn-ready-summary-head strong{\r\n\r\n    font-size:17px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-summary-head span{\r\n\r\n    color:#7fe0a6;\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-ready-summary-grid{\r\n\r\n    display:grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4,minmax(0,1fr));\r\n\r\n    gap:8px;\r\n\r\n    margin-top:14px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-summary-item{\r\n\r\n    padding:13px;\r\n\r\n    border-radius:10px;\r\n\r\n    background:\r\n        rgba(255,255,255,.07);\r\n\r\n    border:\r\n        1px solid rgba(255,255,255,.08);\r\n\r\n}\r\n\r\n\r\n.cn-ready-summary-item small{\r\n\r\n    display:block;\r\n\r\n    color:#b0bfd0;\r\n\r\n    font-size:10px;\r\n\r\n    font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-ready-summary-item strong{\r\n\r\n    display:block;\r\n\r\n    margin-top:6px;\r\n\r\n    color:#fff;\r\n\r\n    font-size:15px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAYMENT\r\n========================================================= *\/\r\n\r\n.cn-ready-payment{\r\n\r\n    margin-top:14px;\r\n\r\n    padding:16px 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:20px;\r\n\r\n    border-radius:13px;\r\n\r\n    background:#fff4ef;\r\n\r\n    border:\r\n        1px solid rgba(242,85,50,.22);\r\n\r\n}\r\n\r\n\r\n.cn-ready-payment-left{\r\n\r\n    display:flex;\r\n\r\n    align-items:center;\r\n\r\n    gap:12px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-payment-icon{\r\n\r\n    width:41px;\r\n    height:41px;\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:10px;\r\n\r\n    color:#fff;\r\n\r\n    background:var(--orange);\r\n\r\n    font-size:17px;\r\n\r\n    font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-ready-payment strong{\r\n\r\n    display:block;\r\n\r\n    color:var(--navy);\r\n\r\n    font-size:16px;\r\n\r\n}\r\n\r\n\r\n.cn-ready-payment span{\r\n\r\n    display:block;\r\n\r\n    margin-top:5px;\r\n\r\n    color:#68778c;\r\n\r\n    font-size:13px;\r\n\r\n    line-height:1.45;\r\n\r\n}\r\n\r\n\r\n.cn-ready-payment-button{\r\n\r\n    min-height:48px;\r\n\r\n    padding:0 18px;\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:16px;\r\n\r\n    border-radius:10px;\r\n\r\n    background:var(--orange);\r\n\r\n    color:#fff;\r\n\r\n    text-decoration:none;\r\n\r\n    font-size:13px;\r\n\r\n    font-weight:850;\r\n\r\n    transition:\r\n        transform .3s ease,\r\n        box-shadow .3s ease;\r\n\r\n}\r\n\r\n\r\n.cn-ready-payment-button:hover{\r\n\r\n    transform:\r\n        translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 12px 25px\r\n        rgba(242,85,50,.20);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM NOTE\r\n========================================================= *\/\r\n\r\n.cn-ready-note{\r\n\r\n    margin-top:22px;\r\n\r\n    text-align:center;\r\n\r\n    color:#68778c;\r\n\r\n    font-size:14px;\r\n\r\n    line-height:1.55;\r\n\r\n}\r\n\r\n\r\n.cn-ready-note strong{\r\n\r\n    color:var(--navy);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n    .cn-ready-inner{\r\n\r\n        width:\r\n            calc(100% - 48px);\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-main{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-visual{\r\n\r\n        min-height:500px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n@media(max-width:760px){\r\n\r\n    .cn-ready-inner{\r\n\r\n        width:\r\n            calc(100% - 30px);\r\n\r\n        padding:\r\n            50px 0 42px;\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-head{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n        gap:18px;\r\n\r\n        margin-bottom:30px;\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-head h2{\r\n\r\n        font-size:44px;\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-copy{\r\n\r\n        justify-self:start;\r\n\r\n        font-size:15px;\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-options{\r\n\r\n        grid-template-columns:1fr;\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-summary-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    .cn-ready-payment{\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-ready-payment-button{\r\n\r\n        width:100%;\r\n\r\n    }\r\n\r\n\r\n    .cn-ready-visual{\r\n\r\n        min-height:440px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"cn-ready-inner\">\r\n\r\n\r\n    <!-- HEADER -->\r\n\r\n    <div class=\"cn-ready-head\">\r\n\r\n        <div>\r\n\r\n            <div class=\"cn-ready-eyebrow\">\r\n                AFTER INSPECTION APPROVAL\r\n            <\/div>\r\n\r\n            <h2>\r\n                Packed to your requirements.\r\n                <span>Ready to leave China.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cn-ready-copy\">\r\n\r\n            Once you approve the inspection result,\r\n            we prepare the goods according to your packing requirements,\r\n            seal the cartons and confirm the final shipping details.\r\n\r\n            <strong>\r\n                After shipping payment is confirmed, we dispatch the cargo.\r\n            <\/strong>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <div class=\"cn-ready-main\">\r\n\r\n\r\n        <!-- LEFT IMAGE -->\r\n\r\n        <div class=\"cn-ready-visual\">\r\n\r\n\r\n            <div class=\"cn-ready-visual-top\">\r\n\r\n                <div class=\"cn-ready-image-tag\">\r\n                    Packing completed\r\n                <\/div>\r\n\r\n                <div class=\"cn-ready-photo-number\">\r\n                    Final packing photo\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cn-ready-visual-bottom\">\r\n\r\n                <div class=\"cn-ready-visual-label\">\r\n                    READY FOR INTERNATIONAL SHIPPING\r\n                <\/div>\r\n\r\n                <h3>\r\n                    You can see the final packed shipment before dispatch.\r\n                <\/h3>\r\n\r\n                <p>\r\n                    After repacking and consolidation, we can provide final packing photos,\r\n                    carton quantity, weight and shipment information before the goods leave our warehouse.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"cn-ready-photo-stats\">\r\n\r\n                    <div class=\"cn-ready-photo-stat\">\r\n\r\n                        <small>\r\n                            CARTONS\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            3\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-ready-photo-stat\">\r\n\r\n                        <small>\r\n                            FINAL WEIGHT\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            46.8 kg\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-ready-photo-stat\">\r\n\r\n                        <small>\r\n                            STATUS\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Sealed\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- RIGHT -->\r\n\r\n        <div class=\"cn-ready-panel\">\r\n\r\n\r\n            <div class=\"cn-ready-panel-head\">\r\n\r\n                <div>\r\n\r\n                    <small>\r\n                        SHIPPING PREPARATION\r\n                    <\/small>\r\n\r\n                    <h3>\r\n                        From packing to dispatch\r\n                    <\/h3>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cn-ready-panel-status\">\r\n                    Inspection approved\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- PACKING OPTIONS -->\r\n\r\n            <div class=\"cn-ready-plan\">\r\n\r\n                <div class=\"cn-ready-plan-title\">\r\n\r\n                    <strong>\r\n                        Packing requirement\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        Select an example\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cn-ready-options\">\r\n\r\n\r\n                    <div\r\n                        class=\"cn-ready-option active\"\r\n                        data-pack=\"repack\"\r\n                    >\r\n\r\n                        <strong>\r\n                            Repack\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Export cartons\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"cn-ready-option\"\r\n                        data-pack=\"consolidate\"\r\n                    >\r\n\r\n                        <strong>\r\n                            Consolidate\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Combine parcels\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div\r\n                        class=\"cn-ready-option\"\r\n                        data-pack=\"protect\"\r\n                    >\r\n\r\n                        <strong>\r\n                            Reinforce\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Extra protection\r\n                        <\/span>\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            <!-- PROCESS -->\r\n\r\n            <div class=\"cn-ready-process\">\r\n\r\n\r\n                <div class=\"cn-ready-step active\">\r\n\r\n                    <div class=\"cn-ready-step-num\">\r\n                        01\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Pack to your requirements\r\n                        <\/strong>\r\n\r\n                        <span id=\"cnReadyPackingText\">\r\n                            Goods are arranged and repacked into suitable export cartons.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span class=\"cn-ready-step-state\">\r\n                        PACK\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-ready-step\">\r\n\r\n                    <div class=\"cn-ready-step-num\">\r\n                        02\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Seal the cartons\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Final cartons are closed and secured for transport.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span class=\"cn-ready-step-state\">\r\n                        SEAL\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-ready-step\">\r\n\r\n                    <div class=\"cn-ready-step-num\">\r\n                        03\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Confirm final weight & size\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Final packed shipment information is recorded.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span class=\"cn-ready-step-state\">\r\n                        WEIGH\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-ready-step\">\r\n\r\n                    <div class=\"cn-ready-step-num\">\r\n                        04\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Prepare and apply shipping label\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            The shipment is labeled for the confirmed transport route.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span class=\"cn-ready-step-state\">\r\n                        LABEL\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-ready-step\">\r\n\r\n                    <div class=\"cn-ready-step-num\">\r\n                        05\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Pay shipping cost\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            You review and pay the confirmed international shipping charge.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span class=\"cn-ready-step-state\">\r\n                        PAY\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n\r\n                <div class=\"cn-ready-step\">\r\n\r\n                    <div class=\"cn-ready-step-num\">\r\n                        06\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Dispatch & tracking\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            After payment confirmation, the shipment leaves our warehouse and tracking is provided.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <span class=\"cn-ready-step-state\">\r\n                        SHIP\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- SUMMARY -->\r\n\r\n            <div class=\"cn-ready-summary\">\r\n\r\n                <div class=\"cn-ready-summary-head\">\r\n\r\n                    <strong>\r\n                        Final shipment\r\n                    <\/strong>\r\n\r\n                    <span>\r\n                        \u25cf READY FOR PAYMENT\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"cn-ready-summary-grid\">\r\n\r\n\r\n                    <div class=\"cn-ready-summary-item\">\r\n\r\n                        <small>\r\n                            CARTONS\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            3\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-ready-summary-item\">\r\n\r\n                        <small>\r\n                            WEIGHT\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            46.8 kg\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-ready-summary-item\">\r\n\r\n                        <small>\r\n                            VOLUME\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            0.38 CBM\r\n                        <\/strong>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"cn-ready-summary-item\">\r\n\r\n                        <small>\r\n                            PACKING\r\n                        <\/small>\r\n\r\n                        <strong>\r\n                            Complete\r\n                        <\/strong>\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            <!-- PAYMENT -->\r\n\r\n            <div class=\"cn-ready-payment\">\r\n\r\n                <div class=\"cn-ready-payment-left\">\r\n\r\n                    <div class=\"cn-ready-payment-icon\">\r\n                        $\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <strong>\r\n                            Confirm shipping & payment\r\n                        <\/strong>\r\n\r\n                        <span>\r\n                            Payment confirmed \u2192 shipment dispatched.\r\n                        <\/span>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <a\r\n                    href=\"#quote\"\r\n                    class=\"cn-ready-payment-button\"\r\n                >\r\n                    Continue\r\n                    <span>\u2192<\/span>\r\n                <\/a>\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    <div class=\"cn-ready-note\">\r\n\r\n        We prepare the shipment only after your inspection approval and packing instructions.\r\n\r\n        <strong>\r\n            You can confirm the final packed shipment before dispatch.\r\n        <\/strong>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n    const section =\r\n        document.querySelector(\r\n            '.cn-ready-screen'\r\n        );\r\n\r\n    if(!section){\r\n        return;\r\n    }\r\n\r\n\r\n    const options =\r\n        section.querySelectorAll(\r\n            '.cn-ready-option'\r\n        );\r\n\r\n\r\n    const packingText =\r\n        section.querySelector(\r\n            '#cnReadyPackingText'\r\n        );\r\n\r\n\r\n    const textData = {\r\n\r\n        repack:\r\n            'Goods are arranged and repacked into suitable export cartons.',\r\n\r\n        consolidate:\r\n            'Multiple supplier parcels can be combined into fewer cartons when appropriate.',\r\n\r\n        protect:\r\n            'Additional reinforcement and protective materials can be added when required.'\r\n\r\n    };\r\n\r\n\r\n    options.forEach(\r\n        function(option){\r\n\r\n            option.addEventListener(\r\n                'click',\r\n                function(){\r\n\r\n                    options.forEach(\r\n                        function(item){\r\n\r\n                            item.classList.remove(\r\n                                'active'\r\n                            );\r\n\r\n                        }\r\n                    );\r\n\r\n\r\n                    option.classList.add(\r\n                        'active'\r\n                    );\r\n\r\n\r\n                    const key =\r\n                        option.dataset.pack;\r\n\r\n\r\n                    if(textData[key]){\r\n\r\n                        packingText.textContent =\r\n                            textData[key];\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    const steps =\r\n        section.querySelectorAll(\r\n            '.cn-ready-step'\r\n        );\r\n\r\n\r\n    let current = 0;\r\n\r\n\r\n    setInterval(\r\n        function(){\r\n\r\n            steps.forEach(\r\n                function(step){\r\n\r\n                    step.classList.remove(\r\n                        'active'\r\n                    );\r\n\r\n                }\r\n            );\r\n\r\n\r\n            steps[current]\r\n                .classList.add(\r\n                    'active'\r\n                );\r\n\r\n\r\n            current++;\r\n\r\n\r\n            if(current >= steps.length){\r\n\r\n                current = 0;\r\n\r\n            }\r\n\r\n        },\r\n        1700\r\n    );\r\n\r\n})();\r\n\r\n<\/script>\r\n\r\n<\/section>\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-7688819 e-con e-atomic-element e-flexbox-base e-default-div e-b0a7f73 \" data-id=\"7688819\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7688819\" data-e-type=\"e-flexbox\" data-id=\"7688819\">\n    <div class=\"elementor-element elementor-element-572bcfd e-flex e-con-boxed e-con e-parent\" data-id=\"572bcfd\" 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-2623e2d elementor-widget elementor-widget-html\" data-id=\"2623e2d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-final-screen\" id=\"quote\">\n\n<style>\n\n\/* =========================================================\n   BASE\n========================================================= *\/\n\n.cn-final-screen{\n\n    --navy:#07162f;\n    --navy2:#0c234a;\n    --orange:#f25532;\n    --green:#50c77d;\n\n    position:relative;\n    width:100%;\n    overflow:hidden;\n\n    background:\n        radial-gradient(\n            circle at 12% 10%,\n            rgba(242,85,50,.13),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 90% 75%,\n            rgba(53,94,165,.22),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #06142d 0%,\n            #081d40 55%,\n            #06152f 100%\n        );\n\n    color:#fff;\n\n    font-family:\n        Inter,\n        -apple-system,\n        BlinkMacSystemFont,\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n\n.cn-final-screen:before{\n\n    content:\"\";\n\n    position:absolute;\n    inset:0;\n\n    opacity:.045;\n    pointer-events:none;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,.1) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.1) 1px,\n            transparent 1px\n        );\n\n    background-size:70px 70px;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.cn-final-inner{\n\n    position:relative;\n    z-index:2;\n\n    width:min(\n        calc(100% - 80px),\n        1480px\n    );\n\n    margin:auto;\n\n    padding:62px 0 56px;\n\n    display:grid;\n\n    grid-template-columns:\n        .85fr 1.15fr;\n\n    gap:66px;\n\n    align-items:center;\n}\n\n\n\/* =========================================================\n   LEFT\n========================================================= *\/\n\n.cn-final-left{\n\n    max-width:620px;\n}\n\n\n.cn-final-eyebrow{\n\n    display:inline-flex;\n\n    align-items:center;\n\n    gap:9px;\n\n    margin-bottom:19px;\n\n    padding:9px 13px;\n\n    border-radius:999px;\n\n    border:\n        1px solid rgba(255,255,255,.10);\n\n    background:\n        rgba(255,255,255,.045);\n\n    color:#ff8569;\n\n    font-size:12px;\n    font-weight:900;\n    letter-spacing:1.5px;\n}\n\n\n.cn-final-eyebrow:before{\n\n    content:\"\";\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:var(--green);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(80,199,125,.11);\n}\n\n\n.cn-final-left h2{\n\n    margin:0;\n\n    max-width:620px;\n\n    color:#fff;\n\n    font-size:\n        clamp(52px,4.7vw,76px);\n\n    line-height:.96;\n\n    letter-spacing:-3.4px;\n\n    font-weight:860;\n}\n\n\n.cn-final-left h2 span{\n\n    display:block;\n\n    color:var(--orange);\n}\n\n\n.cn-final-intro{\n\n    max-width:590px;\n\n    margin:25px 0 0;\n\n    color:#bdc8d8;\n\n    font-size:17px;\n\n    line-height:1.7;\n}\n\n\n.cn-final-intro strong{\n\n    color:#fff;\n}\n\n\n\/* =========================================================\n   LEFT INFO CARDS\n========================================================= *\/\n\n.cn-final-routes{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap:12px;\n\n    margin-top:29px;\n}\n\n\n.cn-final-route{\n\n    padding:19px;\n\n    border-radius:15px;\n\n    border:\n        1px solid rgba(255,255,255,.10);\n\n    background:\n        rgba(255,255,255,.045);\n}\n\n\n.cn-final-route-number{\n\n    margin-bottom:13px;\n\n    color:#ff8165;\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:1.2px;\n}\n\n\n.cn-final-route h3{\n\n    margin:0;\n\n    color:#fff;\n\n    font-size:18px;\n\n    line-height:1.3;\n\n    font-weight:820;\n}\n\n\n.cn-final-route p{\n\n    margin:8px 0 0;\n\n    color:#aab8ca;\n\n    font-size:13px;\n\n    line-height:1.55;\n}\n\n\n.cn-final-fee{\n\n    display:inline-flex;\n\n    margin-top:12px;\n\n    padding:7px 10px;\n\n    border-radius:8px;\n\n    color:#ff896f;\n\n    background:\n        rgba(242,85,50,.10);\n\n    font-size:12px;\n\n    font-weight:850;\n}\n\n\n\/* =========================================================\n   FLOW\n========================================================= *\/\n\n.cn-final-flow{\n\n    margin-top:27px;\n\n    padding:17px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n    gap:9px;\n\n    border-radius:14px;\n\n    border:\n        1px solid rgba(255,255,255,.09);\n\n    background:\n        rgba(255,255,255,.035);\n}\n\n\n.cn-final-flow-step{\n\n    flex:1;\n\n    min-width:0;\n\n    text-align:center;\n\n    color:#8596ad;\n\n    font-size:11px;\n\n    font-weight:750;\n\n    transition:.3s ease;\n}\n\n\n.cn-final-flow-step:before{\n\n    content:\"\";\n\n    display:block;\n\n    width:8px;\n    height:8px;\n\n    margin:0 auto 7px;\n\n    border-radius:50%;\n\n    background:#405671;\n\n    transition:.3s ease;\n}\n\n\n.cn-final-flow-step.active{\n\n    color:#fff;\n\n    transform:\n        translateY(-2px);\n}\n\n\n.cn-final-flow-step.active:before{\n\n    background:var(--orange);\n\n    box-shadow:\n        0 0 0 5px\n        rgba(242,85,50,.13);\n}\n\n\n.cn-final-flow-line{\n\n    width:19px;\n    height:1px;\n\n    flex:0 0 auto;\n\n    background:\n        rgba(255,255,255,.12);\n}\n\n\n\/* =========================================================\n   TRUST\n========================================================= *\/\n\n.cn-final-trust{\n\n    margin-top:25px;\n\n    display:flex;\n\n    flex-wrap:wrap;\n\n    gap:10px;\n}\n\n\n.cn-final-trust span{\n\n    padding:9px 11px;\n\n    border-radius:9px;\n\n    color:#a8b7ca;\n\n    background:\n        rgba(255,255,255,.04);\n\n    border:\n        1px solid rgba(255,255,255,.07);\n\n    font-size:11.5px;\n}\n\n\n.cn-final-trust span:before{\n\n    content:\"\u2713\";\n\n    margin-right:7px;\n\n    color:var(--green);\n\n    font-weight:900;\n}\n\n\n\/* =========================================================\n   FORM PANEL\n========================================================= *\/\n\n.cn-final-form-wrap{\n\n    padding:28px;\n\n    border-radius:27px;\n\n    color:#17243a;\n\n    background:#fff;\n\n    box-shadow:\n        0 32px 80px\n        rgba(0,0,0,.24);\n}\n\n\n.cn-final-form-head{\n\n    display:flex;\n\n    align-items:flex-start;\n\n    justify-content:space-between;\n\n    gap:20px;\n\n    margin-bottom:19px;\n\n    padding-bottom:18px;\n\n    border-bottom:\n        1px solid #e4e8ee;\n}\n\n\n.cn-final-form-head small{\n\n    display:block;\n\n    color:var(--orange);\n\n    font-size:11px;\n\n    font-weight:900;\n\n    letter-spacing:1.5px;\n}\n\n\n.cn-final-form-head h3{\n\n    margin:6px 0 0;\n\n    color:var(--navy);\n\n    font-size:31px;\n\n    line-height:1.1;\n\n    letter-spacing:-1px;\n}\n\n\n.cn-final-form-status{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:7px;\n\n    padding:8px 11px;\n\n    border-radius:999px;\n\n    color:#337552;\n\n    background:#edf9f2;\n\n    font-size:10.5px;\n\n    font-weight:800;\n}\n\n\n.cn-final-form-status:before{\n\n    content:\"\";\n\n    width:7px;\n    height:7px;\n\n    border-radius:50%;\n\n    background:var(--green);\n}\n\n\n\/* =========================================================\n   SELECTABLE START OPTIONS\n========================================================= *\/\n\n.cn-final-start-title{\n\n    margin-bottom:11px;\n\n    color:#17263d;\n\n    font-size:15px;\n\n    line-height:1.3;\n\n    font-weight:850;\n}\n\n\n.cn-final-start-options{\n\n    display:grid;\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n\n    gap:12px;\n\n    margin-bottom:18px;\n}\n\n\n.cn-final-start-card{\n\n    position:relative;\n\n    width:100%;\n\n    min-height:104px;\n\n    box-sizing:border-box;\n\n    padding:\n        17px 52px 17px 20px;\n\n    display:flex;\n\n    align-items:center;\n\n    text-align:left;\n\n    border:\n        1.5px solid #dce3eb;\n\n    border-radius:14px;\n\n    background:#f8fafc;\n\n    cursor:pointer;\n\n    font-family:inherit;\n\n    appearance:none;\n    -webkit-appearance:none;\n\n    transition:\n        transform .25s ease,\n        border-color .25s ease,\n        background .25s ease,\n        box-shadow .25s ease;\n}\n\n\n.cn-final-start-card:hover{\n\n    transform:\n        translateY(-2px);\n\n    border-color:\n        rgba(242,85,50,.45);\n\n    box-shadow:\n        0 8px 20px\n        rgba(7,22,47,.06);\n}\n\n\n.cn-final-start-card.active{\n\n    border-color:var(--orange);\n\n    background:#fff3ef;\n\n    box-shadow:\n        0 8px 22px\n        rgba(242,85,50,.09);\n}\n\n\n.cn-final-start-radio{\n\n    position:absolute;\n\n    right:18px;\n    top:20px;\n\n    width:22px;\n    height:22px;\n\n    box-sizing:border-box;\n\n    border-radius:50%;\n\n    border:\n        2px solid #c9d2dd;\n\n    background:#fff;\n\n    transition:.25s ease;\n}\n\n\n.cn-final-start-radio:after{\n\n    content:\"\";\n\n    position:absolute;\n\n    left:50%;\n    top:50%;\n\n    width:10px;\n    height:10px;\n\n    transform:\n        translate(-50%,-50%);\n\n    border-radius:50%;\n\n    background:transparent;\n\n    transition:.25s ease;\n}\n\n\n.cn-final-start-card.active\n.cn-final-start-radio{\n\n    border-color:var(--orange);\n}\n\n\n.cn-final-start-card.active\n.cn-final-start-radio:after{\n\n    background:var(--orange);\n}\n\n\n.cn-final-start-copy{\n\n    min-width:0;\n}\n\n\n.cn-final-start-copy strong{\n\n    display:block;\n\n    color:#3f4e64;\n\n    font-size:16px;\n\n    line-height:1.3;\n\n    font-weight:850;\n}\n\n\n.cn-final-start-card.active\n.cn-final-start-copy strong{\n\n    color:var(--orange);\n}\n\n\n.cn-final-start-copy span{\n\n    display:block;\n\n    margin-top:7px;\n\n    color:#78879b;\n\n    font-size:13px;\n\n    line-height:1.45;\n}\n\n\n.cn-final-start-selected{\n\n    position:absolute;\n\n    right:17px;\n    bottom:13px;\n\n    color:#9aa5b4;\n\n    font-size:9px;\n\n    font-weight:900;\n\n    letter-spacing:.6px;\n}\n\n\n.cn-final-start-card.active\n.cn-final-start-selected{\n\n    color:var(--orange);\n}\n\n\n.cn-final-start-card:focus-visible{\n\n    outline:\n        3px solid rgba(242,85,50,.22);\n\n    outline-offset:2px;\n}\n\n\n\/* =========================================================\n   FORM\n========================================================= *\/\n\n.cn-final-grid{\n\n    display:grid;\n\n    gap:12px;\n}\n\n\n.cn-final-grid-2{\n\n    grid-template-columns:\n        repeat(2,minmax(0,1fr));\n}\n\n\n.cn-final-field{\n\n    margin-bottom:15px;\n}\n\n\n.cn-final-field label{\n\n    display:block;\n\n    margin-bottom:7px;\n\n    color:#27364e;\n\n    font-size:13px;\n\n    line-height:1.3;\n\n    font-weight:820;\n}\n\n\n.cn-final-field label span{\n\n    margin-left:5px;\n\n    color:#929dad;\n\n    font-size:10px;\n\n    font-weight:550;\n}\n\n\n.cn-final-field input,\n.cn-final-field textarea{\n\n    width:100%;\n\n    box-sizing:border-box;\n\n    outline:none;\n\n    border:\n        1px solid #dce2e9;\n\n    border-radius:10px;\n\n    color:#17263d;\n\n    background:#fafbfc;\n\n    font-family:inherit;\n\n    font-size:14px;\n\n    transition:.25s ease;\n}\n\n\n.cn-final-field input{\n\n    height:48px;\n\n    padding:0 14px;\n}\n\n\n.cn-final-field textarea{\n\n    min-height:115px;\n\n    padding:13px 14px;\n\n    resize:vertical;\n\n    line-height:1.55;\n}\n\n\n.cn-final-field input::placeholder,\n.cn-final-field textarea::placeholder{\n\n    color:#9ea9b8;\n\n    font-size:13px;\n}\n\n\n.cn-final-field input:focus,\n.cn-final-field textarea:focus{\n\n    border-color:\n        rgba(242,85,50,.55);\n\n    background:#fff;\n\n    box-shadow:\n        0 0 0 4px\n        rgba(242,85,50,.07);\n}\n\n\n\/* =========================================================\n   ERROR\n========================================================= *\/\n\n.cn-final-error{\n\n    margin-top:5px;\n\n    color:#cf493d;\n\n    font-size:11px;\n}\n\n\n.cn-final-field.has-error input,\n.cn-final-field.has-error textarea{\n\n    border-color:#d95649;\n}\n\n\n\/* =========================================================\n   RESPONSE\n========================================================= *\/\n\n.cn-final-response{\n\n    display:none;\n\n    margin:\n        2px 0 15px;\n\n    padding:\n        13px 14px;\n\n    border-radius:10px;\n\n    font-size:12.5px;\n\n    line-height:1.5;\n}\n\n\n.cn-final-response.success{\n\n    display:block;\n\n    color:#276f47;\n\n    border:\n        1px solid #62bb7e;\n\n    background:#effaf3;\n}\n\n\n.cn-final-response.error{\n\n    display:block;\n\n    color:#954536;\n\n    border:\n        1px solid #e29a87;\n\n    background:#fff3ef;\n}\n\n\n\/* =========================================================\n   FORM BOTTOM\n========================================================= *\/\n\n.cn-final-form-bottom{\n\n    padding-top:18px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n    gap:18px;\n\n    border-top:\n        1px solid #e5e9ee;\n}\n\n\n.cn-final-privacy{\n\n    max-width:370px;\n\n    color:#7f8c9e;\n\n    font-size:11px;\n\n    line-height:1.45;\n}\n\n\n.cn-final-submit{\n\n    min-width:200px;\n    min-height:51px;\n\n    padding:0 19px;\n\n    border:0;\n\n    border-radius:10px;\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:center;\n\n    gap:20px;\n\n    cursor:pointer;\n\n    color:#fff;\n\n    background:var(--orange);\n\n    font-family:inherit;\n\n    font-size:13px;\n\n    font-weight:850;\n\n    box-shadow:\n        0 12px 25px\n        rgba(242,85,50,.20);\n\n    transition:.3s ease;\n}\n\n\n.cn-final-submit:hover{\n\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 17px 32px\n        rgba(242,85,50,.27);\n}\n\n\n.cn-final-submit:disabled{\n\n    cursor:not-allowed;\n\n    opacity:.72;\n}\n\n\n.cn-final-submit-arrow{\n\n    font-size:18px;\n}\n\n\n.cn-final-spinner{\n\n    display:none;\n\n    width:16px;\n    height:16px;\n\n    box-sizing:border-box;\n\n    border-radius:50%;\n\n    border:\n        2px solid\n        rgba(255,255,255,.38);\n\n    border-top-color:#fff;\n\n    animation:\n        cnFinalSpin .7s linear infinite;\n}\n\n\n.cn-final-submit.loading\n.cn-final-spinner{\n\n    display:block;\n}\n\n\n.cn-final-submit.loading\n.cn-final-submit-arrow{\n\n    display:none;\n}\n\n\n@keyframes cnFinalSpin{\n\n    to{\n        transform:rotate(360deg);\n    }\n\n}\n\n\n\/* =========================================================\n   FOOT\n========================================================= *\/\n\n.cn-final-foot{\n\n    position:relative;\n\n    z-index:2;\n\n    width:min(\n        calc(100% - 80px),\n        1480px\n    );\n\n    margin:\n        -18px auto 0;\n\n    padding:\n        18px 0 27px;\n\n    border-top:\n        1px solid rgba(255,255,255,.08);\n\n    display:flex;\n\n    align-items:center;\n\n    justify-content:space-between;\n\n    gap:20px;\n}\n\n\n.cn-final-foot-left{\n\n    display:flex;\n\n    align-items:center;\n\n    gap:10px;\n\n    color:#8496ad;\n\n    font-size:11.5px;\n}\n\n\n.cn-final-foot-dot{\n\n    width:9px;\n    height:9px;\n\n    border-radius:50%;\n\n    background:var(--green);\n}\n\n\n.cn-final-foot-right{\n\n    color:#8fa0b7;\n\n    font-size:11.5px;\n}\n\n\n.cn-final-foot-right strong{\n\n    color:#fff;\n}\n\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media(max-width:1050px){\n\n    .cn-final-inner{\n\n        width:\n            calc(100% - 48px);\n\n        grid-template-columns:1fr;\n\n        gap:42px;\n    }\n\n\n    .cn-final-left{\n\n        max-width:none;\n    }\n\n\n    .cn-final-foot{\n\n        width:\n            calc(100% - 48px);\n    }\n\n}\n\n\n@media(max-width:700px){\n\n    .cn-final-inner{\n\n        width:\n            calc(100% - 30px);\n\n        padding:\n            52px 0 42px;\n    }\n\n\n    .cn-final-left h2{\n\n        font-size:48px;\n    }\n\n\n    .cn-final-routes,\n    .cn-final-grid-2,\n    .cn-final-start-options{\n\n        grid-template-columns:1fr;\n    }\n\n\n    .cn-final-form-wrap{\n\n        padding:20px;\n\n        border-radius:20px;\n    }\n\n\n    .cn-final-form-head{\n\n        display:block;\n    }\n\n\n    .cn-final-form-status{\n\n        display:inline-flex;\n\n        margin-top:12px;\n    }\n\n\n    .cn-final-form-bottom{\n\n        flex-direction:column;\n\n        align-items:stretch;\n    }\n\n\n    .cn-final-submit{\n\n        width:100%;\n    }\n\n\n    .cn-final-flow{\n\n        overflow-x:auto;\n    }\n\n\n    .cn-final-flow-step{\n\n        min-width:62px;\n    }\n\n\n    .cn-final-foot{\n\n        width:\n            calc(100% - 30px);\n\n        flex-direction:column;\n\n        align-items:flex-start;\n    }\n\n}\n\n<\/style>\n\n\n\n<div class=\"cn-final-inner\">\n\n\n    <!-- =====================================================\n         LEFT\n    ====================================================== -->\n\n    <div class=\"cn-final-left\">\n\n\n        <div class=\"cn-final-eyebrow\">\n            READY TO START?\n        <\/div>\n\n\n        <h2>\n\n            Have a clothing order\n\n            <span>\n                in China?\n            <\/span>\n\n        <\/h2>\n\n\n        <p class=\"cn-final-intro\">\n\n            Whether you have already purchased the goods or still need help ordering,\n            send us the details.\n\n            <strong>\n                Our China warehouse team can receive, inspect, repack and ship the order for you.\n            <\/strong>\n\n        <\/p>\n\n\n\n        <div class=\"cn-final-routes\">\n\n\n            <div class=\"cn-final-route\">\n\n                <div class=\"cn-final-route-number\">\n                    OPTION 01\n                <\/div>\n\n                <h3>\n                    Already purchased?\n                <\/h3>\n\n                <p>\n                    Get our China warehouse address and ask your supplier to send the goods directly to us.\n                <\/p>\n\n            <\/div>\n\n\n\n            <div class=\"cn-final-route\">\n\n                <div class=\"cn-final-route-number\">\n                    OPTION 02\n                <\/div>\n\n                <h3>\n                    Need us to purchase?\n                <\/h3>\n\n                <p>\n                    Send the product link or photo and we can purchase from the supplier on your behalf.\n                <\/p>\n\n                <div class=\"cn-final-fee\">\n                    3% purchasing service fee\n                <\/div>\n\n            <\/div>\n\n\n        <\/div>\n\n\n\n        <div class=\"cn-final-flow\">\n\n            <div class=\"cn-final-flow-step active\">\n                Send\n            <\/div>\n\n            <div class=\"cn-final-flow-line\"><\/div>\n\n            <div class=\"cn-final-flow-step\">\n                Receive\n            <\/div>\n\n            <div class=\"cn-final-flow-line\"><\/div>\n\n            <div class=\"cn-final-flow-step\">\n                Inspect\n            <\/div>\n\n            <div class=\"cn-final-flow-line\"><\/div>\n\n            <div class=\"cn-final-flow-step\">\n                Approve\n            <\/div>\n\n            <div class=\"cn-final-flow-line\"><\/div>\n\n            <div class=\"cn-final-flow-step\">\n                Pack\n            <\/div>\n\n            <div class=\"cn-final-flow-line\"><\/div>\n\n            <div class=\"cn-final-flow-step\">\n                Ship\n            <\/div>\n\n        <\/div>\n\n\n\n        <div class=\"cn-final-trust\">\n\n            <span>China warehouse<\/span>\n\n            <span>Photos & video<\/span>\n\n            <span>Customer approval<\/span>\n\n            <span>International shipping<\/span>\n\n        <\/div>\n\n\n    <\/div>\n\n\n\n    <!-- =====================================================\n         RIGHT FORM\n    ====================================================== -->\n\n    <div class=\"cn-final-form-wrap\">\n\n\n        <div class=\"cn-final-form-head\">\n\n            <div>\n\n                <small>\n                    SEND YOUR SHIPMENT DETAILS\n                <\/small>\n\n                <h3>\n                    Tell us what you need.\n                <\/h3>\n\n            <\/div>\n\n\n            <div class=\"cn-final-form-status\">\n                China team online\n            <\/div>\n\n        <\/div>\n\n\n\n        <form\n            class=\"cn-final-form\"\n            id=\"cnClothingFinalForm\"\n            autocomplete=\"on\"\n            novalidate\n        >\n\n\n            <!-- CF7 -->\n\n            <input\n                type=\"hidden\"\n                name=\"_wpcf7\"\n                value=\"63\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"_wpcf7_unit_tag\"\n                value=\"wpcf7-f63-o1\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"_wpcf7_container_post\"\n                value=\"0\"\n            >\n\n\n            <!-- hidden start option -->\n\n            <input\n                type=\"hidden\"\n                name=\"cn-start-mode\"\n                id=\"cnStartMode\"\n                value=\"Already purchased - Send to warehouse\"\n            >\n\n\n            <!-- existing CF7 fields -->\n\n            <input\n                type=\"hidden\"\n                name=\"cargo-type\"\n                value=\"Other\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"quantity\"\n                value=\"\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"weight\"\n                value=\"\"\n            >\n\n            <input\n                type=\"hidden\"\n                name=\"volume\"\n                value=\"\"\n            >\n\n\n\n            <!-- =================================================\n                 CLICKABLE OPTIONS\n            ================================================== -->\n\n            <div class=\"cn-final-start-title\">\n                How would you like to start?\n            <\/div>\n\n\n            <div class=\"cn-final-start-options\">\n\n\n                <button\n                    type=\"button\"\n                    class=\"cn-final-start-card active\"\n                    data-value=\"Already purchased - Send to warehouse\"\n                >\n\n                    <span class=\"cn-final-start-radio\"><\/span>\n\n                    <div class=\"cn-final-start-copy\">\n\n                        <strong>\n                            Already purchased\n                        <\/strong>\n\n                        <span>\n                            Send the goods directly to our China warehouse.\n                        <\/span>\n\n                    <\/div>\n\n                    <span class=\"cn-final-start-selected\">\n                        SELECTED\n                    <\/span>\n\n                <\/button>\n\n\n\n                <button\n                    type=\"button\"\n                    class=\"cn-final-start-card\"\n                    data-value=\"Need purchasing service - 3% fee\"\n                >\n\n                    <span class=\"cn-final-start-radio\"><\/span>\n\n                    <div class=\"cn-final-start-copy\">\n\n                        <strong>\n                            Need purchasing service\n                        <\/strong>\n\n                        <span>\n                            Send us the product link or photo \u00b7 3% service fee.\n                        <\/span>\n\n                    <\/div>\n\n                    <span class=\"cn-final-start-selected\">\n                        SELECT\n                    <\/span>\n\n                <\/button>\n\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 NAME \/ EMAIL\n            ================================================== -->\n\n            <div class=\"cn-final-grid cn-final-grid-2\">\n\n\n                <div class=\"cn-final-field\">\n\n                    <label for=\"cnFinalName\">\n                        Your name\n                    <\/label>\n\n                    <input\n                        id=\"cnFinalName\"\n                        type=\"text\"\n                        name=\"your-name\"\n                        placeholder=\"John Smith\"\n                        autocomplete=\"name\"\n                        required\n                    >\n\n                    <div class=\"cn-final-error\"><\/div>\n\n                <\/div>\n\n\n\n                <div class=\"cn-final-field\">\n\n                    <label for=\"cnFinalEmail\">\n                        Email\n                    <\/label>\n\n                    <input\n                        id=\"cnFinalEmail\"\n                        type=\"email\"\n                        name=\"your-email\"\n                        placeholder=\"name@company.com\"\n                        autocomplete=\"email\"\n                        required\n                    >\n\n                    <div class=\"cn-final-error\"><\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 WHATSAPP \/ DESTINATION\n            ================================================== -->\n\n            <div class=\"cn-final-grid cn-final-grid-2\">\n\n\n                <div class=\"cn-final-field\">\n\n                    <label for=\"cnFinalWhatsApp\">\n\n                        WhatsApp\n\n                        <span>\n                            Optional\n                        <\/span>\n\n                    <\/label>\n\n                    <input\n                        id=\"cnFinalWhatsApp\"\n                        type=\"tel\"\n                        name=\"your-whatsapp\"\n                        placeholder=\"+44...\"\n                        autocomplete=\"tel\"\n                    >\n\n                    <div class=\"cn-final-error\"><\/div>\n\n                <\/div>\n\n\n\n                <div class=\"cn-final-field\">\n\n                    <label for=\"cnFinalDestination\">\n                        Destination\n                    <\/label>\n\n                    <input\n                        id=\"cnFinalDestination\"\n                        type=\"text\"\n                        name=\"destination\"\n                        placeholder=\"Country \/ city\"\n                        required\n                    >\n\n                    <div class=\"cn-final-error\"><\/div>\n\n                <\/div>\n\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 LINK\n            ================================================== -->\n\n            <div class=\"cn-final-field\">\n\n                <label for=\"cnFinalLink\">\n\n                    Product or supplier link\n\n                    <span>\n                        Optional\n                    <\/span>\n\n                <\/label>\n\n                <input\n                    id=\"cnFinalLink\"\n                    type=\"url\"\n                    name=\"supplier-link\"\n                    placeholder=\"Paste 1688, Taobao, Alibaba or supplier product link\"\n                >\n\n                <div class=\"cn-final-error\"><\/div>\n\n            <\/div>\n\n\n\n            <!-- =================================================\n                 MESSAGE\n            ================================================== -->\n\n            <div class=\"cn-final-field\">\n\n                <label for=\"cnFinalMessage\">\n                    Tell us about your order\n                <\/label>\n\n                <textarea\n                    id=\"cnFinalMessage\"\n                    name=\"shipment-message\"\n                    placeholder=\"Tell us what you are buying, quantity, supplier information, inspection requirements, packing requirements or anything else we should know.\"\n                ><\/textarea>\n\n                <div class=\"cn-final-error\"><\/div>\n\n            <\/div>\n\n\n\n            <!-- RESPONSE -->\n\n            <div\n                class=\"cn-final-response\"\n                id=\"cnFinalResponse\"\n                role=\"status\"\n                aria-live=\"polite\"\n            ><\/div>\n\n\n\n            <!-- BOTTOM -->\n\n            <div class=\"cn-final-form-bottom\">\n\n\n                <div class=\"cn-final-privacy\">\n\n                    Your information is used only to review your inquiry and prepare the warehouse or shipping service.\n\n                <\/div>\n\n\n                <button\n                    type=\"submit\"\n                    class=\"cn-final-submit\"\n                    id=\"cnFinalSubmit\"\n                >\n\n                    <span>\n                        Send Inquiry\n                    <\/span>\n\n                    <span class=\"cn-final-submit-arrow\">\n                        \u2192\n                    <\/span>\n\n                    <span\n                        class=\"cn-final-spinner\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                <\/button>\n\n\n            <\/div>\n\n\n        <\/form>\n\n\n    <\/div>\n\n\n<\/div>\n\n\n\n<!-- =========================================================\n     FOOT\n========================================================= -->\n\n<div class=\"cn-final-foot\">\n\n    <div class=\"cn-final-foot-left\">\n\n        <span class=\"cn-final-foot-dot\"><\/span>\n\n        CN-Delivery China warehouse team\n\n    <\/div>\n\n\n    <div class=\"cn-final-foot-right\">\n\n        Receive \u00b7 Inspect \u00b7 Repack \u00b7\n\n        <strong>\n            Ship worldwide.\n        <\/strong>\n\n    <\/div>\n\n<\/div>\n\n\n\n<script>\n\n(function(){\n\n    const section =\n        document.querySelector(\n            '.cn-final-screen'\n        );\n\n\n    if(!section){\n        return;\n    }\n\n\n\n    \/* =====================================================\n       CLICKABLE START OPTIONS\n    ====================================================== *\/\n\n    const startCards =\n        section.querySelectorAll(\n            '.cn-final-start-card'\n        );\n\n\n    const startInput =\n        section.querySelector(\n            '#cnStartMode'\n        );\n\n\n    startCards.forEach(\n        function(card){\n\n            card.addEventListener(\n                'click',\n                function(){\n\n                    startCards.forEach(\n                        function(item){\n\n                            item.classList.remove(\n                                'active'\n                            );\n\n\n                            const label =\n                                item.querySelector(\n                                    '.cn-final-start-selected'\n                                );\n\n\n                            if(label){\n\n                                label.textContent =\n                                    'SELECT';\n\n                            }\n\n                        }\n                    );\n\n\n                    card.classList.add(\n                        'active'\n                    );\n\n\n                    const selectedLabel =\n                        card.querySelector(\n                            '.cn-final-start-selected'\n                        );\n\n\n                    if(selectedLabel){\n\n                        selectedLabel.textContent =\n                            'SELECTED';\n\n                    }\n\n\n                    if(startInput){\n\n                        startInput.value =\n                            card.getAttribute(\n                                'data-value'\n                            );\n\n                    }\n\n                }\n            );\n\n        }\n    );\n\n\n\n    \/* =====================================================\n       FLOW ANIMATION\n    ====================================================== *\/\n\n    const flowSteps =\n        section.querySelectorAll(\n            '.cn-final-flow-step'\n        );\n\n\n    let flowIndex = 0;\n\n\n    setInterval(\n        function(){\n\n            flowSteps.forEach(\n                function(item){\n\n                    item.classList.remove(\n                        'active'\n                    );\n\n                }\n            );\n\n\n            flowSteps[flowIndex]\n                .classList.add(\n                    'active'\n                );\n\n\n            flowIndex++;\n\n\n            if(\n                flowIndex >=\n                flowSteps.length\n            ){\n\n                flowIndex = 0;\n\n            }\n\n        },\n        1600\n    );\n\n\n\n    \/* =====================================================\n       FORM\n    ====================================================== *\/\n\n    const form =\n        section.querySelector(\n            '#cnClothingFinalForm'\n        );\n\n\n    const submit =\n        section.querySelector(\n            '#cnFinalSubmit'\n        );\n\n\n    const response =\n        section.querySelector(\n            '#cnFinalResponse'\n        );\n\n\n    if(!form){\n        return;\n    }\n\n\n    const CONTACT_FORM_ID = '63';\n\n\n    const endpoint =\n        window.location.origin\n        +\n        '\/wp-json\/contact-form-7\/v1\/contact-forms\/'\n        +\n        CONTACT_FORM_ID\n        +\n        '\/feedback';\n\n\n\n    function resetErrors(){\n\n        form\n            .querySelectorAll(\n                '.cn-final-field'\n            )\n            .forEach(\n                function(field){\n\n                    field.classList.remove(\n                        'has-error'\n                    );\n\n\n                    const error =\n                        field.querySelector(\n                            '.cn-final-error'\n                        );\n\n\n                    if(error){\n\n                        error.textContent = '';\n\n                    }\n\n                }\n            );\n\n\n        response.className =\n            'cn-final-response';\n\n\n        response.textContent = '';\n\n    }\n\n\n\n    function showResponse(type,text){\n\n        response.className =\n            'cn-final-response '\n            +\n            type;\n\n\n        response.textContent =\n            text;\n\n    }\n\n\n\n    function fieldError(input,text){\n\n        const field =\n            input.closest(\n                '.cn-final-field'\n            );\n\n\n        if(!field){\n            return;\n        }\n\n\n        field.classList.add(\n            'has-error'\n        );\n\n\n        const error =\n            field.querySelector(\n                '.cn-final-error'\n            );\n\n\n        if(error){\n\n            error.textContent =\n                text;\n\n        }\n\n    }\n\n\n\n    function showCF7ValidationErrors(invalidFields){\n\n        if(!Array.isArray(invalidFields)){\n            return;\n        }\n\n        invalidFields.forEach(\n            function(item){\n\n                const fieldName =\n                    item.field;\n\n                if(!fieldName){\n                    return;\n                }\n\n                const input =\n                    form.querySelector(\n                        '[name=\"' +\n                        fieldName.replace(\/\"\/g,'\\\\\\\"')\n                        +\n                        '\"]'\n                    );\n\n                if(!input){\n                    return;\n                }\n\n                fieldError(\n                    input,\n                    item.message ||\n                    'Please check this field.'\n                );\n\n            }\n        );\n\n    }\n\n\n\n    function success(){\n\n        showResponse(\n            'success',\n            'Thank you. Your inquiry has been received successfully. Our China warehouse team will review the details and contact you as soon as possible.'\n        );\n\n\n        form.reset();\n\n\n        if(startInput){\n\n            startInput.value =\n                'Already purchased - Send to warehouse';\n\n        }\n\n\n        startCards.forEach(\n            function(item,index){\n\n                item.classList.toggle(\n                    'active',\n                    index === 0\n                );\n\n\n                const label =\n                    item.querySelector(\n                        '.cn-final-start-selected'\n                    );\n\n\n                if(label){\n\n                    label.textContent =\n                        index === 0\n                        ? 'SELECTED'\n                        : 'SELECT';\n\n                }\n\n            }\n        );\n\n\n        response.scrollIntoView({\n            behavior:'smooth',\n            block:'nearest'\n        });\n\n    }\n\n\n\n    form.addEventListener(\n        'submit',\n        async function(event){\n\n            event.preventDefault();\n\n\n            resetErrors();\n\n\n\n            const name =\n                form.querySelector(\n                    '[name=\"your-name\"]'\n                );\n\n\n            const email =\n                form.querySelector(\n                    '[name=\"your-email\"]'\n                );\n\n\n            const destination =\n                form.querySelector(\n                    '[name=\"destination\"]'\n                );\n\n\n            let invalid = false;\n\n\n\n            if(\n                !name.value.trim()\n            ){\n\n                fieldError(\n                    name,\n                    'Please enter your name.'\n                );\n\n                invalid = true;\n\n            }\n\n\n\n            if(\n                !email.value.trim()\n                ||\n                !email.validity.valid\n            ){\n\n                fieldError(\n                    email,\n                    'Please enter a valid email address.'\n                );\n\n                invalid = true;\n\n            }\n\n\n\n            if(\n                !destination.value.trim()\n            ){\n\n                fieldError(\n                    destination,\n                    'Please enter the destination.'\n                );\n\n                invalid = true;\n\n            }\n\n\n\n            if(invalid){\n\n                showResponse(\n                    'error',\n                    'Please check the highlighted fields.'\n                );\n\n                return;\n\n            }\n\n\n\n            submit.disabled = true;\n\n\n            submit.classList.add(\n                'loading'\n            );\n\n\n\n            const formData =\n                new FormData(form);\n\n\n\n            const startMode =\n                startInput\n                ? startInput.value\n                : 'Already purchased - Send to warehouse';\n\n\n\n            const originalMessage =\n                formData.get(\n                    'shipment-message'\n                ) || '';\n\n\n\n            formData.set(\n                'shipment-message',\n\n                'Start option: '\n                +\n                startMode\n                +\n                '\\n'\n                +\n                'Product category: Clothing'\n                +\n                '\\n\\n'\n                +\n                originalMessage\n            );\n\n\n\n            formData.set(\n                'cargo-type',\n                'Other'\n            );\n\n\n            formData.set(\n                '_wpcf7',\n                '63'\n            );\n\n\n            formData.set(\n                '_wpcf7_unit_tag',\n                'wpcf7-f63-o1'\n            );\n\n\n            formData.set(\n                '_wpcf7_container_post',\n                '0'\n            );\n\n\n\n            try{\n\n\n                const request =\n                    await fetch(\n                        endpoint,\n                        {\n\n                            method:'POST',\n\n                            body:formData,\n\n                            credentials:'same-origin',\n\n                            headers:{\n                                'Accept':'application\/json'\n                            }\n\n                        }\n                    );\n\n\n\n                const raw =\n                    await request.text();\n\n\n\n                let result;\n\n\n\n                try{\n\n                    result =\n                        JSON.parse(raw);\n\n                }\n\n\n                catch(error){\n\n                    throw new Error(\n                        'Invalid CF7 response'\n                    );\n\n                }\n\n\n\n                if(\n                    result.status === 'mail_sent'\n                    ||\n                    result.status === 'mail_sent_ok'\n                    ||\n                    result.status === 'mail_failed'\n                ){\n\n                    success();\n\n                }\n\n\n\n                else if(\n                    result.status ===\n                    'validation_failed'\n                ){\n\n                    showCF7ValidationErrors(\n                        result.invalid_fields\n                    );\n\n                    showResponse(\n                        'error',\n                        result.message ||\n                        'Please check the highlighted fields and try again.'\n                    );\n\n                }\n\n\n\n                else if(\n                    result.status ===\n                    'spam'\n                ){\n\n                    showResponse(\n                        'error',\n                        'Your inquiry could not be submitted. Please review the information and try again.'\n                    );\n\n                }\n\n\n\n                else{\n\n                    showResponse(\n                        'error',\n                        result.message\n                        ||\n                        'We could not submit the inquiry. Please try again.'\n                    );\n\n                }\n\n\n            }\n\n\n            catch(error){\n\n\n                console.error(\n                    'CN-Delivery form error:',\n                    error\n                );\n\n\n                showResponse(\n                    'error',\n                    'The form could not connect to the server. Please try again.'\n                );\n\n\n            }\n\n\n            finally{\n\n\n                submit.disabled = false;\n\n\n                submit.classList.remove(\n                    'loading'\n                );\n\n\n            }\n\n        }\n    );\n\n})();\n\n<\/script>\n\n<\/section>\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>CLOTHING &#038; TEXTILES \u00b7 CHINA WAREHOUSE Clothing inspection before it leaves China. Already purchased from a supplier? Send the goods directly to our China warehouse. Need help buying? Send us the product link or photo and our team can purchase it for you. 1688 \/ Taobao \/ Alibaba Factory orders Photo &#038; video inspection Start [&hellip;]<\/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-81","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/pages\/81","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":12,"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/pages\/81\/revisions"}],"predecessor-version":[{"id":252,"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/pages\/81\/revisions\/252"}],"wp:attachment":[{"href":"https:\/\/www.cn-delivery.com\/fr\/wp-json\/wp\/v2\/media?parent=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}