{"id":88,"date":"2026-09-01T10:48:57","date_gmt":"2026-09-01T10:48:57","guid":{"rendered":"https:\/\/www.cn-delivery.com\/?page_id=88"},"modified":"2026-09-01T14:23:37","modified_gmt":"2026-09-01T14:23:37","slug":"about-us","status":"publish","type":"page","link":"https:\/\/www.cn-delivery.com\/es\/about-us\/","title":{"rendered":"Qui\u00e9nes somos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"88\" class=\"elementor elementor-88\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-28d5237 e-con e-atomic-element e-flexbox-base e-default-div e-f6cc440 \" data-id=\"28d5237\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"28d5237\" data-e-type=\"e-flexbox\" data-id=\"28d5237\">\n    <div class=\"elementor-element elementor-element-e18c340 e-flex e-con-boxed e-con e-parent\" data-id=\"e18c340\" 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-ee10335 elementor-widget elementor-widget-html\" data-id=\"ee10335\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"cn-about-section\" id=\"about-us\">\r\n  <div class=\"cn-about-bg\"><\/div>\r\n\r\n  <div class=\"cn-about-container\">\r\n\r\n    <!-- \u5de6\u4fa7\u6587\u5b57 -->\r\n    <div class=\"cn-about-content\">\r\n\r\n      <div class=\"cn-about-tag\">ABOUT US<\/div>\r\n\r\n      <h2>\r\n        Your Trusted<br>\r\n        <span>China Warehouse Partner<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"cn-about-lead\">\r\n        We help overseas buyers receive, inspect, consolidate, pack and ship\r\n        products from China with a clear and transparent process.\r\n      <\/p>\r\n\r\n      <p class=\"cn-about-text\">\r\n        Whether you are buying from 1688, Taobao, Chinese factories or multiple\r\n        suppliers, our warehouse team can receive your goods, check quantities,\r\n        take photos and videos, inspect products according to your requirements,\r\n        repack them and arrange international shipping.\r\n      <\/p>\r\n\r\n      <p class=\"cn-about-text\">\r\n        Our goal is simple \u2014 to give overseas buyers a reliable team in China\r\n        that can see the goods, check the goods and handle the shipment before\r\n        it leaves the country.\r\n      <\/p>\r\n\r\n      <!-- \u6570\u636e -->\r\n      <div class=\"cn-about-stats\">\r\n\r\n        <div class=\"cn-about-stat\">\r\n          <strong>China<\/strong>\r\n          <span>Local Warehouse Team<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cn-about-stat\">\r\n          <strong>1\u20131<\/strong>\r\n          <span>Personal Support<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"cn-about-stat\">\r\n          <strong>Global<\/strong>\r\n          <span>Shipping Coverage<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- \u53f3\u4fa7\u56fe\u7247 -->\r\n    <div class=\"cn-about-visual\">\r\n\r\n      <div class=\"cn-about-main-image\">\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/08\/faf98cf0-ef89-49ef-927a-01ff2faaf178.png\"\r\n          alt=\"China warehouse team providing inspection packing and international shipping services\"\r\n        >\r\n\r\n        <div class=\"cn-about-image-label\">\r\n\r\n          <div class=\"cn-about-dot\"><\/div>\r\n\r\n          <div>\r\n            <strong>China Warehouse<\/strong>\r\n            <span>Receiving \u00b7 Inspection \u00b7 Packing \u00b7 Shipping<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- \u6d6e\u52a8\u4fe1\u606f -->\r\n      <div class=\"cn-about-floating-card\">\r\n\r\n        <div class=\"cn-about-check\">\u2713<\/div>\r\n\r\n        <div>\r\n          <strong>Transparent Process<\/strong>\r\n          <span>Photos & videos before shipping<\/span>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================\r\n   ABOUT US\r\n========================= *\/\r\n\r\n.cn-about-section {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 100vh;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 80% 20%,\r\n      rgba(28,92,255,.10),\r\n      transparent 32%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #f7f9fc 0%,\r\n      #ffffff 55%,\r\n      #f2f6ff 100%\r\n    );\r\n\r\n  font-family: Arial, Helvetica, sans-serif;\r\n}\r\n\r\n\r\n\/* \u80cc\u666f\u88c5\u9970 *\/\r\n\r\n.cn-about-bg {\r\n  position: absolute;\r\n  width: 480px;\r\n  height: 480px;\r\n\r\n  border-radius: 50%;\r\n  border: 1px solid rgba(34,76,167,.08);\r\n\r\n  right: -180px;\r\n  top: -140px;\r\n}\r\n\r\n\r\n\/* \u4e3b\u4f53 *\/\r\n\r\n.cn-about-container {\r\n  position: relative;\r\n  z-index: 2;\r\n\r\n  width: min(1500px,92%);\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n  grid-template-columns: 0.95fr 1.05fr;\r\n\r\n  gap: 80px;\r\n  align-items: center;\r\n\r\n  padding: 70px 0;\r\n}\r\n\r\n\r\n\/* =========================\r\n   LEFT\r\n========================= *\/\r\n\r\n.cn-about-content {\r\n  max-width: 690px;\r\n}\r\n\r\n\r\n\/* ABOUT US \u6807\u7b7e *\/\r\n\r\n.cn-about-tag {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\r\n  min-height: 42px;\r\n\r\n  padding: 0 18px;\r\n\r\n  border-radius: 50px;\r\n\r\n  background: #eaf0ff;\r\n  color: #1746bd;\r\n\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  letter-spacing: 2px;\r\n\r\n  margin-bottom: 24px;\r\n}\r\n\r\n\r\n\/* \u6807\u9898 *\/\r\n\r\n.cn-about-content h2 {\r\n  margin: 0 0 28px;\r\n\r\n  color: #101b36;\r\n\r\n  font-size: clamp(48px,4.6vw,76px);\r\n  line-height: 1.03;\r\n\r\n  letter-spacing: -2.4px;\r\n  font-weight: 900;\r\n}\r\n\r\n.cn-about-content h2 span {\r\n  color: #2154d7;\r\n}\r\n\r\n\r\n\/* \u7b2c\u4e00\u6bb5 *\/\r\n\r\n.cn-about-lead {\r\n  margin: 0 0 22px;\r\n\r\n  color: #263553;\r\n\r\n  font-size: 24px;\r\n  line-height: 1.55;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* \u6b63\u6587 *\/\r\n\r\n.cn-about-text {\r\n  margin: 0 0 16px;\r\n\r\n  color: #5a6477;\r\n\r\n  font-size: 19px;\r\n  line-height: 1.75;\r\n\r\n  font-weight: 500;\r\n}\r\n\r\n\r\n\/* =========================\r\n   STATS\r\n========================= *\/\r\n\r\n.cn-about-stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3,1fr);\r\n\r\n  gap: 14px;\r\n\r\n  margin: 34px 0 0;\r\n}\r\n\r\n\r\n\/* \u5355\u4e2a\u6570\u636e\u5361\u7247 *\/\r\n\r\n.cn-about-stat {\r\n  padding: 20px 15px;\r\n\r\n  border-radius: 16px;\r\n\r\n  background: rgba(255,255,255,.9);\r\n\r\n  border: 1px solid #e2e8f5;\r\n\r\n  box-shadow:\r\n    0 10px 30px\r\n    rgba(28,49,91,.06);\r\n}\r\n\r\n\r\n.cn-about-stat strong {\r\n  display: block;\r\n\r\n  color: #163fae;\r\n\r\n  font-size: 27px;\r\n  font-weight: 900;\r\n\r\n  margin-bottom: 6px;\r\n}\r\n\r\n\r\n.cn-about-stat span {\r\n  display: block;\r\n\r\n  color: #68738a;\r\n\r\n  font-size: 15px;\r\n  line-height: 1.35;\r\n\r\n  font-weight: 600;\r\n}\r\n\r\n\r\n\/* =========================\r\n   RIGHT IMAGE\r\n========================= *\/\r\n\r\n.cn-about-visual {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  min-height: 640px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n\r\n\/* \u4e3b\u56fe\u7247 *\/\r\n\r\n.cn-about-main-image {\r\n  position: relative;\r\n\r\n  width: 100%;\r\n  height: 600px;\r\n\r\n  overflow: hidden;\r\n\r\n  border-radius: 28px;\r\n\r\n  background: #dfe5ef;\r\n\r\n  box-shadow:\r\n    0 30px 70px\r\n    rgba(22,37,70,.15);\r\n}\r\n\r\n\r\n.cn-about-main-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  object-fit: cover;\r\n\r\n  display: block;\r\n\r\n  transition: transform 1s ease;\r\n}\r\n\r\n\r\n.cn-about-main-image:hover img {\r\n  transform: scale(1.035);\r\n}\r\n\r\n\r\n\/* =========================\r\n   IMAGE LABEL\r\n========================= *\/\r\n\r\n.cn-about-image-label {\r\n  position: absolute;\r\n\r\n  left: 28px;\r\n  bottom: 28px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n  min-width: 330px;\r\n\r\n  padding: 17px 20px;\r\n\r\n  border-radius: 14px;\r\n\r\n  background: rgba(10,22,48,.86);\r\n\r\n  backdrop-filter: blur(10px);\r\n\r\n  color: white;\r\n}\r\n\r\n\r\n\/* \u7eff\u8272\u5706\u70b9 *\/\r\n\r\n.cn-about-dot {\r\n  width: 12px;\r\n  height: 12px;\r\n\r\n  background: #35dc88;\r\n\r\n  border-radius: 50%;\r\n\r\n  box-shadow:\r\n    0 0 0 7px\r\n    rgba(53,220,136,.15);\r\n\r\n  flex-shrink: 0;\r\n}\r\n\r\n\r\n.cn-about-image-label strong {\r\n  display: block;\r\n\r\n  font-size: 18px;\r\n  font-weight: 800;\r\n\r\n  margin-bottom: 4px;\r\n}\r\n\r\n\r\n.cn-about-image-label span {\r\n  display: block;\r\n\r\n  font-size: 14px;\r\n\r\n  color: rgba(255,255,255,.76);\r\n}\r\n\r\n\r\n\/* =========================\r\n   FLOATING CARD\r\n========================= *\/\r\n\r\n.cn-about-floating-card {\r\n  position: absolute;\r\n\r\n  right: -28px;\r\n  top: 75px;\r\n\r\n  z-index: 4;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 14px;\r\n\r\n  width: 290px;\r\n\r\n  padding: 19px;\r\n\r\n  border-radius: 18px;\r\n\r\n  background: #ffffff;\r\n\r\n  box-shadow:\r\n    0 22px 50px\r\n    rgba(29,48,88,.17);\r\n\r\n  animation:\r\n    aboutFloat\r\n    4s ease-in-out infinite;\r\n}\r\n\r\n\r\n\/* \u52fe *\/\r\n\r\n.cn-about-check {\r\n  width: 48px;\r\n  height: 48px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  border-radius: 13px;\r\n\r\n  background: #e9f8ef;\r\n\r\n  color: #1a9c58;\r\n\r\n  font-size: 26px;\r\n  font-weight: 900;\r\n}\r\n\r\n\r\n.cn-about-floating-card strong {\r\n  display: block;\r\n\r\n  color: #15213c;\r\n\r\n  font-size: 17px;\r\n\r\n  margin-bottom: 4px;\r\n}\r\n\r\n\r\n.cn-about-floating-card span {\r\n  display: block;\r\n\r\n  color: #747f93;\r\n\r\n  font-size: 14px;\r\n  line-height: 1.35;\r\n}\r\n\r\n\r\n\/* \u6d6e\u52a8\u52a8\u753b *\/\r\n\r\n@keyframes aboutFloat {\r\n\r\n  0%,\r\n  100% {\r\n    transform: translateY(0);\r\n  }\r\n\r\n  50% {\r\n    transform: translateY(-10px);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   TABLET\r\n========================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .cn-about-container {\r\n    grid-template-columns: 1fr 1fr;\r\n\r\n    gap: 42px;\r\n  }\r\n\r\n\r\n  .cn-about-content h2 {\r\n    font-size: 50px;\r\n  }\r\n\r\n\r\n  .cn-about-lead {\r\n    font-size: 21px;\r\n  }\r\n\r\n\r\n  .cn-about-text {\r\n    font-size: 17px;\r\n  }\r\n\r\n\r\n  .cn-about-main-image {\r\n    height: 540px;\r\n  }\r\n\r\n\r\n  .cn-about-floating-card {\r\n    right: 15px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOBILE\r\n========================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n  .cn-about-section {\r\n    min-height: auto;\r\n  }\r\n\r\n\r\n  .cn-about-container {\r\n    width: 90%;\r\n\r\n    grid-template-columns: 1fr;\r\n\r\n    gap: 45px;\r\n\r\n    padding: 75px 0;\r\n  }\r\n\r\n\r\n  .cn-about-tag {\r\n    font-size: 13px;\r\n\r\n    min-height: 36px;\r\n  }\r\n\r\n\r\n  .cn-about-content h2 {\r\n    font-size: 42px;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -1.2px;\r\n  }\r\n\r\n\r\n  .cn-about-lead {\r\n    font-size: 20px;\r\n  }\r\n\r\n\r\n  .cn-about-text {\r\n    font-size: 17px;\r\n\r\n    line-height: 1.65;\r\n  }\r\n\r\n\r\n  .cn-about-stats {\r\n    grid-template-columns: 1fr;\r\n\r\n    margin-bottom: 0;\r\n  }\r\n\r\n\r\n  .cn-about-stat {\r\n    padding: 17px 18px;\r\n  }\r\n\r\n\r\n  .cn-about-visual {\r\n    min-height: auto;\r\n  }\r\n\r\n\r\n  .cn-about-main-image {\r\n    height: 450px;\r\n\r\n    border-radius: 20px;\r\n  }\r\n\r\n\r\n  .cn-about-image-label {\r\n    left: 15px;\r\n    right: 15px;\r\n    bottom: 15px;\r\n\r\n    min-width: 0;\r\n  }\r\n\r\n\r\n  .cn-about-floating-card {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7dc6e30 e-flex e-con-boxed e-con e-parent\" data-id=\"7dc6e30\" 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-7ef83fb elementor-widget elementor-widget-html\" data-id=\"7ef83fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"mission-section\" id=\"our-mission\">\r\n\r\n  <div class=\"mission-bg-circle mission-bg-circle-1\"><\/div>\r\n  <div class=\"mission-bg-circle mission-bg-circle-2\"><\/div>\r\n\r\n  <div class=\"mission-container\">\r\n\r\n    <!-- =================================================\r\n         TOP\r\n    ================================================== -->\r\n    <div class=\"mission-top\">\r\n\r\n      <!-- LEFT TEXT -->\r\n      <div class=\"mission-header\">\r\n\r\n        <div class=\"mission-label\">\r\n          OUR MISSION\r\n        <\/div>\r\n\r\n        <h2 class=\"mission-title\">\r\n          Connecting China\r\n          <span>With The World.<\/span>\r\n        <\/h2>\r\n\r\n        <p class=\"mission-intro\">\r\n          We are committed to making international shipping from China\r\n          simpler, more transparent and more affordable.\r\n        <\/p>\r\n\r\n        <p class=\"mission-description\">\r\n          From warehouse receiving and inspection to packing and international\r\n          delivery, every step is clear. Even when you are thousands of miles\r\n          away, you can understand what is happening with your goods and ship\r\n          from China with confidence.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =================================================\r\n           RIGHT GLOBE\r\n      ================================================== -->\r\n      <div class=\"mission-world\">\r\n\r\n        <div class=\"mission-globe\">\r\n\r\n          <!-- ROTATING GLOBE LAYER -->\r\n          <div class=\"globe-rotate\">\r\n\r\n            <div class=\"globe-ring-main\"><\/div>\r\n\r\n            <!-- MERIDIANS -->\r\n            <div class=\"globe-meridian gm-1\"><\/div>\r\n            <div class=\"globe-meridian gm-2\"><\/div>\r\n            <div class=\"globe-meridian gm-3\"><\/div>\r\n\r\n            <!-- LATITUDES -->\r\n            <div class=\"globe-latitude gl-1\"><\/div>\r\n            <div class=\"globe-latitude gl-2\"><\/div>\r\n            <div class=\"globe-latitude gl-3\"><\/div>\r\n\r\n            <!-- SHIPPING ROUTES -->\r\n            <div class=\"globe-route gr-1\"><\/div>\r\n            <div class=\"globe-route gr-2\"><\/div>\r\n            <div class=\"globe-route gr-3\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- CHINA -->\r\n          <div class=\"china-point\">\r\n            <i><\/i>\r\n            <strong>CHINA<\/strong>\r\n          <\/div>\r\n\r\n\r\n          <!-- LOCATIONS -->\r\n          <div class=\"world-location loc-europe\">\r\n            <i><\/i>\r\n            <span>EUROPE<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"world-location loc-america\">\r\n            <i><\/i>\r\n            <span>NORTH AMERICA<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"world-location loc-middleeast\">\r\n            <i><\/i>\r\n            <span>MIDDLE EAST<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"world-location loc-africa\">\r\n            <i><\/i>\r\n            <span>AFRICA<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"world-location loc-australia\">\r\n            <i><\/i>\r\n            <span>AUSTRALIA<\/span>\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         3 CORE VALUE CARDS\r\n    ================================================== -->\r\n    <div class=\"mission-values\">\r\n\r\n      <!-- CARD 01 -->\r\n      <div class=\"mission-card\">\r\n\r\n        <div class=\"mission-card-accent\"><\/div>\r\n\r\n        <div class=\"mission-card-number\">\r\n          01\r\n        <\/div>\r\n\r\n        <div class=\"mission-card-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 3v14\"><\/path>\r\n            <path d=\"M7 12l5 5 5-5\"><\/path>\r\n            <path d=\"M5 21h14\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mission-card-label\">\r\n          LOWER COST\r\n        <\/div>\r\n\r\n        <h3>\r\n          Lower Shipping Costs\r\n        <\/h3>\r\n\r\n        <p>\r\n          We continuously optimize packing, consolidation and shipping\r\n          solutions to reduce unnecessary logistics costs and help you\r\n          spend less on international delivery.\r\n        <\/p>\r\n\r\n        <div class=\"mission-card-footer\">\r\n          <span class=\"mission-card-dot\"><\/span>\r\n          Optimized logistics solutions\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CARD 02 -->\r\n      <div class=\"mission-card mission-card-featured\">\r\n\r\n        <div class=\"mission-card-accent\"><\/div>\r\n\r\n        <div class=\"mission-card-number\">\r\n          02\r\n        <\/div>\r\n\r\n        <div class=\"mission-card-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"8\"><\/circle>\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"><\/circle>\r\n            <path d=\"M2.5 12s3.5-6 9.5-6 9.5 6 9.5 6-3.5 6-9.5 6-9.5-6-9.5-6z\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mission-card-label\">\r\n          CLEAR PROCESS\r\n        <\/div>\r\n\r\n        <h3>\r\n          Full Transparency\r\n        <\/h3>\r\n\r\n        <p>\r\n          From receiving and inspection to photos, videos, packing and\r\n          dispatch, you can clearly understand every important step\r\n          of your shipment.\r\n        <\/p>\r\n\r\n        <div class=\"mission-card-footer\">\r\n          <span class=\"mission-card-dot\"><\/span>\r\n          Every important step visible\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- CARD 03 -->\r\n      <div class=\"mission-card\">\r\n\r\n        <div class=\"mission-card-accent\"><\/div>\r\n\r\n        <div class=\"mission-card-number\">\r\n          03\r\n        <\/div>\r\n\r\n        <div class=\"mission-card-icon\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M12 3l7 3v5c0 4.7-2.8 8.1-7 10-4.2-1.9-7-5.3-7-10V6l7-3z\"><\/path>\r\n            <path d=\"M8.5 12l2.2 2.2 4.8-5\"><\/path>\r\n          <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"mission-card-label\">\r\n          PEACE OF MIND\r\n        <\/div>\r\n\r\n        <h3>\r\n          Ship With Confidence\r\n        <\/h3>\r\n\r\n        <p>\r\n          Our local team in China handles the goods on your behalf,\r\n          helping you manage suppliers, warehouse operations and\r\n          shipping even when you are far away.\r\n        <\/p>\r\n\r\n        <div class=\"mission-card-footer\">\r\n          <span class=\"mission-card-dot\"><\/span>\r\n          Your local team in China\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =================================================\r\n         BOTTOM MISSION\r\n    ================================================== -->\r\n    <div class=\"mission-bottom\">\r\n\r\n      <div class=\"mission-small-line\"><\/div>\r\n\r\n      <div class=\"mission-bottom-label\">\r\n        OUR LONG-TERM GOAL\r\n      <\/div>\r\n\r\n      <h3>\r\n        Helping More Chinese Products\r\n        <span>Reach The World.<\/span>\r\n      <\/h3>\r\n\r\n      <p>\r\n        Better logistics should make global trade easier \u2014 not more complicated.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.mission-section {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  padding:\r\n    70px 0\r\n    68px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 82% 18%,\r\n      rgba(54,105,235,.10),\r\n      transparent 30%\r\n    ),\r\n    radial-gradient(\r\n      circle at 12% 86%,\r\n      rgba(71,156,255,.07),\r\n      transparent 28%\r\n    ),\r\n    linear-gradient(\r\n      135deg,\r\n      #f8fafd 0%,\r\n      #ffffff 48%,\r\n      #f3f7ff 100%\r\n    );\r\n\r\n  color: #15213c;\r\n\r\n}\r\n\r\n\r\n\/* SUBTLE GRID *\/\r\n\r\n.mission-section::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(40,76,145,.027) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(40,76,145,.027) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:\r\n    58px 58px;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* BACKGROUND CIRCLES *\/\r\n\r\n.mission-bg-circle {\r\n\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.mission-bg-circle-1 {\r\n\r\n  width: 500px;\r\n\r\n  height: 500px;\r\n\r\n  right: -250px;\r\n\r\n  top: -180px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(46,87,182,.06);\r\n\r\n}\r\n\r\n\r\n.mission-bg-circle-2 {\r\n\r\n  width: 360px;\r\n\r\n  height: 360px;\r\n\r\n  left: -220px;\r\n\r\n  bottom: -160px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(46,87,182,.06);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.mission-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  width:\r\n    min(1450px,92%);\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TOP\r\n========================================================= *\/\r\n\r\n.mission-top {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(0,1.25fr)\r\n    minmax(340px,.75fr);\r\n\r\n  gap: 70px;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT TEXT\r\n========================================================= *\/\r\n\r\n.mission-header {\r\n\r\n  max-width: 820px;\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.mission-label {\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  min-height: 36px;\r\n\r\n  padding:\r\n    0 15px;\r\n\r\n  margin-bottom: 20px;\r\n\r\n  border-radius: 50px;\r\n\r\n  background:\r\n    #edf3ff;\r\n\r\n  border:\r\n    1px solid\r\n    #d7e3ff;\r\n\r\n  color:\r\n    #2451bd;\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\/* TITLE *\/\r\n\r\n.mission-title {\r\n\r\n  max-width: 760px;\r\n\r\n  margin:\r\n    0 0 22px;\r\n\r\n  color:\r\n    #14213e;\r\n\r\n  font-size:\r\n    clamp(\r\n      42px,\r\n      4vw,\r\n      62px\r\n    );\r\n\r\n  line-height: 1.04;\r\n\r\n  letter-spacing: -2px;\r\n\r\n  font-weight: 900;\r\n\r\n}\r\n\r\n\r\n.mission-title span {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #3466dc;\r\n\r\n}\r\n\r\n\r\n\/* INTRO *\/\r\n\r\n.mission-intro {\r\n\r\n  max-width: 760px;\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color:\r\n    #263755;\r\n\r\n  font-size: 20px;\r\n\r\n  line-height: 1.55;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* DESCRIPTION *\/\r\n\r\n.mission-description {\r\n\r\n  max-width: 790px;\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #69758b;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.75;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORLD\r\n========================================================= *\/\r\n\r\n.mission-world {\r\n\r\n  width: 100%;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n}\r\n\r\n\r\n\/* GLOBE *\/\r\n\r\n.mission-globe {\r\n\r\n  position: relative;\r\n\r\n  width: 380px;\r\n\r\n  height: 380px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 35% 30%,\r\n      rgba(82,132,243,.12),\r\n      rgba(82,132,243,.025) 52%,\r\n      transparent 72%\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    inset\r\n    0 0 65px\r\n    rgba(74,122,232,.06),\r\n\r\n    0 20px 60px\r\n    rgba(44,75,140,.07);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ROTATING GLOBE\r\n========================================================= *\/\r\n\r\n.globe-rotate {\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  animation:\r\n    globeSpin\r\n    24s linear infinite;\r\n\r\n  transform-origin:\r\n    center center;\r\n\r\n}\r\n\r\n\r\n\/* SLOW ROTATION *\/\r\n\r\n@keyframes globeSpin {\r\n\r\n  from {\r\n    transform: rotate(0deg);\r\n  }\r\n\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* OUTER RING *\/\r\n\r\n.globe-ring-main {\r\n\r\n  position: absolute;\r\n\r\n  inset: 4px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(63,106,212,.25);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MERIDIANS\r\n========================================================= *\/\r\n\r\n.globe-meridian {\r\n\r\n  position: absolute;\r\n\r\n  top: 4px;\r\n\r\n  bottom: 4px;\r\n\r\n  left: 50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(58,105,211,.17);\r\n\r\n  border-radius: 50%;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n}\r\n\r\n\r\n.gm-1 {\r\n  width: 34%;\r\n}\r\n\r\n\r\n.gm-2 {\r\n  width: 65%;\r\n}\r\n\r\n\r\n.gm-3 {\r\n  width: 87%;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LATITUDES\r\n========================================================= *\/\r\n\r\n.globe-latitude {\r\n\r\n  position: absolute;\r\n\r\n  left: 5%;\r\n\r\n  width: 90%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(58,105,211,.16);\r\n\r\n  border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.gl-1 {\r\n\r\n  top: 20%;\r\n\r\n  height: 22%;\r\n\r\n}\r\n\r\n\r\n.gl-2 {\r\n\r\n  top: 41%;\r\n\r\n  height: 20%;\r\n\r\n}\r\n\r\n\r\n.gl-3 {\r\n\r\n  top: 62%;\r\n\r\n  height: 18%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHIPPING ROUTES\r\n========================================================= *\/\r\n\r\n.globe-route {\r\n\r\n  position: absolute;\r\n\r\n  border-top:\r\n    1px dashed\r\n    rgba(45,101,225,.35);\r\n\r\n  border-radius: 50%;\r\n\r\n}\r\n\r\n\r\n.gr-1 {\r\n\r\n  width: 220px;\r\n\r\n  height: 110px;\r\n\r\n  left: 55px;\r\n\r\n  top: 115px;\r\n\r\n  transform:\r\n    rotate(8deg);\r\n\r\n}\r\n\r\n\r\n.gr-2 {\r\n\r\n  width: 175px;\r\n\r\n  height: 95px;\r\n\r\n  right: 36px;\r\n\r\n  top: 175px;\r\n\r\n  transform:\r\n    rotate(-18deg);\r\n\r\n}\r\n\r\n\r\n.gr-3 {\r\n\r\n  width: 235px;\r\n\r\n  height: 105px;\r\n\r\n  left: 77px;\r\n\r\n  bottom: 62px;\r\n\r\n  transform:\r\n    rotate(-12deg);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CHINA POINT\r\n========================================================= *\/\r\n\r\n.china-point {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 20;\r\n\r\n  left: 61%;\r\n\r\n  top: 48%;\r\n\r\n  transform:\r\n    translate(-50%,-50%);\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.china-point i {\r\n\r\n  position: relative;\r\n\r\n  display: block;\r\n\r\n  width: 14px;\r\n\r\n  height: 14px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    #2860d9;\r\n\r\n  border:\r\n    3px solid\r\n    #ffffff;\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 8px\r\n    rgba(50,104,224,.12),\r\n\r\n    0 5px 18px\r\n    rgba(49,98,212,.30);\r\n\r\n}\r\n\r\n\r\n.china-point i::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: -11px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(47,100,218,.5);\r\n\r\n  border-radius: 50%;\r\n\r\n  animation:\r\n    chinaPulse\r\n    2.2s ease-out infinite;\r\n\r\n}\r\n\r\n\r\n.china-point strong {\r\n\r\n  display: block;\r\n\r\n  margin-top: 9px;\r\n\r\n  color:\r\n    #183b91;\r\n\r\n  font-size: 11px;\r\n\r\n  letter-spacing: 1px;\r\n\r\n  font-weight: 900;\r\n\r\n}\r\n\r\n\r\n@keyframes chinaPulse {\r\n\r\n  0% {\r\n\r\n    transform:\r\n      scale(.6);\r\n\r\n    opacity: 1;\r\n\r\n  }\r\n\r\n  100% {\r\n\r\n    transform:\r\n      scale(1.8);\r\n\r\n    opacity: 0;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   WORLD LOCATIONS\r\n========================================================= *\/\r\n\r\n.world-location {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 18;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n.world-location i {\r\n\r\n  display: block;\r\n\r\n  width: 6px;\r\n\r\n  height: 6px;\r\n\r\n  margin:\r\n    0 auto 5px;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    #4d7ee8;\r\n\r\n  box-shadow:\r\n    0 0 10px\r\n    rgba(62,113,226,.40);\r\n\r\n}\r\n\r\n\r\n.world-location span {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #7786a5;\r\n\r\n  font-size: 8px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: .7px;\r\n\r\n  white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n.loc-europe {\r\n\r\n  top: 23%;\r\n\r\n  left: 48%;\r\n\r\n}\r\n\r\n\r\n.loc-america {\r\n\r\n  top: 34%;\r\n\r\n  left: 11%;\r\n\r\n}\r\n\r\n\r\n.loc-middleeast {\r\n\r\n  top: 51%;\r\n\r\n  left: 39%;\r\n\r\n}\r\n\r\n\r\n.loc-africa {\r\n\r\n  top: 66%;\r\n\r\n  left: 39%;\r\n\r\n}\r\n\r\n\r\n.loc-australia {\r\n\r\n  right: 7%;\r\n\r\n  bottom: 21%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VALUE CARDS\r\n========================================================= *\/\r\n\r\n.mission-values {\r\n\r\n  position: relative;\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: 22px;\r\n\r\n  width: 100%;\r\n\r\n  margin-top: 58px;\r\n\r\n}\r\n\r\n\r\n\/* CARD *\/\r\n\r\n.mission-card {\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  min-height: 335px;\r\n\r\n  padding:\r\n    38px 34px 29px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(53,92,167,.12);\r\n\r\n  border-radius: 22px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      rgba(255,255,255,.98),\r\n      rgba(248,251,255,.95)\r\n    );\r\n\r\n  box-shadow:\r\n    0 12px 38px\r\n    rgba(36,67,126,.07);\r\n\r\n  transition:\r\n\r\n    transform .32s ease,\r\n\r\n    box-shadow .32s ease,\r\n\r\n    border-color .32s ease;\r\n\r\n}\r\n\r\n\r\n\/* CARD HOVER *\/\r\n\r\n.mission-card:hover {\r\n\r\n  transform:\r\n    translateY(-8px);\r\n\r\n  border-color:\r\n    rgba(54,103,218,.25);\r\n\r\n  box-shadow:\r\n    0 25px 55px\r\n    rgba(35,69,139,.13);\r\n\r\n}\r\n\r\n\r\n\/* BLUE TOP LINE *\/\r\n\r\n.mission-card-accent {\r\n\r\n  position: absolute;\r\n\r\n  left: 34px;\r\n\r\n  top: 0;\r\n\r\n  width: 58px;\r\n\r\n  height: 4px;\r\n\r\n  border-radius:\r\n    0 0 20px 20px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      #2f62dc,\r\n      #7ca4ff\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* LARGE NUMBER *\/\r\n\r\n.mission-card-number {\r\n\r\n  position: absolute;\r\n\r\n  right: 24px;\r\n\r\n  top: 17px;\r\n\r\n  color:\r\n    rgba(45,91,190,.07);\r\n\r\n  font-size: 64px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing: -4px;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* ICON *\/\r\n\r\n.mission-card-icon {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 58px;\r\n\r\n  height: 58px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  border-radius: 18px;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #eef4ff,\r\n      #e4edff\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(64,111,221,.15);\r\n\r\n  box-shadow:\r\n    0 10px 25px\r\n    rgba(52,95,195,.08);\r\n\r\n  transition:\r\n    .3s ease;\r\n\r\n}\r\n\r\n\r\n.mission-card-icon svg {\r\n\r\n  width: 27px;\r\n\r\n  height: 27px;\r\n\r\n  fill: none;\r\n\r\n  stroke:\r\n    #3264d7;\r\n\r\n  stroke-width: 1.8;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n  transition:\r\n    .3s ease;\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.mission-card-label {\r\n\r\n  margin-bottom: 10px;\r\n\r\n  color:\r\n    #4d75cd;\r\n\r\n  font-size: 11px;\r\n\r\n  line-height: 1;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing: 1.7px;\r\n\r\n}\r\n\r\n\r\n\/* CARD TITLE *\/\r\n\r\n.mission-card h3 {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  margin:\r\n    0 0 15px;\r\n\r\n  color:\r\n    #162442;\r\n\r\n  font-size: 24px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 850;\r\n\r\n  letter-spacing: -.4px;\r\n\r\n}\r\n\r\n\r\n\/* CARD TEXT *\/\r\n\r\n.mission-card p {\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: 410px;\r\n\r\n  color:\r\n    #68758d;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.7;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* CARD FOOTER *\/\r\n\r\n.mission-card-footer {\r\n\r\n  position: absolute;\r\n\r\n  left: 34px;\r\n\r\n  right: 30px;\r\n\r\n  bottom: 25px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 9px;\r\n\r\n  padding-top: 17px;\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(54,84,140,.09);\r\n\r\n  color:\r\n    #556985;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* DOT *\/\r\n\r\n.mission-card-dot {\r\n\r\n  position: relative;\r\n\r\n  width: 7px;\r\n\r\n  height: 7px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    #3d6ddd;\r\n\r\n  box-shadow:\r\n    0 0 0 5px\r\n    rgba(61,109,221,.08);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FEATURED CARD\r\n========================================================= *\/\r\n\r\n.mission-card-featured {\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 90% 5%,\r\n      rgba(72,126,246,.14),\r\n      transparent 32%\r\n    ),\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #ffffff 0%,\r\n      #f1f6ff 100%\r\n    );\r\n\r\n  border-color:\r\n    rgba(53,103,218,.20);\r\n\r\n  box-shadow:\r\n    0 18px 45px\r\n    rgba(44,84,168,.10);\r\n\r\n}\r\n\r\n\r\n\/* FEATURED DECORATION *\/\r\n\r\n.mission-card-featured::after {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  width: 150px;\r\n\r\n  height: 150px;\r\n\r\n  right: -80px;\r\n\r\n  top: -80px;\r\n\r\n  border-radius: 50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(62,110,221,.09);\r\n\r\n}\r\n\r\n\r\n\/* ICON HOVER *\/\r\n\r\n.mission-card:hover\r\n.mission-card-icon {\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      145deg,\r\n      #3567d8,\r\n      #4f7fea\r\n    );\r\n\r\n}\r\n\r\n\r\n.mission-card:hover\r\n.mission-card-icon svg {\r\n\r\n  stroke:\r\n    #ffffff;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOTTOM MISSION\r\n========================================================= *\/\r\n\r\n.mission-bottom {\r\n\r\n  max-width: 900px;\r\n\r\n  margin:\r\n    0 auto;\r\n\r\n  padding-top: 50px;\r\n\r\n  text-align: center;\r\n\r\n}\r\n\r\n\r\n\/* SMALL LINE *\/\r\n\r\n.mission-small-line {\r\n\r\n  width: 44px;\r\n\r\n  height: 2px;\r\n\r\n  margin:\r\n    0 auto 16px;\r\n\r\n  border-radius: 10px;\r\n\r\n  background:\r\n    #4f7ce1;\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.mission-bottom-label {\r\n\r\n  margin-bottom: 11px;\r\n\r\n  color:\r\n    #4772d4;\r\n\r\n  font-size: 10px;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing: 2.1px;\r\n\r\n}\r\n\r\n\r\n\/* BOTTOM TITLE *\/\r\n\r\n.mission-bottom h3 {\r\n\r\n  max-width: 750px;\r\n\r\n  margin:\r\n    0 auto 13px;\r\n\r\n  color:\r\n    #18233d;\r\n\r\n  font-size:\r\n    clamp(\r\n      31px,\r\n      3vw,\r\n      44px\r\n    );\r\n\r\n  line-height: 1.1;\r\n\r\n  letter-spacing: -1.2px;\r\n\r\n  font-weight: 900;\r\n\r\n}\r\n\r\n\r\n.mission-bottom h3 span {\r\n\r\n  color:\r\n    #3565d6;\r\n\r\n}\r\n\r\n\r\n\/* BOTTOM TEXT *\/\r\n\r\n.mission-bottom p {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #748095;\r\n\r\n  font-size: 15px;\r\n\r\n  line-height: 1.6;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1100px) {\r\n\r\n  .mission-top {\r\n\r\n    grid-template-columns:\r\n      1.2fr .8fr;\r\n\r\n    gap: 35px;\r\n\r\n  }\r\n\r\n\r\n  .mission-globe {\r\n\r\n    width: 315px;\r\n\r\n    height: 315px;\r\n\r\n  }\r\n\r\n\r\n  .mission-title {\r\n\r\n    font-size: 50px;\r\n\r\n  }\r\n\r\n\r\n  .mission-intro {\r\n\r\n    font-size: 19px;\r\n\r\n  }\r\n\r\n\r\n  .mission-values {\r\n\r\n    gap: 15px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card {\r\n\r\n    min-height: 355px;\r\n\r\n    padding:\r\n      31px 24px 27px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card-accent {\r\n\r\n    left: 24px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card-footer {\r\n\r\n    left: 24px;\r\n\r\n    right: 24px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card h3 {\r\n\r\n    font-size: 22px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card p {\r\n\r\n    font-size: 15px;\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: 767px) {\r\n\r\n  .mission-section {\r\n\r\n    padding:\r\n      62px 0 58px;\r\n\r\n  }\r\n\r\n\r\n  .mission-container {\r\n\r\n    width: 90%;\r\n\r\n  }\r\n\r\n\r\n  .mission-top {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 35px;\r\n\r\n  }\r\n\r\n\r\n  .mission-label {\r\n\r\n    min-height: 34px;\r\n\r\n    font-size: 11px;\r\n\r\n  }\r\n\r\n\r\n  .mission-title {\r\n\r\n    font-size: 40px;\r\n\r\n    line-height: 1.05;\r\n\r\n    letter-spacing: -1.4px;\r\n\r\n  }\r\n\r\n\r\n  .mission-intro {\r\n\r\n    font-size: 19px;\r\n\r\n    line-height: 1.5;\r\n\r\n  }\r\n\r\n\r\n  .mission-description {\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n\r\n  }\r\n\r\n\r\n  .mission-world {\r\n\r\n    margin-top: 5px;\r\n\r\n  }\r\n\r\n\r\n  .mission-globe {\r\n\r\n    width: 295px;\r\n\r\n    height: 295px;\r\n\r\n  }\r\n\r\n\r\n  \/* CARDS MOBILE *\/\r\n\r\n  .mission-values {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 18px;\r\n\r\n    margin-top: 40px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card {\r\n\r\n    min-height: 315px;\r\n\r\n    padding:\r\n      30px 25px 27px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card-number {\r\n\r\n    font-size: 55px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card-icon {\r\n\r\n    width: 54px;\r\n\r\n    height: 54px;\r\n\r\n    margin-bottom: 20px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card h3 {\r\n\r\n    font-size: 22px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card p {\r\n\r\n    font-size: 15px;\r\n\r\n  }\r\n\r\n\r\n  .mission-card-footer {\r\n\r\n    left: 25px;\r\n\r\n    right: 25px;\r\n\r\n    bottom: 23px;\r\n\r\n  }\r\n\r\n\r\n  \/* BOTTOM *\/\r\n\r\n  .mission-bottom {\r\n\r\n    padding-top: 42px;\r\n\r\n  }\r\n\r\n\r\n  .mission-bottom h3 {\r\n\r\n    font-size: 33px;\r\n\r\n    letter-spacing: -1px;\r\n\r\n  }\r\n\r\n\r\n  .mission-bottom p {\r\n\r\n    font-size: 15px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n  .globe-rotate,\r\n  .china-point i::after {\r\n\r\n    animation: none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e52fccc e-con e-atomic-element e-flexbox-base e-default-div e-319229b \" data-id=\"e52fccc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e52fccc\" data-e-type=\"e-flexbox\" data-id=\"e52fccc\">\n    <div class=\"elementor-element elementor-element-647e6f5 e-flex e-con-boxed e-con e-parent\" data-id=\"647e6f5\" 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-b81fc53 elementor-widget elementor-widget-html\" data-id=\"b81fc53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"company-credential-section\" id=\"company-credentials\">\r\n\r\n  <div class=\"credential-bg-circle credential-circle-1\"><\/div>\r\n  <div class=\"credential-bg-circle credential-circle-2\"><\/div>\r\n\r\n  <div class=\"credential-container\">\r\n\r\n    <!-- =========================\r\n         LEFT : CERTIFICATE\r\n    ========================== -->\r\n    <div class=\"credential-visual\">\r\n\r\n      <div class=\"credential-paper-wrap\">\r\n\r\n        <div class=\"credential-paper-glow\"><\/div>\r\n\r\n        <div class=\"credential-paper\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/www.cn-delivery.com\/wp-content\/uploads\/2026\/09\/9751310d-0fb9-47ee-bdd5-1968644926ba.png\"\r\n            alt=\"SILKWAY GLOBAL TRADING CO., LIMITED company certificate issued by Hong Kong Companies Registry\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <!-- \u5de6\u4e0b\u89d2\u5c0f\u6807\u7b7e -->\r\n        <div class=\"credential-image-badge\">\r\n\r\n          <div class=\"credential-check\">\r\n            \u2713\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Company Document<\/strong>\r\n            <span>Hong Kong Companies Registry<\/span>\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 : CONTENT\r\n    ========================== -->\r\n    <div class=\"credential-content\">\r\n\r\n      <div class=\"credential-eyebrow\">\r\n        COMPANY CREDENTIALS\r\n      <\/div>\r\n\r\n      <h2>\r\n        A Real Company.<br>\r\n        <span>A Clearer Way to Trade.<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"credential-lead\">\r\n        SILKWAY GLOBAL TRADING CO., LIMITED is registered in Hong Kong\r\n        and supports overseas customers with China-based warehousing,\r\n        inspection, consolidation and international shipping services.\r\n      <\/p>\r\n\r\n      <p class=\"credential-text\">\r\n        We believe trust starts with transparency. That is why we make\r\n        our company information available to customers and keep every\r\n        important step of the shipping process clear.\r\n      <\/p>\r\n\r\n\r\n      <!-- \u516c\u53f8\u540d\u79f0 -->\r\n      <div class=\"credential-company\">\r\n\r\n        <div class=\"credential-company-icon\">\r\n          S\r\n        <\/div>\r\n\r\n        <div>\r\n          <span>REGISTERED COMPANY<\/span>\r\n\r\n          <strong>\r\n            SILKWAY GLOBAL TRADING CO., LIMITED\r\n          <\/strong>\r\n\r\n          <small>\r\n            \u65af\u5ba2\u5a01\u74b0\u7403\u8cbf\u6613\u6709\u9650\u516c\u53f8\r\n          <\/small>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- \u4fe1\u606f -->\r\n      <div class=\"credential-info-grid\">\r\n\r\n        <div class=\"credential-info\">\r\n\r\n          <div class=\"credential-info-icon\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>REGISTRATION AUTHORITY<\/span>\r\n            <strong>Hong Kong Companies Registry<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"credential-info\">\r\n\r\n          <div class=\"credential-info-icon\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>DOCUMENT<\/span>\r\n            <strong>Certificate of Change of Name<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"credential-info\">\r\n\r\n          <div class=\"credential-info-icon\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>ISSUED<\/span>\r\n            <strong>2 April 2026<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"credential-info\">\r\n\r\n          <div class=\"credential-info-icon\">\r\n            04\r\n          <\/div>\r\n\r\n          <div>\r\n            <span>BUSINESS FOCUS<\/span>\r\n            <strong>China Warehouse & Global Shipping<\/strong>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- \u5e95\u90e8\u8bf4\u660e -->\r\n      <div class=\"credential-trust\">\r\n\r\n        <div class=\"credential-trust-line\"><\/div>\r\n\r\n        <div>\r\n          <strong>\r\n            Transparency is part of our service.\r\n          <\/strong>\r\n\r\n          <p>\r\n            From company information to warehouse receiving,\r\n            inspection, packing and dispatch, we want customers\r\n            to know who they are working with and what is happening\r\n            with their goods.\r\n          <\/p>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.company-credential-section {\r\n\r\n  position: relative;\r\n\r\n  width: 100%;\r\n\r\n  min-height: 100vh;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  overflow: hidden;\r\n\r\n  padding: 75px 0;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 15% 25%,\r\n      rgba(63, 108, 220, .08),\r\n      transparent 30%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 88% 80%,\r\n      rgba(71, 145, 255, .07),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #f7f9fd 0%,\r\n      #ffffff 50%,\r\n      #f1f6ff 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* \u6de1\u7f51\u683c *\/\r\n\r\n.company-credential-section::before {\r\n\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(48, 77, 135, .025) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(48, 77, 135, .025) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size: 58px 58px;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND CIRCLES\r\n========================================================= *\/\r\n\r\n.credential-bg-circle {\r\n\r\n  position: absolute;\r\n\r\n  border-radius: 50%;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(55, 91, 171, .07);\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n.credential-circle-1 {\r\n\r\n  width: 430px;\r\n\r\n  height: 430px;\r\n\r\n  left: -230px;\r\n\r\n  top: -150px;\r\n\r\n}\r\n\r\n\r\n.credential-circle-2 {\r\n\r\n  width: 520px;\r\n\r\n  height: 520px;\r\n\r\n  right: -300px;\r\n\r\n  bottom: -250px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTAINER\r\n========================================================= *\/\r\n\r\n.credential-container {\r\n\r\n  position: relative;\r\n\r\n  z-index: 5;\r\n\r\n  width:\r\n    min(1400px, 91%);\r\n\r\n  margin: 0 auto;\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    .82fr 1.18fr;\r\n\r\n  gap: 90px;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT CERTIFICATE\r\n========================================================= *\/\r\n\r\n.credential-visual {\r\n\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  justify-content: center;\r\n\r\n  align-items: center;\r\n\r\n}\r\n\r\n\r\n.credential-paper-wrap {\r\n\r\n  position: relative;\r\n\r\n  width:\r\n    min(100%, 510px);\r\n\r\n}\r\n\r\n\r\n\/* \u540e\u9762\u6de1\u84dd\u9634\u5f71 *\/\r\n\r\n.credential-paper-glow {\r\n\r\n  position: absolute;\r\n\r\n  width: 88%;\r\n\r\n  height: 88%;\r\n\r\n  left: 7%;\r\n\r\n  top: 8%;\r\n\r\n  border-radius: 30px;\r\n\r\n  background:\r\n    rgba(54, 98, 210, .14);\r\n\r\n  filter: blur(38px);\r\n\r\n}\r\n\r\n\r\n\/* \u8bc1\u4e66 *\/\r\n\r\n.credential-paper {\r\n\r\n  position: relative;\r\n\r\n  z-index: 3;\r\n\r\n  padding: 10px;\r\n\r\n  border-radius: 13px;\r\n\r\n  background: #ffffff;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(50, 73, 119, .10);\r\n\r\n  box-shadow:\r\n\r\n    0 30px 70px\r\n    rgba(34, 56, 100, .14),\r\n\r\n    0 5px 15px\r\n    rgba(34, 56, 100, .06);\r\n\r\n  transform:\r\n    rotate(-1.2deg);\r\n\r\n  transition:\r\n    transform .45s ease,\r\n    box-shadow .45s ease;\r\n\r\n}\r\n\r\n\r\n.credential-paper:hover {\r\n\r\n  transform:\r\n    rotate(0deg)\r\n    translateY(-5px);\r\n\r\n  box-shadow:\r\n\r\n    0 40px 80px\r\n    rgba(34, 56, 100, .18),\r\n\r\n    0 7px 20px\r\n    rgba(34, 56, 100, .07);\r\n\r\n}\r\n\r\n\r\n.credential-paper img {\r\n\r\n  display: block;\r\n\r\n  width: 100%;\r\n\r\n  height: auto;\r\n\r\n  border-radius: 7px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FLOATING BADGE\r\n========================================================= *\/\r\n\r\n.credential-image-badge {\r\n\r\n  position: absolute;\r\n\r\n  z-index: 10;\r\n\r\n  left: -35px;\r\n\r\n  bottom: 55px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n  min-width: 260px;\r\n\r\n  padding: 16px 18px;\r\n\r\n  border-radius: 16px;\r\n\r\n  background:\r\n    rgba(255,255,255,.95);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(54, 88, 160, .10);\r\n\r\n  box-shadow:\r\n    0 20px 45px\r\n    rgba(38, 62, 109, .14);\r\n\r\n  backdrop-filter:\r\n    blur(10px);\r\n\r\n}\r\n\r\n\r\n\/* CHECK *\/\r\n\r\n.credential-check {\r\n\r\n  width: 42px;\r\n\r\n  height: 42px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border-radius: 12px;\r\n\r\n  background:\r\n    #eaf2ff;\r\n\r\n  color:\r\n    #3164da;\r\n\r\n  font-size: 22px;\r\n\r\n  font-weight: 900;\r\n\r\n}\r\n\r\n\r\n.credential-image-badge strong {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #1c2944;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 800;\r\n\r\n  margin-bottom: 4px;\r\n\r\n}\r\n\r\n\r\n.credential-image-badge span {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #778299;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RIGHT CONTENT\r\n========================================================= *\/\r\n\r\n.credential-content {\r\n\r\n  max-width: 720px;\r\n\r\n}\r\n\r\n\r\n\/* LABEL *\/\r\n\r\n.credential-eyebrow {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  min-height: 36px;\r\n\r\n  padding:\r\n    0 15px;\r\n\r\n  margin-bottom: 19px;\r\n\r\n  border-radius: 50px;\r\n\r\n  background:\r\n    #edf3ff;\r\n\r\n  border:\r\n    1px solid\r\n    #dae5ff;\r\n\r\n  color:\r\n    #2757c7;\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\/* TITLE *\/\r\n\r\n.credential-content h2 {\r\n\r\n  margin:\r\n    0 0 22px;\r\n\r\n  color:\r\n    #15213b;\r\n\r\n  font-size:\r\n    clamp(\r\n      40px,\r\n      4vw,\r\n      60px\r\n    );\r\n\r\n  line-height: 1.06;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing: -2px;\r\n\r\n}\r\n\r\n\r\n.credential-content h2 span {\r\n\r\n  color:\r\n    #3566d9;\r\n\r\n}\r\n\r\n\r\n\/* LEAD *\/\r\n\r\n.credential-lead {\r\n\r\n  margin:\r\n    0 0 14px;\r\n\r\n  color:\r\n    #30405f;\r\n\r\n  font-size: 19px;\r\n\r\n  line-height: 1.6;\r\n\r\n  font-weight: 650;\r\n\r\n}\r\n\r\n\r\n\/* TEXT *\/\r\n\r\n.credential-text {\r\n\r\n  margin:\r\n    0 0 29px;\r\n\r\n  color:\r\n    #6d788c;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.7;\r\n\r\n  font-weight: 500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COMPANY\r\n========================================================= *\/\r\n\r\n.credential-company {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 16px;\r\n\r\n  padding: 19px 21px;\r\n\r\n  margin-bottom: 22px;\r\n\r\n  border-radius: 18px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #17294d,\r\n      #214785\r\n    );\r\n\r\n  box-shadow:\r\n    0 15px 35px\r\n    rgba(26, 57, 114, .15);\r\n\r\n}\r\n\r\n\r\n.credential-company-icon {\r\n\r\n  width: 48px;\r\n\r\n  height: 48px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border-radius: 14px;\r\n\r\n  background:\r\n    rgba(255,255,255,.12);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(255,255,255,.15);\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  font-size: 22px;\r\n\r\n  font-weight: 900;\r\n\r\n}\r\n\r\n\r\n.credential-company span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color:\r\n    #9db9f4;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing: 1.4px;\r\n\r\n}\r\n\r\n\r\n.credential-company strong {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #ffffff;\r\n\r\n  font-size: 17px;\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.credential-company small {\r\n\r\n  display: block;\r\n\r\n  margin-top: 5px;\r\n\r\n  color:\r\n    rgba(255,255,255,.65);\r\n\r\n  font-size: 13px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INFO GRID\r\n========================================================= *\/\r\n\r\n.credential-info-grid {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    1fr 1fr;\r\n\r\n  gap: 12px;\r\n\r\n  margin-bottom: 27px;\r\n\r\n}\r\n\r\n\r\n.credential-info {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 13px;\r\n\r\n  min-height: 82px;\r\n\r\n  padding:\r\n    14px 15px;\r\n\r\n  border-radius: 15px;\r\n\r\n  background:\r\n    rgba(255,255,255,.82);\r\n\r\n  border:\r\n    1px solid\r\n    #e1e8f4;\r\n\r\n  box-shadow:\r\n    0 8px 24px\r\n    rgba(42, 70, 120, .045);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    border-color .25s ease,\r\n    box-shadow .25s ease;\r\n\r\n}\r\n\r\n\r\n.credential-info:hover {\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  border-color:\r\n    #ccd9f5;\r\n\r\n  box-shadow:\r\n    0 14px 30px\r\n    rgba(42, 70, 120, .08);\r\n\r\n}\r\n\r\n\r\n.credential-info-icon {\r\n\r\n  width: 36px;\r\n\r\n  height: 36px;\r\n\r\n  flex-shrink: 0;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border-radius: 10px;\r\n\r\n  background:\r\n    #edf3ff;\r\n\r\n  color:\r\n    #3665d1;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 900;\r\n\r\n}\r\n\r\n\r\n.credential-info span {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color:\r\n    #8290aa;\r\n\r\n  font-size: 9px;\r\n\r\n  font-weight: 900;\r\n\r\n  letter-spacing: 1px;\r\n\r\n}\r\n\r\n\r\n.credential-info strong {\r\n\r\n  display: block;\r\n\r\n  color:\r\n    #24314b;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.35;\r\n\r\n  font-weight: 750;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST MESSAGE\r\n========================================================= *\/\r\n\r\n.credential-trust {\r\n\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    3px 1fr;\r\n\r\n  gap: 16px;\r\n\r\n  align-items: stretch;\r\n\r\n  padding-top: 3px;\r\n\r\n}\r\n\r\n\r\n.credential-trust-line {\r\n\r\n  width: 3px;\r\n\r\n  border-radius: 20px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      #3869d8,\r\n      #8caaff\r\n    );\r\n\r\n}\r\n\r\n\r\n.credential-trust strong {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 5px;\r\n\r\n  color:\r\n    #263553;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 800;\r\n\r\n}\r\n\r\n\r\n.credential-trust p {\r\n\r\n  margin: 0;\r\n\r\n  color:\r\n    #778397;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.6;\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  .credential-container {\r\n\r\n    grid-template-columns:\r\n      .9fr 1.1fr;\r\n\r\n    gap: 50px;\r\n\r\n  }\r\n\r\n\r\n  .credential-content h2 {\r\n\r\n    font-size: 46px;\r\n\r\n  }\r\n\r\n\r\n  .credential-image-badge {\r\n\r\n    left: -10px;\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: 767px) {\r\n\r\n  .company-credential-section {\r\n\r\n    min-height: auto;\r\n\r\n    padding:\r\n      65px 0;\r\n\r\n  }\r\n\r\n\r\n  .credential-container {\r\n\r\n    width: 90%;\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n    gap: 55px;\r\n\r\n  }\r\n\r\n\r\n  .credential-visual {\r\n\r\n    order: 2;\r\n\r\n  }\r\n\r\n\r\n  .credential-content {\r\n\r\n    order: 1;\r\n\r\n  }\r\n\r\n\r\n  .credential-content h2 {\r\n\r\n    font-size: 39px;\r\n\r\n    letter-spacing: -1.3px;\r\n\r\n  }\r\n\r\n\r\n  .credential-lead {\r\n\r\n    font-size: 18px;\r\n\r\n  }\r\n\r\n\r\n  .credential-text {\r\n\r\n    font-size: 15px;\r\n\r\n  }\r\n\r\n\r\n  .credential-info-grid {\r\n\r\n    grid-template-columns:\r\n      1fr;\r\n\r\n  }\r\n\r\n\r\n  .credential-paper-wrap {\r\n\r\n    width: 92%;\r\n\r\n  }\r\n\r\n\r\n  .credential-paper {\r\n\r\n    transform:\r\n      rotate(0deg);\r\n\r\n  }\r\n\r\n\r\n  .credential-image-badge {\r\n\r\n    position: relative;\r\n\r\n    left: auto;\r\n\r\n    bottom: auto;\r\n\r\n    margin:\r\n      -22px auto 0;\r\n\r\n    width: 88%;\r\n\r\n  }\r\n\r\n\r\n  .credential-company strong {\r\n\r\n    font-size: 15px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-602acce e-con e-atomic-element e-flexbox-base e-default-div e-e7b9d6f \" data-id=\"602acce\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"602acce\" data-e-type=\"e-flexbox\" data-id=\"602acce\">\n    <div class=\"elementor-element elementor-element-c4e39d1 e-flex e-con-boxed e-con e-parent\" data-id=\"c4e39d1\" 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-3d07986 elementor-widget elementor-widget-html\" data-id=\"3d07986\" 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=\"final-contact\">\r\n\r\n  <div class=\"cn-final-glow cn-final-glow-1\"><\/div>\r\n  <div class=\"cn-final-glow cn-final-glow-2\"><\/div>\r\n\r\n  <div class=\"cn-final-inner\">\r\n\r\n    <!-- =====================================================\r\n         LEFT\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-final-info\">\r\n\r\n      <div class=\"cn-final-eyebrow\">\r\n        READY WHEN YOU ARE\r\n      <\/div>\r\n\r\n      <h2>\r\n        Ready to Ship\r\n        <span>From China?<\/span>\r\n      <\/h2>\r\n\r\n      <p class=\"cn-final-lead\">\r\n        Tell us what you need to ship. Our China-based team can help\r\n        receive, inspect, consolidate, repack and arrange international\r\n        delivery for your goods.\r\n      <\/p>\r\n\r\n      <p class=\"cn-final-description\">\r\n        Whether you are buying from 1688, Taobao, Alibaba, a Chinese\r\n        factory or several suppliers, send us the basic shipment details\r\n        and we will help you work out the next step.\r\n      <\/p>\r\n\r\n\r\n      <!-- BENEFITS -->\r\n\r\n      <div class=\"cn-final-benefits\">\r\n\r\n        <div class=\"cn-final-benefit\">\r\n\r\n          <div class=\"cn-final-benefit-icon\">\r\n            01\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>Send Your Requirements<\/strong>\r\n            <span>\r\n              Product details, destination, quantity, weight or supplier link.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cn-final-benefit\">\r\n\r\n          <div class=\"cn-final-benefit-icon\">\r\n            02\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>We Review The Shipment<\/strong>\r\n            <span>\r\n              We check warehouse handling, packing and suitable shipping options.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cn-final-benefit\">\r\n\r\n          <div class=\"cn-final-benefit-icon\">\r\n            03\r\n          <\/div>\r\n\r\n          <div>\r\n            <strong>You Stay In Control<\/strong>\r\n            <span>\r\n              Confirm the plan before your goods are packed and shipped internationally.\r\n            <\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- TRUST -->\r\n\r\n      <div class=\"cn-final-trust\">\r\n\r\n        <div class=\"cn-final-status-dot\"><\/div>\r\n\r\n        <div>\r\n\r\n          <strong>\r\n            China warehouse team ready\r\n          <\/strong>\r\n\r\n          <span>\r\n            Receiving \u00b7 Inspection \u00b7 Consolidation \u00b7 Repacking \u00b7 Shipping\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <!-- =====================================================\r\n         RIGHT FORM\r\n    ====================================================== -->\r\n\r\n    <div class=\"cn-final-form-card\">\r\n\r\n      <div class=\"cn-final-form-accent\"><\/div>\r\n\r\n      <div class=\"cn-final-form-head\">\r\n\r\n        <div>\r\n\r\n          <span>\r\n            SHIPPING REQUEST\r\n          <\/span>\r\n\r\n          <h3>\r\n            Tell Us What You Need to Ship\r\n          <\/h3>\r\n\r\n          <p>\r\n            Complete the details below and our team will review your shipment.\r\n          <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cn-final-time\">\r\n          2\u20133 min\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <!-- =====================================================\r\n           FORM\r\n      ====================================================== -->\r\n\r\n      <form\r\n        class=\"cn-final-form\"\r\n        id=\"cnAboutShippingForm\"\r\n        autocomplete=\"on\"\r\n        novalidate\r\n      >\r\n\r\n        <!-- CONTACT FORM 7 -->\r\n\r\n        <input\r\n          type=\"hidden\"\r\n          name=\"_wpcf7\"\r\n          value=\"63\"\r\n        >\r\n\r\n        <input\r\n          type=\"hidden\"\r\n          name=\"_wpcf7_unit_tag\"\r\n          value=\"wpcf7-f63-o1\"\r\n        >\r\n\r\n        <input\r\n          type=\"hidden\"\r\n          name=\"_wpcf7_container_post\"\r\n          value=\"0\"\r\n        >\r\n\r\n\r\n        <!-- =================================================\r\n             ROW 1\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-final-grid cn-final-grid-2\">\r\n\r\n          <div class=\"cn-final-field\">\r\n\r\n            <label for=\"cn-final-name\">\r\n              Your Name\r\n              <b>*<\/b>\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"cn-final-name\"\r\n              type=\"text\"\r\n              name=\"your-name\"\r\n              placeholder=\"John Smith\"\r\n              autocomplete=\"name\"\r\n              required\r\n            >\r\n\r\n            <div class=\"cn-final-error\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cn-final-field\">\r\n\r\n            <label for=\"cn-final-email\">\r\n              Email\r\n              <b>*<\/b>\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"cn-final-email\"\r\n              type=\"email\"\r\n              name=\"your-email\"\r\n              placeholder=\"name@company.com\"\r\n              autocomplete=\"email\"\r\n              required\r\n            >\r\n\r\n            <div class=\"cn-final-error\"><\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             ROW 2\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-final-grid cn-final-grid-2\">\r\n\r\n          <div class=\"cn-final-field\">\r\n\r\n            <label for=\"cn-final-whatsapp\">\r\n\r\n              WhatsApp\r\n\r\n              <span>\r\n                Optional\r\n              <\/span>\r\n\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"cn-final-whatsapp\"\r\n              type=\"tel\"\r\n              name=\"your-whatsapp\"\r\n              placeholder=\"+44...\"\r\n              autocomplete=\"tel\"\r\n            >\r\n\r\n            <div class=\"cn-final-error\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cn-final-field\">\r\n\r\n            <label for=\"cn-final-destination\">\r\n              Destination\r\n              <b>*<\/b>\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"cn-final-destination\"\r\n              type=\"text\"\r\n              name=\"destination\"\r\n              placeholder=\"Country \/ city\"\r\n              required\r\n            >\r\n\r\n            <div class=\"cn-final-error\"><\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             CARGO TYPE\r\n             \u65b0\u7248\uff1a\u771f\u6b63\u53ef\u70b9\u51fb\u6309\u94ae\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-final-field cn-cargo-field\">\r\n\r\n          <label class=\"cn-cargo-title\">\r\n            What Are You Shipping?\r\n          <\/label>\r\n\r\n\r\n          <!--\r\n              \u8fd9\u4e2a\u9690\u85cf\u5b57\u6bb5\u624d\u662f\u771f\u6b63\u63d0\u4ea4\u5230\u540e\u53f0\u7684 cargo-type\r\n          -->\r\n\r\n          <input\r\n            type=\"hidden\"\r\n            name=\"cargo-type\"\r\n            id=\"cnCargoType\"\r\n            value=\"General goods\"\r\n          >\r\n\r\n\r\n          <div\r\n            class=\"cn-final-cargo-options\"\r\n            id=\"cnCargoOptions\"\r\n          >\r\n\r\n\r\n            <!-- GENERAL GOODS -->\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cn-final-cargo-btn is-selected\"\r\n              data-cargo=\"General goods\"\r\n              aria-pressed=\"true\"\r\n            >\r\n\r\n              <span class=\"cn-cargo-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span class=\"cn-cargo-name\">\r\n                General Goods\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- BATTERIES -->\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cn-final-cargo-btn\"\r\n              data-cargo=\"Batteries\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"cn-cargo-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span class=\"cn-cargo-name\">\r\n                Batteries\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- FURNITURE -->\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cn-final-cargo-btn\"\r\n              data-cargo=\"Furniture\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"cn-cargo-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span class=\"cn-cargo-name\">\r\n                Furniture\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- MACHINERY -->\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cn-final-cargo-btn\"\r\n              data-cargo=\"Machinery\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"cn-cargo-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span class=\"cn-cargo-name\">\r\n                Machinery\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- CHEMICALS -->\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cn-final-cargo-btn\"\r\n              data-cargo=\"Chemicals\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"cn-cargo-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span class=\"cn-cargo-name\">\r\n                Chemicals\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n\r\n            <!-- OTHER -->\r\n\r\n            <button\r\n              type=\"button\"\r\n              class=\"cn-final-cargo-btn\"\r\n              data-cargo=\"Other\"\r\n              aria-pressed=\"false\"\r\n            >\r\n\r\n              <span class=\"cn-cargo-check\">\r\n                \u2713\r\n              <\/span>\r\n\r\n              <span class=\"cn-cargo-name\">\r\n                Other\r\n              <\/span>\r\n\r\n            <\/button>\r\n\r\n          <\/div>\r\n\r\n          <div class=\"cn-final-error\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             QUANTITY \/ WEIGHT \/ VOLUME\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-final-grid cn-final-grid-3\">\r\n\r\n          <div class=\"cn-final-field\">\r\n\r\n            <label for=\"cn-final-quantity\">\r\n              Quantity\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"cn-final-quantity\"\r\n              type=\"text\"\r\n              name=\"quantity\"\r\n              placeholder=\"10 cartons\"\r\n            >\r\n\r\n            <div class=\"cn-final-error\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cn-final-field\">\r\n\r\n            <label for=\"cn-final-weight\">\r\n              Weight\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"cn-final-weight\"\r\n              type=\"text\"\r\n              name=\"weight\"\r\n              placeholder=\"120 kg\"\r\n            >\r\n\r\n            <div class=\"cn-final-error\"><\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"cn-final-field\">\r\n\r\n            <label for=\"cn-final-volume\">\r\n\r\n              Volume\r\n\r\n              <span>\r\n                Optional\r\n              <\/span>\r\n\r\n            <\/label>\r\n\r\n            <input\r\n              id=\"cn-final-volume\"\r\n              type=\"text\"\r\n              name=\"volume\"\r\n              placeholder=\"1.2 CBM\"\r\n            >\r\n\r\n            <div class=\"cn-final-error\"><\/div>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             SUPPLIER LINK\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-final-field\">\r\n\r\n          <label for=\"cn-final-link\">\r\n\r\n            Product \/ Supplier Link\r\n\r\n            <span>\r\n              Optional\r\n            <\/span>\r\n\r\n          <\/label>\r\n\r\n          <input\r\n            id=\"cn-final-link\"\r\n            type=\"url\"\r\n            name=\"supplier-link\"\r\n            placeholder=\"1688, Alibaba, Taobao or factory product link\"\r\n          >\r\n\r\n          <div class=\"cn-final-error\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             MESSAGE\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-final-field\">\r\n\r\n          <label for=\"cn-final-message\">\r\n            Tell Us About Your Shipment\r\n          <\/label>\r\n\r\n          <textarea\r\n            id=\"cn-final-message\"\r\n            name=\"shipment-message\"\r\n            rows=\"5\"\r\n            placeholder=\"Tell us what you are buying, how many suppliers are involved, where the goods need to go, or anything else we should know.\"\r\n          ><\/textarea>\r\n\r\n          <div class=\"cn-final-error\"><\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- RESPONSE -->\r\n\r\n        <div\r\n          class=\"cn-final-response\"\r\n          id=\"cnAboutFormResponse\"\r\n          role=\"status\"\r\n          aria-live=\"polite\"\r\n        ><\/div>\r\n\r\n\r\n        <!-- =================================================\r\n             BOTTOM\r\n        ================================================== -->\r\n\r\n        <div class=\"cn-final-form-bottom\">\r\n\r\n          <div class=\"cn-final-privacy\">\r\n\r\n            <div class=\"cn-final-lock\">\r\n\r\n              <svg\r\n                viewBox=\"0 0 24 24\"\r\n                fill=\"none\"\r\n                stroke=\"currentColor\"\r\n                stroke-width=\"1.8\"\r\n              >\r\n\r\n                <rect\r\n                  x=\"5\"\r\n                  y=\"10\"\r\n                  width=\"14\"\r\n                  height=\"10\"\r\n                  rx=\"2\"\r\n                ><\/rect>\r\n\r\n                <path\r\n                  d=\"M8 10V7a4 4 0 0 1 8 0v3\"\r\n                ><\/path>\r\n\r\n              <\/svg>\r\n\r\n            <\/div>\r\n\r\n            <span>\r\n              Your information is only used to respond to your shipping request.\r\n            <\/span>\r\n\r\n          <\/div>\r\n\r\n\r\n          <button\r\n            type=\"submit\"\r\n            class=\"cn-final-submit\"\r\n            id=\"cnAboutSubmit\"\r\n          >\r\n\r\n            <span class=\"cn-final-submit-text\">\r\n              Send Shipping Request\r\n            <\/span>\r\n\r\n            <span class=\"cn-final-submit-arrow\">\r\n              \u2192\r\n            <\/span>\r\n\r\n            <span\r\n              class=\"cn-final-spinner\"\r\n              aria-hidden=\"true\"\r\n            ><\/span>\r\n\r\n          <\/button>\r\n\r\n        <\/div>\r\n\r\n      <\/form>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n.cn-final-screen,\r\n.cn-final-screen *{\r\n  box-sizing:border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SECTION\r\n========================================================= *\/\r\n\r\n.cn-final-screen{\r\n\r\n  --blue:#3569dc;\r\n  --navy:#14213d;\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  min-height:100vh;\r\n  min-height:100svh;\r\n\r\n  display:flex;\r\n  align-items:center;\r\n\r\n  overflow:hidden;\r\n\r\n  padding:75px 0;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  background:\r\n\r\n    radial-gradient(\r\n      circle at 11% 15%,\r\n      rgba(61,110,230,.12),\r\n      transparent 30%\r\n    ),\r\n\r\n    radial-gradient(\r\n      circle at 90% 82%,\r\n      rgba(83,153,255,.10),\r\n      transparent 28%\r\n    ),\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #f6f9ff 0%,\r\n      #ffffff 47%,\r\n      #edf4ff 100%\r\n    );\r\n\r\n}\r\n\r\n\r\n.cn-final-screen::before{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:0;\r\n\r\n  pointer-events:none;\r\n\r\n  background-image:\r\n\r\n    linear-gradient(\r\n      rgba(42,76,140,.028) 1px,\r\n      transparent 1px\r\n    ),\r\n\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(42,76,140,.028) 1px,\r\n      transparent 1px\r\n    );\r\n\r\n  background-size:58px 58px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BACKGROUND\r\n========================================================= *\/\r\n\r\n.cn-final-glow{\r\n\r\n  position:absolute;\r\n\r\n  border-radius:50%;\r\n\r\n  pointer-events:none;\r\n\r\n}\r\n\r\n\r\n.cn-final-glow-1{\r\n\r\n  width:450px;\r\n  height:450px;\r\n\r\n  left:-260px;\r\n  top:-170px;\r\n\r\n  border:\r\n    1px solid rgba(52,98,205,.08);\r\n\r\n}\r\n\r\n\r\n.cn-final-glow-2{\r\n\r\n  width:520px;\r\n  height:520px;\r\n\r\n  right:-300px;\r\n  bottom:-260px;\r\n\r\n  border:\r\n    1px solid rgba(52,98,205,.07);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INNER\r\n========================================================= *\/\r\n\r\n.cn-final-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    1450px\r\n  );\r\n\r\n  margin:auto;\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    .88fr 1.12fr;\r\n\r\n  gap:75px;\r\n\r\n  align-items:center;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LEFT\r\n========================================================= *\/\r\n\r\n.cn-final-info{\r\n\r\n  max-width:590px;\r\n\r\n}\r\n\r\n\r\n.cn-final-eyebrow{\r\n\r\n  display:inline-flex;\r\n\r\n  align-items:center;\r\n\r\n  min-height:36px;\r\n\r\n  padding:0 15px;\r\n\r\n  margin-bottom:20px;\r\n\r\n  border-radius:100px;\r\n\r\n  background:#eaf1ff;\r\n\r\n  border:\r\n    1px solid #d6e3ff;\r\n\r\n  color:#2858c7;\r\n\r\n  font-size:11px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:2px;\r\n\r\n}\r\n\r\n\r\n.cn-final-info h2{\r\n\r\n  margin:0;\r\n\r\n  color:var(--navy);\r\n\r\n  font-size:\r\n    clamp(\r\n      44px,\r\n      4.4vw,\r\n      66px\r\n    );\r\n\r\n  line-height:1.02;\r\n\r\n  letter-spacing:-2.4px;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-final-info h2 span{\r\n\r\n  display:block;\r\n\r\n  color:var(--blue);\r\n\r\n}\r\n\r\n\r\n.cn-final-lead{\r\n\r\n  margin:25px 0 0;\r\n\r\n  color:#30415f;\r\n\r\n  font-size:20px;\r\n\r\n  line-height:1.55;\r\n\r\n  font-weight:700;\r\n\r\n}\r\n\r\n\r\n.cn-final-description{\r\n\r\n  margin:15px 0 0;\r\n\r\n  color:#6e7a90;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.7;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BENEFITS\r\n========================================================= *\/\r\n\r\n.cn-final-benefits{\r\n\r\n  display:grid;\r\n\r\n  gap:12px;\r\n\r\n  margin-top:31px;\r\n\r\n}\r\n\r\n\r\n.cn-final-benefit{\r\n\r\n  display:flex;\r\n\r\n  align-items:flex-start;\r\n\r\n  gap:14px;\r\n\r\n  padding:15px 16px;\r\n\r\n  border-radius:15px;\r\n\r\n  background:\r\n    rgba(255,255,255,.74);\r\n\r\n  border:\r\n    1px solid rgba(48,84,155,.10);\r\n\r\n  box-shadow:\r\n    0 8px 22px\r\n    rgba(38,64,112,.035);\r\n\r\n  transition:\r\n    .25s ease;\r\n\r\n}\r\n\r\n\r\n.cn-final-benefit:hover{\r\n\r\n  transform:\r\n    translateX(5px);\r\n\r\n  border-color:\r\n    rgba(52,102,215,.20);\r\n\r\n  box-shadow:\r\n    0 14px 30px\r\n    rgba(38,64,112,.075);\r\n\r\n}\r\n\r\n\r\n.cn-final-benefit-icon{\r\n\r\n  width:39px;\r\n  height:39px;\r\n\r\n  flex:0 0 auto;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:11px;\r\n\r\n  background:#eaf1ff;\r\n\r\n  color:#3467d8;\r\n\r\n  font-size:10px;\r\n\r\n  font-weight:900;\r\n\r\n}\r\n\r\n\r\n.cn-final-benefit strong{\r\n\r\n  display:block;\r\n\r\n  color:#25334e;\r\n\r\n  font-size:15px;\r\n\r\n  line-height:1.3;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-final-benefit span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#778399;\r\n\r\n  font-size:12.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TRUST\r\n========================================================= *\/\r\n\r\n.cn-final-trust{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:13px;\r\n\r\n  margin-top:25px;\r\n\r\n  padding-top:22px;\r\n\r\n  border-top:\r\n    1px solid #dce4ef;\r\n\r\n}\r\n\r\n\r\n.cn-final-status-dot{\r\n\r\n  position:relative;\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:#3bc77b;\r\n\r\n  box-shadow:\r\n    0 0 0 7px\r\n    rgba(59,199,123,.10);\r\n\r\n}\r\n\r\n\r\n.cn-final-status-dot::after{\r\n\r\n  content:\"\";\r\n\r\n  position:absolute;\r\n\r\n  inset:-7px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(59,199,123,.45);\r\n\r\n  border-radius:50%;\r\n\r\n  animation:\r\n    cnFinalPulse 2.3s\r\n    ease-out infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes cnFinalPulse{\r\n\r\n  0%{\r\n    transform:scale(.7);\r\n    opacity:1;\r\n  }\r\n\r\n  100%{\r\n    transform:scale(1.7);\r\n    opacity:0;\r\n  }\r\n\r\n}\r\n\r\n\r\n.cn-final-trust strong{\r\n\r\n  display:block;\r\n\r\n  color:#30405c;\r\n\r\n  font-size:14px;\r\n\r\n  font-weight:800;\r\n\r\n}\r\n\r\n\r\n.cn-final-trust span{\r\n\r\n  display:block;\r\n\r\n  margin-top:4px;\r\n\r\n  color:#8190a6;\r\n\r\n  font-size:11px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM CARD\r\n========================================================= *\/\r\n\r\n.cn-final-form-card{\r\n\r\n  position:relative;\r\n\r\n  padding:32px;\r\n\r\n  border-radius:25px;\r\n\r\n  background:\r\n    rgba(255,255,255,.98);\r\n\r\n  border:\r\n    1px solid\r\n    rgba(45,80,150,.12);\r\n\r\n  box-shadow:\r\n    0 32px 75px\r\n    rgba(38,59,102,.13);\r\n\r\n}\r\n\r\n\r\n.cn-final-form-accent{\r\n\r\n  position:absolute;\r\n\r\n  top:0;\r\n  left:33px;\r\n\r\n  width:74px;\r\n  height:4px;\r\n\r\n  border-radius:\r\n    0 0 10px 10px;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      #3062d5,\r\n      #7da5ff\r\n    );\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM HEADER\r\n========================================================= *\/\r\n\r\n.cn-final-form-head{\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:23px;\r\n\r\n  padding-bottom:20px;\r\n\r\n  border-bottom:\r\n    1px solid #e5eaf1;\r\n\r\n}\r\n\r\n\r\n.cn-final-form-head > div:first-child > span{\r\n\r\n  display:block;\r\n\r\n  margin-bottom:7px;\r\n\r\n  color:#4a72cd;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  letter-spacing:1.7px;\r\n\r\n}\r\n\r\n\r\n.cn-final-form-head h3{\r\n\r\n  margin:0;\r\n\r\n  color:#17243f;\r\n\r\n  font-size:27px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:850;\r\n\r\n}\r\n\r\n\r\n.cn-final-form-head p{\r\n\r\n  margin:7px 0 0;\r\n\r\n  color:#7b879a;\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.cn-final-time{\r\n\r\n  flex:0 0 auto;\r\n\r\n  padding:8px 11px;\r\n\r\n  border-radius:100px;\r\n\r\n  color:#6f7d91;\r\n\r\n  background:#f3f6fa;\r\n\r\n  font-size:9px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM\r\n========================================================= *\/\r\n\r\n.cn-final-form{\r\n\r\n  width:100%;\r\n\r\n}\r\n\r\n\r\n.cn-final-grid{\r\n\r\n  display:grid;\r\n\r\n  gap:13px;\r\n\r\n}\r\n\r\n\r\n.cn-final-grid-2{\r\n\r\n  grid-template-columns:\r\n    repeat(2,minmax(0,1fr));\r\n\r\n}\r\n\r\n\r\n.cn-final-grid-3{\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n}\r\n\r\n\r\n.cn-final-field{\r\n\r\n  margin-bottom:15px;\r\n\r\n}\r\n\r\n\r\n.cn-final-field > label{\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:5px;\r\n\r\n  margin-bottom:7px;\r\n\r\n  color:#34425c;\r\n\r\n  font-size:12px;\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-final-field > label b{\r\n\r\n  color:#3869d8;\r\n\r\n}\r\n\r\n\r\n.cn-final-field > label span{\r\n\r\n  color:#95a0b0;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:500;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INPUTS\r\n========================================================= *\/\r\n\r\n.cn-final-field input[type=\"text\"],\r\n.cn-final-field input[type=\"email\"],\r\n.cn-final-field input[type=\"tel\"],\r\n.cn-final-field input[type=\"url\"],\r\n.cn-final-field textarea{\r\n\r\n  width:100%;\r\n\r\n  box-sizing:border-box;\r\n\r\n  outline:none;\r\n\r\n  border:\r\n    1px solid #dce4ed;\r\n\r\n  border-radius:10px;\r\n\r\n  color:#1d2c45;\r\n\r\n  background:#fafcff;\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:12.5px;\r\n\r\n  box-shadow:none;\r\n\r\n  transition:\r\n    .2s ease;\r\n\r\n}\r\n\r\n\r\n.cn-final-field input[type=\"text\"],\r\n.cn-final-field input[type=\"email\"],\r\n.cn-final-field input[type=\"tel\"],\r\n.cn-final-field input[type=\"url\"]{\r\n\r\n  height:47px;\r\n\r\n  padding:0 13px;\r\n\r\n}\r\n\r\n\r\n.cn-final-field textarea{\r\n\r\n  min-height:105px;\r\n\r\n  padding:13px;\r\n\r\n  resize:vertical;\r\n\r\n  line-height:1.5;\r\n\r\n}\r\n\r\n\r\n.cn-final-field input::placeholder,\r\n.cn-final-field textarea::placeholder{\r\n\r\n  color:#a2acba;\r\n\r\n}\r\n\r\n\r\n.cn-final-field input:focus,\r\n.cn-final-field textarea:focus{\r\n\r\n  border-color:#79a0ed;\r\n\r\n  background:#ffffff;\r\n\r\n  box-shadow:\r\n    0 0 0 4px\r\n    rgba(61,105,211,.07);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CARGO BUTTONS\r\n   \u8fd9\u6b21\u4e0d\u7528 RADIO\uff0c\u786e\u4fdd Elementor \u53ef\u4ee5\u70b9\u51fb\r\n========================================================= *\/\r\n\r\n.cn-cargo-title{\r\n\r\n  margin-bottom:10px !important;\r\n\r\n  font-size:12px !important;\r\n\r\n}\r\n\r\n\r\n.cn-final-cargo-options{\r\n\r\n  display:grid;\r\n\r\n  grid-template-columns:\r\n    repeat(3,minmax(0,1fr));\r\n\r\n  gap:9px;\r\n\r\n}\r\n\r\n\r\n\/* BUTTON *\/\r\n\r\n.cn-final-cargo-btn{\r\n\r\n  position:relative;\r\n\r\n  width:100%;\r\n\r\n  min-width:0;\r\n\r\n  min-height:44px;\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:7px;\r\n\r\n  margin:0;\r\n\r\n  padding:8px 10px;\r\n\r\n  appearance:none;\r\n  -webkit-appearance:none;\r\n\r\n  border:\r\n    1px solid #dce4ee;\r\n\r\n  border-radius:10px;\r\n\r\n  outline:none;\r\n\r\n  cursor:pointer;\r\n\r\n  color:#627087;\r\n\r\n  background:#fafcff;\r\n\r\n  font-family:inherit;\r\n\r\n  box-shadow:\r\n    0 2px 6px\r\n    rgba(31,55,100,.025);\r\n\r\n  transition:\r\n    background .22s ease,\r\n    color .22s ease,\r\n    border-color .22s ease,\r\n    box-shadow .22s ease,\r\n    transform .22s ease;\r\n\r\n}\r\n\r\n\r\n\/* NAME *\/\r\n\r\n.cn-cargo-name{\r\n\r\n  font-size:10.5px;\r\n\r\n  line-height:1.2;\r\n\r\n  font-weight:750;\r\n\r\n}\r\n\r\n\r\n\/* CHECK *\/\r\n\r\n.cn-cargo-check{\r\n\r\n  width:17px;\r\n  height:17px;\r\n\r\n  flex:0 0 auto;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n  justify-content:center;\r\n\r\n  border-radius:50%;\r\n\r\n  color:#ffffff;\r\n\r\n  background:#3569dc;\r\n\r\n  font-size:9px;\r\n\r\n  font-weight:900;\r\n\r\n  opacity:0;\r\n\r\n  transform:\r\n    scale(.55);\r\n\r\n  transition:\r\n    opacity .2s ease,\r\n    transform .2s ease;\r\n\r\n}\r\n\r\n\r\n\/* HOVER *\/\r\n\r\n.cn-final-cargo-btn:hover{\r\n\r\n  color:#3564c9;\r\n\r\n  border-color:#91aceb;\r\n\r\n  background:#f3f7ff;\r\n\r\n  transform:\r\n    translateY(-1px);\r\n\r\n  box-shadow:\r\n    0 6px 14px\r\n    rgba(45,94,205,.08);\r\n\r\n}\r\n\r\n\r\n\/* SELECTED *\/\r\n\r\n.cn-final-cargo-btn.is-selected{\r\n\r\n  color:#285cca;\r\n\r\n  border-color:#5f89e9;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #edf4ff 0%,\r\n      #e4edff 100%\r\n    );\r\n\r\n  box-shadow:\r\n\r\n    0 0 0 2px\r\n    rgba(53,105,220,.08),\r\n\r\n    0 7px 16px\r\n    rgba(43,91,200,.09);\r\n\r\n}\r\n\r\n\r\n\/* SELECTED CHECK *\/\r\n\r\n.cn-final-cargo-btn.is-selected\r\n.cn-cargo-check{\r\n\r\n  opacity:1;\r\n\r\n  transform:scale(1);\r\n\r\n}\r\n\r\n\r\n\/* ACTIVE CLICK *\/\r\n\r\n.cn-final-cargo-btn:active{\r\n\r\n  transform:\r\n    scale(.98);\r\n\r\n}\r\n\r\n\r\n\/* KEYBOARD *\/\r\n\r\n.cn-final-cargo-btn:focus-visible{\r\n\r\n  outline:\r\n    3px solid\r\n    rgba(53,105,220,.16);\r\n\r\n  outline-offset:2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ERRORS\r\n========================================================= *\/\r\n\r\n.cn-final-error{\r\n\r\n  color:#d85151;\r\n\r\n  font-size:9px;\r\n\r\n  line-height:1.3;\r\n\r\n}\r\n\r\n\r\n.cn-final-field.cn-final-has-error\r\n.cn-final-error{\r\n\r\n  margin-top:5px;\r\n\r\n}\r\n\r\n\r\n.cn-final-field.cn-final-has-error\r\ninput:not([type=\"hidden\"]),\r\n\r\n.cn-final-field.cn-final-has-error\r\ntextarea{\r\n\r\n  border-color:#df6262;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   RESPONSE\r\n========================================================= *\/\r\n\r\n.cn-final-response{\r\n\r\n  display:none;\r\n\r\n  margin:\r\n    2px 0 14px;\r\n\r\n  padding:12px 14px;\r\n\r\n  border-radius:9px;\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.cn-final-response.cn-final-success{\r\n\r\n  display:block;\r\n\r\n  color:#277745;\r\n\r\n  background:#edf9f1;\r\n\r\n  border:\r\n    1px solid #7fce9a;\r\n\r\n}\r\n\r\n\r\n.cn-final-response.cn-final-response-error{\r\n\r\n  display:block;\r\n\r\n  color:#9b4436;\r\n\r\n  background:#fff2ef;\r\n\r\n  border:\r\n    1px solid #e5a293;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FORM BOTTOM\r\n========================================================= *\/\r\n\r\n.cn-final-form-bottom{\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-top:4px;\r\n\r\n  padding-top:18px;\r\n\r\n  border-top:\r\n    1px solid #e6eaf0;\r\n\r\n}\r\n\r\n\r\n.cn-final-privacy{\r\n\r\n  max-width:345px;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  gap:9px;\r\n\r\n  color:#8792a3;\r\n\r\n  font-size:9.5px;\r\n\r\n  line-height:1.45;\r\n\r\n}\r\n\r\n\r\n.cn-final-lock{\r\n\r\n  width:30px;\r\n  height:30px;\r\n\r\n  flex:0 0 auto;\r\n\r\n  display:flex;\r\n\r\n  align-items:center;\r\n\r\n  justify-content:center;\r\n\r\n  border-radius:8px;\r\n\r\n  color:#60708a;\r\n\r\n  background:#f1f4f8;\r\n\r\n}\r\n\r\n\r\n.cn-final-lock svg{\r\n\r\n  width:14px;\r\n  height:14px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBMIT\r\n========================================================= *\/\r\n\r\n.cn-final-submit{\r\n\r\n  min-width:215px;\r\n\r\n  min-height:51px;\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:26px;\r\n\r\n  padding:0 21px;\r\n\r\n  border:0;\r\n\r\n  border-radius:10px;\r\n\r\n  cursor:pointer;\r\n\r\n  color:#ffffff;\r\n\r\n  background:\r\n\r\n    linear-gradient(\r\n      135deg,\r\n      #295bd0,\r\n      #4073e5\r\n    );\r\n\r\n  font-family:inherit;\r\n\r\n  font-size:11.5px;\r\n\r\n  font-weight:850;\r\n\r\n  box-shadow:\r\n    0 12px 26px\r\n    rgba(46,100,220,.22);\r\n\r\n  transition:\r\n    transform .25s ease,\r\n    box-shadow .25s ease,\r\n    opacity .25s ease;\r\n\r\n}\r\n\r\n\r\n.cn-final-submit:hover{\r\n\r\n  transform:\r\n    translateY(-3px);\r\n\r\n  box-shadow:\r\n    0 17px 32px\r\n    rgba(46,100,220,.28);\r\n\r\n}\r\n\r\n\r\n.cn-final-submit-arrow{\r\n\r\n  font-size:19px;\r\n\r\n}\r\n\r\n\r\n.cn-final-spinner{\r\n\r\n  display:none;\r\n\r\n  width:15px;\r\n  height:15px;\r\n\r\n  box-sizing:border-box;\r\n\r\n  border-radius:50%;\r\n\r\n  border:\r\n    2px solid rgba(255,255,255,.40);\r\n\r\n  border-top-color:#ffffff;\r\n\r\n  animation:\r\n    cnAboutSpin .7s\r\n    linear infinite;\r\n\r\n}\r\n\r\n\r\n@keyframes cnAboutSpin{\r\n\r\n  to{\r\n    transform:rotate(360deg);\r\n  }\r\n\r\n}\r\n\r\n\r\n.cn-final-submit.cn-final-loading{\r\n\r\n  cursor:not-allowed;\r\n\r\n  opacity:.80;\r\n\r\n}\r\n\r\n\r\n.cn-final-submit.cn-final-loading\r\n.cn-final-submit-arrow{\r\n\r\n  display:none;\r\n\r\n}\r\n\r\n\r\n.cn-final-submit.cn-final-loading\r\n.cn-final-spinner{\r\n\r\n  display:block;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHORT DESKTOP\r\n========================================================= *\/\r\n\r\n@media\r\n(max-height:850px)\r\nand\r\n(min-width:901px){\r\n\r\n  .cn-final-screen{\r\n\r\n    padding:45px 0;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-info h2{\r\n\r\n    font-size:\r\n      clamp(\r\n        42px,\r\n        4vw,\r\n        58px\r\n      );\r\n\r\n  }\r\n\r\n\r\n  .cn-final-lead{\r\n\r\n    margin-top:18px;\r\n\r\n    font-size:17px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-benefits{\r\n\r\n    margin-top:23px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-benefit{\r\n\r\n    padding:12px 14px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-form-card{\r\n\r\n    padding:24px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-field{\r\n\r\n    margin-bottom:11px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-field\r\n  input[type=\"text\"],\r\n\r\n  .cn-final-field\r\n  input[type=\"email\"],\r\n\r\n  .cn-final-field\r\n  input[type=\"tel\"],\r\n\r\n  .cn-final-field\r\n  input[type=\"url\"]{\r\n\r\n    height:42px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-field textarea{\r\n\r\n    min-height:78px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-cargo-btn{\r\n\r\n    min-height:38px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media(max-width:1050px){\r\n\r\n  .cn-final-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-final-info h2{\r\n\r\n    font-size:50px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-cargo-options{\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media(max-width:780px){\r\n\r\n  .cn-final-screen{\r\n\r\n    min-height:auto;\r\n\r\n    padding:65px 0;\r\n\r\n    overflow:visible;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-inner{\r\n\r\n    width:\r\n      calc(100% - 28px);\r\n\r\n    grid-template-columns:1fr;\r\n\r\n    gap:45px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-info{\r\n\r\n    max-width:none;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-info h2{\r\n\r\n    font-size:42px;\r\n\r\n    letter-spacing:-1.5px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-lead{\r\n\r\n    font-size:18px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-form-card{\r\n\r\n    width:100%;\r\n\r\n    padding:22px;\r\n\r\n    border-radius:20px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-form-head{\r\n\r\n    display:block;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-time{\r\n\r\n    display:inline-block;\r\n\r\n    margin-top:12px;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-grid-2,\r\n  .cn-final-grid-3{\r\n\r\n    grid-template-columns:1fr;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-cargo-options{\r\n\r\n    grid-template-columns:\r\n      repeat(2,minmax(0,1fr));\r\n\r\n  }\r\n\r\n\r\n  .cn-final-form-bottom{\r\n\r\n    flex-direction:column;\r\n\r\n    align-items:stretch;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-privacy{\r\n\r\n    max-width:none;\r\n\r\n  }\r\n\r\n\r\n  .cn-final-submit{\r\n\r\n    width:100%;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n========================================================= *\/\r\n\r\n@media(prefers-reduced-motion:reduce){\r\n\r\n  .cn-final-status-dot::after,\r\n  .cn-final-spinner{\r\n\r\n    animation:none;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  const form =\r\n    document.getElementById(\r\n      'cnAboutShippingForm'\r\n    );\r\n\r\n\r\n  if(!form){\r\n    return;\r\n  }\r\n\r\n\r\n  const submitButton =\r\n    document.getElementById(\r\n      'cnAboutSubmit'\r\n    );\r\n\r\n\r\n  const responseBox =\r\n    document.getElementById(\r\n      'cnAboutFormResponse'\r\n    );\r\n\r\n\r\n  \/* =====================================================\r\n     CARGO BUTTONS\r\n  ===================================================== *\/\r\n\r\n  const cargoInput =\r\n    document.getElementById(\r\n      'cnCargoType'\r\n    );\r\n\r\n\r\n  const cargoButtons =\r\n    form.querySelectorAll(\r\n      '.cn-final-cargo-btn'\r\n    );\r\n\r\n\r\n  cargoButtons.forEach(\r\n    function(button){\r\n\r\n      button.addEventListener(\r\n        'click',\r\n        function(){\r\n\r\n          \/* \u6e05\u9664\u6240\u6709\u9009\u62e9 *\/\r\n\r\n          cargoButtons.forEach(\r\n            function(otherButton){\r\n\r\n              otherButton.classList.remove(\r\n                'is-selected'\r\n              );\r\n\r\n              otherButton.setAttribute(\r\n                'aria-pressed',\r\n                'false'\r\n              );\r\n\r\n            }\r\n          );\r\n\r\n\r\n          \/* \u5f53\u524d\u9009\u4e2d *\/\r\n\r\n          button.classList.add(\r\n            'is-selected'\r\n          );\r\n\r\n\r\n          button.setAttribute(\r\n            'aria-pressed',\r\n            'true'\r\n          );\r\n\r\n\r\n          \/* \u5199\u5165\u540e\u53f0\u63d0\u4ea4\u5b57\u6bb5 *\/\r\n\r\n          const selectedValue =\r\n            button.getAttribute(\r\n              'data-cargo'\r\n            );\r\n\r\n\r\n          cargoInput.value =\r\n            selectedValue;\r\n\r\n\r\n          \/*\r\n           \u89e6\u53d1 change\uff0c\r\n           \u65b9\u4fbf\u5176\u4ed6\u63d2\u4ef6\u76d1\u542c\r\n          *\/\r\n\r\n          cargoInput.dispatchEvent(\r\n            new Event(\r\n              'change',\r\n              {\r\n                bubbles:true\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     CONTACT FORM 7\r\n  ===================================================== *\/\r\n\r\n  const CONTACT_FORM_ID =\r\n    '63';\r\n\r\n\r\n  const endpoint =\r\n    window.location.origin\r\n    +\r\n    '\/wp-json\/contact-form-7\/v1\/contact-forms\/'\r\n    +\r\n    CONTACT_FORM_ID\r\n    +\r\n    '\/feedback';\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     RESET ERRORS\r\n  ===================================================== *\/\r\n\r\n  function resetErrors(){\r\n\r\n    form\r\n      .querySelectorAll(\r\n        '.cn-final-field'\r\n      )\r\n      .forEach(\r\n        function(field){\r\n\r\n          field.classList.remove(\r\n            'cn-final-has-error'\r\n          );\r\n\r\n\r\n          const error =\r\n            field.querySelector(\r\n              '.cn-final-error'\r\n            );\r\n\r\n\r\n          if(error){\r\n\r\n            error.textContent = '';\r\n\r\n          }\r\n\r\n        }\r\n      );\r\n\r\n\r\n    responseBox.className =\r\n      'cn-final-response';\r\n\r\n\r\n    responseBox.textContent = '';\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     RESPONSE\r\n  ===================================================== *\/\r\n\r\n  function showResponse(\r\n    type,\r\n    message\r\n  ){\r\n\r\n    responseBox.className =\r\n      'cn-final-response '\r\n      +\r\n      (\r\n        type === 'success'\r\n        ?\r\n        'cn-final-success'\r\n        :\r\n        'cn-final-response-error'\r\n      );\r\n\r\n\r\n    responseBox.textContent =\r\n      message;\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     RESET CARGO AFTER SUCCESS\r\n  ===================================================== *\/\r\n\r\n  function resetCargo(){\r\n\r\n    cargoInput.value =\r\n      'General goods';\r\n\r\n\r\n    cargoButtons.forEach(\r\n      function(button){\r\n\r\n        const value =\r\n          button.getAttribute(\r\n            'data-cargo'\r\n          );\r\n\r\n\r\n        if(\r\n          value ===\r\n          'General goods'\r\n        ){\r\n\r\n          button.classList.add(\r\n            'is-selected'\r\n          );\r\n\r\n\r\n          button.setAttribute(\r\n            'aria-pressed',\r\n            'true'\r\n          );\r\n\r\n        }\r\n\r\n        else{\r\n\r\n          button.classList.remove(\r\n            'is-selected'\r\n          );\r\n\r\n\r\n          button.setAttribute(\r\n            'aria-pressed',\r\n            'false'\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     SUCCESS\r\n  ===================================================== *\/\r\n\r\n  function showSuccess(){\r\n\r\n    showResponse(\r\n      'success',\r\n      'Your shipping request has been received successfully. Our team will review the details and contact you as soon as possible.'\r\n    );\r\n\r\n\r\n    form.reset();\r\n\r\n\r\n    resetCargo();\r\n\r\n\r\n    responseBox.scrollIntoView({\r\n\r\n      behavior:'smooth',\r\n\r\n      block:'nearest'\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     SERVER VALIDATION\r\n  ===================================================== *\/\r\n\r\n  function showValidationErrors(\r\n    invalidFields\r\n  ){\r\n\r\n    if(\r\n      !Array.isArray(\r\n        invalidFields\r\n      )\r\n    ){\r\n\r\n      return;\r\n\r\n    }\r\n\r\n\r\n    invalidFields.forEach(\r\n      function(item){\r\n\r\n        const fieldName =\r\n          item.field;\r\n\r\n\r\n        if(!fieldName){\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const input =\r\n          form.querySelector(\r\n            '[name=\"'\r\n            +\r\n            fieldName.replace(\r\n              \/\"\/g,\r\n              '\\\\\"'\r\n            )\r\n            +\r\n            '\"]'\r\n          );\r\n\r\n\r\n        if(!input){\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        const field =\r\n          input.closest(\r\n            '.cn-final-field'\r\n          );\r\n\r\n\r\n        if(!field){\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        field.classList.add(\r\n          'cn-final-has-error'\r\n        );\r\n\r\n\r\n        const error =\r\n          field.querySelector(\r\n            '.cn-final-error'\r\n          );\r\n\r\n\r\n        if(error){\r\n\r\n          error.textContent =\r\n            item.message\r\n            ||\r\n            'Please check this field.';\r\n\r\n        }\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n\r\n  \/* =====================================================\r\n     SUBMIT\r\n  ===================================================== *\/\r\n\r\n  form.addEventListener(\r\n    'submit',\r\n    async function(event){\r\n\r\n      event.preventDefault();\r\n\r\n\r\n      resetErrors();\r\n\r\n\r\n      const name =\r\n        form.querySelector(\r\n          '[name=\"your-name\"]'\r\n        );\r\n\r\n\r\n      const email =\r\n        form.querySelector(\r\n          '[name=\"your-email\"]'\r\n        );\r\n\r\n\r\n      const destination =\r\n        form.querySelector(\r\n          '[name=\"destination\"]'\r\n        );\r\n\r\n\r\n      let localError =\r\n        false;\r\n\r\n\r\n\r\n      \/* NAME *\/\r\n\r\n      if(\r\n        !name.value.trim()\r\n      ){\r\n\r\n        const field =\r\n          name.closest(\r\n            '.cn-final-field'\r\n          );\r\n\r\n\r\n        field.classList.add(\r\n          'cn-final-has-error'\r\n        );\r\n\r\n\r\n        field.querySelector(\r\n          '.cn-final-error'\r\n        ).textContent =\r\n          'Please enter your name.';\r\n\r\n\r\n        localError =\r\n          true;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* EMAIL *\/\r\n\r\n      if(\r\n        !email.value.trim()\r\n        ||\r\n        !email.validity.valid\r\n      ){\r\n\r\n        const field =\r\n          email.closest(\r\n            '.cn-final-field'\r\n          );\r\n\r\n\r\n        field.classList.add(\r\n          'cn-final-has-error'\r\n        );\r\n\r\n\r\n        field.querySelector(\r\n          '.cn-final-error'\r\n        ).textContent =\r\n          'Please enter a valid email address.';\r\n\r\n\r\n        localError =\r\n          true;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* DESTINATION *\/\r\n\r\n      if(\r\n        !destination.value.trim()\r\n      ){\r\n\r\n        const field =\r\n          destination.closest(\r\n            '.cn-final-field'\r\n          );\r\n\r\n\r\n        field.classList.add(\r\n          'cn-final-has-error'\r\n        );\r\n\r\n\r\n        field.querySelector(\r\n          '.cn-final-error'\r\n        ).textContent =\r\n          'Please enter the destination.';\r\n\r\n\r\n        localError =\r\n          true;\r\n\r\n      }\r\n\r\n\r\n\r\n      if(localError){\r\n\r\n        showResponse(\r\n          'error',\r\n          'Please check the highlighted fields.'\r\n        );\r\n\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n\r\n      \/* LOADING *\/\r\n\r\n      submitButton.disabled =\r\n        true;\r\n\r\n\r\n      submitButton.classList.add(\r\n        'cn-final-loading'\r\n      );\r\n\r\n\r\n\r\n      \/* =================================================\r\n         FORM DATA\r\n      ================================================= *\/\r\n\r\n      const formData =\r\n        new FormData(\r\n          form\r\n        );\r\n\r\n\r\n      \/*\r\n       \u518d\u6b21\u786e\u4fdd cargo-type\r\n       \u4e00\u5b9a\u4f20\u5165 CF7\r\n      *\/\r\n\r\n      formData.set(\r\n        'cargo-type',\r\n        cargoInput.value\r\n      );\r\n\r\n\r\n      formData.set(\r\n        '_wpcf7',\r\n        '63'\r\n      );\r\n\r\n\r\n      formData.set(\r\n        '_wpcf7_unit_tag',\r\n        'wpcf7-f63-o1'\r\n      );\r\n\r\n\r\n      formData.set(\r\n        '_wpcf7_container_post',\r\n        '0'\r\n      );\r\n\r\n\r\n\r\n      try{\r\n\r\n        const request =\r\n          await fetch(\r\n            endpoint,\r\n            {\r\n\r\n              method:'POST',\r\n\r\n              body:formData,\r\n\r\n              credentials:\r\n                'same-origin',\r\n\r\n              headers:{\r\n\r\n                'Accept':\r\n                  'application\/json'\r\n\r\n              }\r\n\r\n            }\r\n          );\r\n\r\n\r\n        const responseText =\r\n          await request.text();\r\n\r\n\r\n        let result;\r\n\r\n\r\n\r\n        try{\r\n\r\n          result =\r\n            JSON.parse(\r\n              responseText\r\n            );\r\n\r\n        }\r\n\r\n\r\n        catch(parseError){\r\n\r\n          throw new Error(\r\n            'Invalid server response'\r\n          );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* SUCCESS *\/\r\n\r\n        if(\r\n\r\n          result.status ===\r\n          'mail_sent'\r\n\r\n          ||\r\n\r\n          result.status ===\r\n          'mail_sent_ok'\r\n\r\n          ||\r\n\r\n          result.status ===\r\n          'mail_failed'\r\n\r\n        ){\r\n\r\n          showSuccess();\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* VALIDATION *\/\r\n\r\n        else if(\r\n\r\n          result.status ===\r\n          'validation_failed'\r\n\r\n        ){\r\n\r\n          showValidationErrors(\r\n            result.invalid_fields\r\n          );\r\n\r\n\r\n          showResponse(\r\n            'error',\r\n            result.message\r\n            ||\r\n            'Please check the highlighted fields and try again.'\r\n          );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* SPAM *\/\r\n\r\n        else if(\r\n\r\n          result.status ===\r\n          'spam'\r\n\r\n        ){\r\n\r\n          showResponse(\r\n            'error',\r\n            'Your message could not be submitted. Please check the information and try again.'\r\n          );\r\n\r\n        }\r\n\r\n\r\n\r\n        \/* OTHER *\/\r\n\r\n        else{\r\n\r\n          showResponse(\r\n            'error',\r\n            result.message\r\n            ||\r\n            'We could not submit your message. Please try again.'\r\n          );\r\n\r\n        }\r\n\r\n      }\r\n\r\n\r\n      catch(error){\r\n\r\n        showResponse(\r\n          'error',\r\n          'The form could not connect to the server. Please try again.'\r\n        );\r\n\r\n      }\r\n\r\n\r\n      finally{\r\n\r\n        submitButton.disabled =\r\n          false;\r\n\r\n\r\n        submitButton.classList.remove(\r\n          'cn-final-loading'\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ABOUT US Your Trusted China Warehouse Partner We help overseas buyers receive, inspect, consolidate, pack and ship products from China with a clear and transparent process. Whether you are buying from 1688, Taobao, Chinese factories or multiple suppliers, our warehouse team can receive your goods, check quantities, take photos and videos, inspect products according to [&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-88","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/pages\/88","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/comments?post=88"}],"version-history":[{"count":5,"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/pages\/88\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/pages\/88\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/www.cn-delivery.com\/es\/wp-json\/wp\/v2\/media?parent=88"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}