{"id":17,"date":"2022-05-12T15:29:24","date_gmt":"2022-05-12T15:29:24","guid":{"rendered":"https:\/\/startersites.io\/blocksy\/bizconsult\/?page_id=17"},"modified":"2026-05-28T08:11:31","modified_gmt":"2026-05-28T08:11:31","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/didiplayarea.com\/ar\/contact-us\/","title":{"rendered":"\u0627\u062a\u0635\u0644 \u0628\u0646\u0627"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-90f648f\" data-block-id=\"90f648f\"><style>.stk-90f648f {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-90f648f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1593979\" data-v=\"4\" data-block-id=\"1593979\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1593979-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-1593979-inner-blocks\">\n<div id=\"didi-comms-terminal-x1\" class=\"didi-x1-outer\">\n  <style>\n    \/* Scope Variables *\/\n    #didi-comms-terminal-x1 {\n      --x1-bg-base: #030508;\n      --x1-panel-bg: #0A1118;\n      --x1-panel-alt: #0E1822;\n      \n      --x1-border-main: #1A2838;\n      --x1-border-bright: #2C4258;\n      \n      --x1-brand-cyan: #00D8FF;\n      --x1-brand-yellow: #FFD848;\n      \n      --x1-text-title: #F8FAFC;\n      --x1-text-body: #94A3B8;\n      --x1-text-mono: #5A7086;\n      \n      --x1-font-mono: ui-monospace, \"SF Mono\", Menlo, Consolas, monospace;\n      \n      width: 100% !important;\n      background-color: var(--x1-bg-base);\n      \/* Precision Engineering Blueprint Grid *\/\n      background-image: \n        linear-gradient(rgba(0, 216, 255, 0.03) 1px, transparent 1px),\n        linear-gradient(90deg, rgba(0, 216, 255, 0.03) 1px, transparent 1px);\n      background-size: 40px 40px;\n      padding-block: clamp(60px, 8vw, 100px);\n      box-sizing: border-box;\n      font-family: inherit;\n      border-top: 2px solid var(--x1-border-bright);\n      position: relative;\n    }\n\n    #didi-comms-terminal-x1 * {\n      box-sizing: border-box !important;\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-inner {\n      max-width: 1600px !important;\n      margin: 0 auto !important;\n      padding-inline: clamp(20px, 4vw, 60px) !important;\n      display: flex;\n      flex-direction: column;\n      gap: 0; \/* Zero gap for physical interlocking *\/\n    }\n\n    \/* =========================================\n       1. TOP COMMAND MODULE (5fr:7fr Split)\n       ========================================= *\/\n    #didi-comms-terminal-x1 .didi-x1-hero-split {\n      display: grid;\n      grid-template-columns: 5fr 7fr;\n      background-color: var(--x1-panel-bg);\n      border: 1px solid var(--x1-border-main);\n      border-bottom: none;\n      \/* Top-left heavy chamfer *\/\n      clip-path: polygon(40px 0, 100% 0, 100% 100%, 0 100%, 0 40px);\n    }\n\n    \/* --- Left: Directive Panel --- *\/\n    #didi-comms-terminal-x1 .didi-x1-directive {\n      padding: clamp(40px, 5vw, 60px);\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n      position: relative;\n      border-right: 1px solid var(--x1-border-main);\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-sys-label {\n      font-family: var(--x1-font-mono);\n      font-size: 11px;\n      color: var(--x1-brand-cyan);\n      letter-spacing: 0.15em;\n      text-transform: uppercase;\n      display: inline-flex;\n      align-items: center;\n      gap: 8px;\n      padding: 6px 12px;\n      background-color: rgba(0, 216, 255, 0.05);\n      border: 1px solid var(--x1-border-bright);\n      align-self: flex-start;\n      margin-bottom: 32px;\n    }\n    #didi-comms-terminal-x1 .didi-x1-sys-label::before {\n      content: \"\";\n      width: 6px; height: 6px; \n      background-color: var(--x1-brand-cyan);\n      box-shadow: 0 0 8px var(--x1-brand-cyan);\n    }\n\n    \/* Strict H1 for SEO *\/\n    #didi-comms-terminal-x1 h1.didi-x1-h1 {\n      font-size: clamp(32px, 3.5vw, 48px);\n      font-weight: 800;\n      color: var(--x1-text-title);\n      line-height: 1.2;\n      margin: 0 0 24px 0;\n      letter-spacing: -0.02em;\n    }\n    #didi-comms-terminal-x1 h1.didi-x1-h1 span {\n      color: var(--x1-brand-cyan);\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-desc {\n      font-size: 16px;\n      color: var(--x1-text-body);\n      line-height: 1.7;\n      margin: 0 0 16px 0;\n    }\n\n    \/* Meta Data Strip *\/\n    #didi-comms-terminal-x1 .didi-x1-meta-strip {\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n      margin-top: 32px;\n      padding-top: 24px;\n      border-top: 1px dashed var(--x1-border-bright);\n    }\n    #didi-comms-terminal-x1 .didi-x1-meta-item {\n      font-family: var(--x1-font-mono);\n      font-size: 11px;\n      color: var(--x1-text-mono);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n    #didi-comms-terminal-x1 .didi-x1-meta-item::before {\n      content: \"[+]\";\n      color: var(--x1-brand-yellow);\n    }\n\n    \/* --- Right: Visual Monitor --- *\/\n    #didi-comms-terminal-x1 .didi-x1-monitor {\n      position: relative;\n      background-color: #000;\n      min-height: 400px;\n      overflow: hidden;\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-monitor img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      opacity: 0.6;\n      transition: opacity 0.5s, transform 1s cubic-bezier(0.2, 1, 0.3, 1);\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-hero-split:hover .didi-x1-monitor img {\n      opacity: 0.85;\n      transform: scale(1.03);\n    }\n\n    \/* HUD Overlay Crosshairs & Vignette *\/\n    #didi-comms-terminal-x1 .didi-x1-monitor::before {\n      content: \"\";\n      position: absolute;\n      top: 0; left: 0; right: 0; bottom: 0;\n      box-shadow: inset 0 0 80px rgba(0,0,0,0.9);\n      pointer-events: none;\n      z-index: 2;\n    }\n    #didi-comms-terminal-x1 .didi-x1-monitor::after {\n      content: \"\";\n      position: absolute;\n      left: 50%; top: 0; bottom: 0;\n      width: 1px;\n      background-color: rgba(0, 216, 255, 0.2);\n      pointer-events: none;\n      z-index: 2;\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-cam-tag {\n      position: absolute;\n      bottom: 24px; right: 24px;\n      background-color: rgba(0, 0, 0, 0.8);\n      border: 1px solid var(--x1-border-bright);\n      padding: 6px 10px;\n      font-family: var(--x1-font-mono);\n      font-size: 10px;\n      color: var(--x1-brand-cyan);\n      z-index: 3;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n    #didi-comms-terminal-x1 .didi-x1-cam-tag::before {\n      content: \"\";\n      width: 6px; height: 6px;\n      border-radius: 50%;\n      background-color: #FF3B30; \/* Rec Red *\/\n      animation: didiPulse 2s infinite;\n    }\n    @keyframes didiPulse { 0% { opacity: 1; } 50% { opacity: 0.3; } 100% { opacity: 1; } }\n\n    \/* =========================================\n       2. BOTTOM COMMS MATRIX (4 Channels)\n       ========================================= *\/\n    #didi-comms-terminal-x1 .didi-x1-matrix {\n      display: grid;\n      grid-template-columns: repeat(4, 1fr);\n      gap: 1px; \/* The 1px grid line *\/\n      background-color: var(--x1-border-main);\n      border: 1px solid var(--x1-border-main);\n      \/* Bottom-right heavy chamfer *\/\n      clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-slot {\n      background-color: var(--x1-panel-bg);\n      padding: 32px 24px;\n      display: flex;\n      flex-direction: column;\n      position: relative;\n      text-decoration: none;\n      transition: background-color 0.3s ease;\n      overflow: hidden;\n    }\n\n    \/* Active Left Accent Line *\/\n    #didi-comms-terminal-x1 .didi-x1-slot::before {\n      content: \"\";\n      position: absolute;\n      top: 0; bottom: 0; left: 0;\n      width: 3px;\n      background-color: var(--x1-brand-cyan);\n      transform: scaleY(0);\n      transform-origin: bottom;\n      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      z-index: 3;\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-slot:hover {\n      background-color: var(--x1-panel-alt);\n    }\n    #didi-comms-terminal-x1 .didi-x1-slot:hover::before {\n      transform: scaleY(1);\n    }\n\n    \/* Channel Header *\/\n    #didi-comms-terminal-x1 .didi-x1-slot-header {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      margin-bottom: 24px;\n      border-bottom: 1px dashed var(--x1-border-bright);\n      padding-bottom: 16px;\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-idx {\n      font-family: var(--x1-font-mono);\n      font-size: 10px;\n      font-weight: 700;\n      color: #000;\n      background-color: var(--x1-text-mono);\n      padding: 4px 8px;\n      letter-spacing: 0.05em;\n      transition: background-color 0.3s;\n    }\n    #didi-comms-terminal-x1 .didi-x1-slot:hover .didi-x1-idx {\n      background-color: var(--x1-brand-yellow);\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-lbl {\n      font-size: 14px;\n      font-weight: 700;\n      color: var(--x1-text-body);\n      text-transform: uppercase;\n      letter-spacing: 0.05em;\n    }\n\n    \/* Data Value *\/\n    #didi-comms-terminal-x1 .didi-x1-val {\n      font-size: clamp(16px, 1.2vw, 18px);\n      font-weight: 800;\n      color: var(--x1-brand-cyan);\n      line-height: 1.4;\n      margin: 0 0 8px 0;\n      word-break: break-word;\n      transition: color 0.2s;\n    }\n    #didi-comms-terminal-x1 .didi-x1-slot:hover .didi-x1-val {\n      color: var(--x1-text-title);\n    }\n\n    #didi-comms-terminal-x1 .didi-x1-note {\n      font-family: var(--x1-font-mono);\n      font-size: 11px;\n      color: var(--x1-text-mono);\n      line-height: 1.5;\n    }\n\n    \/* =========================================\n       RESPONSIVE CONSTRAINTS\n       ========================================= *\/\n    @media (max-width: 1200px) {\n      #didi-comms-terminal-x1 .didi-x1-matrix {\n        grid-template-columns: repeat(2, 1fr);\n      }\n    }\n\n    @media (max-width: 992px) {\n      #didi-comms-terminal-x1 .didi-x1-hero-split {\n        grid-template-columns: 1fr;\n      }\n      #didi-comms-terminal-x1 .didi-x1-directive {\n        border-right: none;\n        border-bottom: 1px solid var(--x1-border-main);\n      }\n      #didi-comms-terminal-x1 .didi-x1-monitor {\n        aspect-ratio: 21 \/ 9;\n        min-height: auto;\n      }\n    }\n\n    @media (max-width: 640px) {\n      #didi-comms-terminal-x1 .didi-x1-matrix {\n        grid-template-columns: 1fr;\n      }\n      #didi-comms-terminal-x1 .didi-x1-monitor {\n        aspect-ratio: 16 \/ 9;\n      }\n    }\n  <\/style>\n\n  <div class=\"didi-x1-inner\">\n    \n    <div class=\"didi-x1-hero-split\">\n      \n      <div class=\"didi-x1-directive\">\n        <div class=\"didi-x1-sys-label\">SYS.00 \/\/ COMMS_LINK<\/div>\n        \n        <h1 class=\"didi-x1-h1\">\n          Tell us about your site.<br>\n          <span>We&#8217;ll bring the playground.<\/span>\n        <\/h1>\n        \n        <p class=\"didi-x1-desc\">\n          Whether you&#8217;re scouting a 200 m\u00b2 mall corner or commissioning a 3,000 m\u00b2 flagship \u2014 start the conversation here.\n        <\/p>\n        <p class=\"didi-x1-desc\">\n          Our team replies within one business day with a project lead, a few clarifying questions, and (if you&#8217;d like) an initial 3D concept brief.\n        <\/p>\n\n        <div class=\"didi-x1-meta-strip\">\n          <span class=\"didi-x1-meta-item\">Sales desk open now \u00b7 GMT+8<\/span>\n          <span class=\"didi-x1-meta-item\">Shipping to 40+ countries<\/span>\n          <span class=\"didi-x1-meta-item\">EN \u00b7 \u4e2d\u6587 \u00b7 Espa\u00f1ol \u00b7 \u0627\u0644\u0639\u0631\u0628\u064a\u0629<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"didi-x1-monitor\">\n        <img src=\"https:\/\/didiplayarea.com\/wp-content\/uploads\/2026\/05\/Contact-Us.jpg\" alt=\"Didi Playarea Manufacturing Facility Contact\" width=\"800\" height=\"600\" fetchpriority=\"high\" decoding=\"sync\">\n        <div class=\"didi-x1-cam-tag\">CAM_01 \/\/ LIVE_HQ<\/div>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"didi-x1-matrix\">\n      \n      <a href=\"mailto:cherry@didiplayarea.com\" class=\"didi-x1-slot\">\n        <div class=\"didi-x1-slot-header\">\n          <span class=\"didi-x1-idx\">[CH-01]<\/span>\n          <span class=\"didi-x1-lbl\">Email \u00b7 Sales<\/span>\n        <\/div>\n        <div class=\"didi-x1-val\">cherry@didiplayarea.com<\/div>\n        <div class=\"didi-x1-note\">> Best for project briefs &amp; quotes<\/div>\n      <\/a>\n\n      <a href=\"tel:+8619925879517\" class=\"didi-x1-slot\">\n        <div class=\"didi-x1-slot-header\">\n          <span class=\"didi-x1-idx\">[CH-02]<\/span>\n          <span class=\"didi-x1-lbl\">Phone \u00b7 WhatsApp<\/span>\n        <\/div>\n        <div class=\"didi-x1-val\">+86 199 2587 9517<\/div>\n        <div class=\"didi-x1-note\">> Mon\u2013Sat \u00b7 09:00\u201318:00 GMT+8<\/div>\n      <\/a>\n\n      <a href=\"https:\/\/didiplayarea.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"didi-x1-slot\">\n        <div class=\"didi-x1-slot-header\">\n          <span class=\"didi-x1-idx\">[CH-03]<\/span>\n          <span class=\"didi-x1-lbl\">Website \u00b7 Portfolio<\/span>\n        <\/div>\n        <div class=\"didi-x1-val\">didiplayarea.com<\/div>\n        <div class=\"didi-x1-note\">> Catalog, case studies, downloads<\/div>\n      <\/a>\n\n      <div class=\"didi-x1-slot\" style=\"cursor: default;\">\n        <div class=\"didi-x1-slot-header\">\n          <span class=\"didi-x1-idx\">[CH-04]<\/span>\n          <span class=\"didi-x1-lbl\">Headquarters \u00b7 Factory<\/span>\n        <\/div>\n        <div class=\"didi-x1-val\">Guangzhou, Panyu<\/div>\n        <div class=\"didi-x1-note\">> Visits welcome by appointment<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-792b0cb\" data-block-id=\"792b0cb\"><style>.stk-792b0cb {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-792b0cb-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2afc64b\" data-v=\"4\" data-block-id=\"2afc64b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2afc64b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-2afc64b-inner-blocks\">\n<style>\n\/* ==========================================================================\n   \u5168\u5c40\u6837\u5f0f\u4e0e\u5e95\u5c42\u9694\u79bb\n   ========================================================================== *\/\n#didi-premium-contact {\n    width: 100% !important;\n    background-color: #F4F7F9 !important;\n    padding: 60px 20px !important; \n    box-sizing: border-box !important;\n}\n\n#didi-premium-contact * {\n    box-sizing: border-box !important;\n}\n\n\/* ==========================================================================\n   \u9876\u90e8\u5168\u5bbd\u6807\u9898\u533a (\u5de6\u53f3\u6392\u5217\uff0c\u8d2f\u7a7f\u7f51\u683c)\n   ========================================================================== *\/\n#didi-premium-contact .didi-header-container {\n    max-width: 1500px !important;\n    margin: 0 auto 40px auto !important; \n    display: grid !important;\n    grid-template-columns: 1fr 1.3fr !important;\n    gap: 40px !important;\n    align-items: center !important; \n}\n\n#didi-premium-contact .didi-header-left {\n    padding-right: 20px !important; \/* \u7ed9\u5de6\u4fa7\u6587\u5b57\u4e00\u70b9\u547c\u5438\u7a7a\u95f4 *\/\n}\n\n#didi-premium-contact .didi-kicker {\n    display: block !important;\n    font-size: 14px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 2px !important;\n    color: #00D8FF !important; \/* \u54c1\u724c\u4e3b\u8272\u8c03 *\/\n    font-weight: 700 !important;\n    margin-bottom: 12px !important;\n}\n\n#didi-premium-contact h2.didi-main-heading {\n    font-size: 36px !important;\n    font-weight: 700 !important;\n    color: #111827 !important;\n    margin: 0 !important;\n    line-height: 1.25 !important;\n    letter-spacing: -0.5px !important;\n    padding: 0 !important;\n    border: none !important;\n}\n\n\/* \u53f3\u4fa7\u6587\u6848\u53ca\u4e3b\u8272\u8c03\u7ad6\u7ebf\u5206\u5272 *\/\n#didi-premium-contact .didi-header-right {\n    position: relative !important; \n    padding-left: 20px !important; \/* \u8ba9\u6587\u5b57\u8fdc\u79bb\u5206\u5272\u7ebf *\/\n}\n\n#didi-premium-contact .didi-header-right::before {\n    content: \"\" !important;\n    position: absolute !important;\n    left: -20px !important; \/* \u5b9a\u4f4d\u5728 Grid Gap \u7684\u6b63\u4e2d\u95f4 *\/\n    top: 5px !important;    \/* \u7a0d\u5fae\u7f29\u8fdb\uff0c\u4e0d\u8ba9\u7ebf\u6bd4\u6587\u5b57\u8fd8\u9ad8\uff0c\u663e\u5f97\u66f4\u7cbe\u81f4 *\/\n    bottom: 5px !important; \n    width: 3px !important;\n    background-color: #00D8FF !important; \/* \u4f7f\u7528\u4e3b\u8272\u8c03\u4f5c\u4e3a\u5206\u5272\u7ebf *\/\n    border-radius: 2px !important;\n}\n\n#didi-premium-contact .didi-intro-text {\n    font-size: 17px !important;\n    color: #4B5563 !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n}\n\n\/* ==========================================================================\n   \u5361\u7247\u533a Heading\n   ========================================================================== *\/\n#didi-premium-contact h2.didi-title-light {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    margin: 0 0 16px 0 !important;\n    line-height: 1.3 !important;\n    letter-spacing: -0.5px !important;\n    padding: 0 !important;\n    border: none !important;\n    color: #FFFFFF !important;\n}\n\n#didi-premium-contact h3.didi-subtitle {\n    font-size: 16px !important;\n    font-weight: 500 !important;\n    margin: 0 0 40px 0 !important;\n    line-height: 1.5 !important;\n    letter-spacing: 0.5px !important;\n    padding: 0 !important;\n    border: none !important;\n    color: #00D8FF !important; \n}\n\n\/* ==========================================================================\n   \u4e0b\u534a\u90e8\u5206\u6838\u5fc3\u5bb9\u5668\uff1a\u4e24\u5217\u5361\u7247\n   ========================================================================== *\/\n#didi-premium-contact .didi-cards-container {\n    max-width: 1500px !important;\n    margin: 0 auto !important;\n    display: grid !important;\n    grid-template-columns: 1fr 1.3fr !important;\n    gap: 40px !important;\n    align-items: stretch !important; \n}\n\n\/* ==========================================================================\n   \u5de6\u4fa7\uff1a\u6df1\u8272\u5de5\u7a0b\u8d28\u611f\u533a\n   ========================================================================== *\/\n#didi-premium-contact .didi-info-card {\n    background: linear-gradient(145deg, #0F172A 0%, #1E293B 100%) !important;\n    border-radius: 8px !important;\n    padding: 60px !important;\n    color: #F8FAFC !important;\n    box-shadow: 0 10px 40px rgba(15, 23, 42, 0.15) !important;\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important; \n    height: 100% !important; \n}\n\n#didi-premium-contact .didi-info-grid {\n    display: grid !important;\n    grid-template-columns: 1fr 1fr !important;\n    gap: 32px 24px !important;\n    align-content: start !important;\n}\n\n#didi-premium-contact .didi-full-col {\n    grid-column: 1 \/ -1 !important;\n}\n\n#didi-premium-contact .didi-label {\n    display: block !important;\n    font-size: 11px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 1.5px !important;\n    color: #94A3B8 !important;\n    margin-bottom: 8px !important;\n    font-weight: 600 !important;\n}\n\n#didi-premium-contact .didi-value {\n    display: block !important;\n    font-size: 15px !important;\n    color: #F1F5F9 !important;\n    font-weight: 500 !important;\n    line-height: 1.6 !important;\n}\n\n#didi-premium-contact .didi-value a {\n    color: #00D8FF !important;\n    text-decoration: none !important;\n    transition: all 0.3s ease !important;\n}\n\n#didi-premium-contact .didi-value a:hover {\n    color: #FFD848 !important; \n}\n\n#didi-premium-contact .didi-divider {\n    height: 1px !important;\n    background: rgba(255, 255, 255, 0.1) !important;\n    margin: 40px 0 24px 0 !important; \n    border: none !important;\n}\n\n#didi-premium-contact .didi-appointment {\n    display: flex !important;\n    align-items: center !important;\n    font-size: 15px !important;\n    font-weight: 600 !important;\n    color: #FFFFFF !important;\n}\n\n#didi-premium-contact .didi-appointment::before {\n    content: '' !important;\n    display: inline-block !important;\n    width: 6px !important;\n    height: 6px !important;\n    background-color: #FFD848 !important; \n    border-radius: 50% !important;\n    margin-right: 12px !important;\n}\n\n\/* ==========================================================================\n   \u53f3\u4fa7\uff1a\u7eaf\u8868\u5355\u767d\u8272\u5361\u7247\n   ========================================================================== *\/\n#didi-premium-contact .didi-right-col {\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: center !important; \n}\n\n#didi-premium-contact .didi-form-card {\n    background: #FFFFFF !important;\n    border-radius: 8px !important;\n    padding: 40px !important; \n    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04) !important;\n    border-top: 4px solid #00D8FF !important;\n}\n\n\/* ==========================================================================\n   \u54cd\u5e94\u5f0f\u8bbe\u8ba1\n   ========================================================================== *\/\n@media (max-width: 1200px) {\n    #didi-premium-contact .didi-form-card,\n    #didi-premium-contact .didi-info-card {\n        padding: 40px !important;\n    }\n}\n\n@media (max-width: 992px) {\n    \/* \u5e73\u677f\u53ca\u624b\u673a\u7aef\uff0c\u5168\u90e8\u53d8\u4e3a\u5355\u5217\u5782\u76f4\u6392\u5217 *\/\n    #didi-premium-contact .didi-header-container,\n    #didi-premium-contact .didi-cards-container {\n        grid-template-columns: 1fr !important;\n        align-items: start !important; \n        gap: 24px !important;\n    }\n    \n    #didi-premium-contact .didi-header-right {\n        padding-left: 0 !important; \/* \u624b\u673a\u7aef\u79fb\u9664\u5185\u8fb9\u8ddd *\/\n    }\n    \n    #didi-premium-contact .didi-header-right::before {\n        display: none !important; \/* \u624b\u673a\u7aef\u53d8\u4e3a\u4e0a\u4e0b\u6392\u7248\uff0c\u76f4\u63a5\u9690\u85cf\u5206\u5272\u7ebf *\/\n    }\n\n    #didi-premium-contact .didi-header-container {\n        margin-bottom: 32px !important;\n    }\n    #didi-premium-contact .didi-info-card {\n        height: auto !important;\n    }\n    #didi-premium-contact .didi-info-grid {\n        grid-template-columns: 1fr !important;\n    }\n}\n<\/style>\n\n<section id=\"didi-premium-contact\">\n    \n    <div class=\"didi-header-container\">\n        <div class=\"didi-header-left\">\n            <span class=\"didi-kicker\">Project Inquiry<\/span>\n            <h2 class=\"didi-main-heading\">Send the brief.<br>We&#8217;ll send back a real plan.<\/h2>\n        <\/div>\n        <div class=\"didi-header-right\">\n            <p class=\"didi-intro-text\">\n                The more we know upfront, the faster we get to a useful response \u2014 site size, country, target opening date. Anything you don&#8217;t know yet, just skip.\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <div class=\"didi-cards-container\">\n        \n        <div class=\"didi-info-card\">\n            <h2 class=\"didi-title-light\">Our Office<\/h2>\n            <h3 class=\"didi-subtitle\">Guangzhou Headquarters &#038; Factory<\/h3>\n\n            <div class=\"didi-info-grid\">\n                <div class=\"didi-full-col\">\n                    <span class=\"didi-label\">Company<\/span>\n                    <span class=\"didi-value\">Guangzhou Didi Land Amusement Equipment Co., Ltd.<\/span>\n                <\/div>\n                \n                <div class=\"didi-full-col\">\n                    <span class=\"didi-label\">Address<\/span>\n                    <span class=\"didi-value\">Unit 404, Building 5, No. 49 Xinshuikeng Section, Shixin Road, Dalong Street, Panyu District, Guangzhou, China<\/span>\n                <\/div>\n\n                <div>\n                    <span class=\"didi-label\">Email<\/span>\n                    <span class=\"didi-value\"><a href=\"mailto:conglizhang1@gmail.com\">conglizhang1@gmail.com<\/a><\/span>\n                <\/div>\n\n                <div>\n                    <span class=\"didi-label\">Phone \/ WhatsApp<\/span>\n                    <span class=\"didi-value\"><a href=\"tel:+8619925879517\">+86 199 2587 9517<\/a><\/span>\n                <\/div>\n\n                <div>\n                    <span class=\"didi-label\">Website<\/span>\n                    <span class=\"didi-value\"><a href=\"https:\/\/didiplayarea.com\" target=\"_blank\" rel=\"noopener noreferrer\">didiplayarea.com<\/a><\/span>\n                <\/div>\n\n                <div>\n                    <span class=\"didi-label\">Hours<\/span>\n                    <span class=\"didi-value\">Mon \u2013 Sat \u00b7 09:00 \u2013 18:00 GMT+8<br>Local time \u00b7 14:19<\/span>\n                <\/div>\n            <\/div>\n\n            <hr class=\"didi-divider\">\n            \n            <div class=\"didi-appointment\">\n                Factory visits by appointment\n            <\/div>\n        <\/div>\n\n        <div class=\"didi-right-col\">\n            <div class=\"didi-form-card\">\n                <div class=\"didi-form-wrapper\">\n                    <div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Contact Form \u4f7f\u7528\u4e2d<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='17' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"4c48ad0ae5\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/ar\/wp-json\/wp\/v2\/pages\/17\" \/><div data-type=\"name-element\" data-name=\"names\" class=\" ff-field_container ff-name-field-wrapper\" ><div class='ff-t-container'><div class='ff-t-cell '><div class='ff-el-group  ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_names_first_name_' id='label_ff_3_names_first_name_' >Your Name  *<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"names[first_name]\" id=\"ff_3_names_first_name_\" class=\"ff-el-form-control\" placeholder=\"Your Name *\" aria-invalid=\"false\" aria-required=true><\/div><\/div><\/div><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"Email\">Email<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address *\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_phone' id='label_ff_3_phone' aria-label=\"Phone\/WhatsApp\">Phone\/WhatsApp<\/label><\/div><div class='ff-el-input--content'><input name=\"phone\" class=\"ff-el-form-control ff-el-phone ff_el_with_extended_validation\" type=\"tel\" placeholder=\"Phone\/WhatsApp\" data-name=\"phone\" id=\"ff_3_phone\" inputmode=\"tel\"  aria-invalid='false' aria-required=false><\/div><\/div><div class='ff-el-group ff-el-form-hide_label'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_message' id='label_ff_3_message' aria-label=\"Your Message\">Your Message<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"true\" aria-labelledby=\"label_ff_3_message\" name=\"message\" id=\"ff_3_message\" class=\"ff-el-form-control\" placeholder=\"Please fill in your requirements, we will contact you within 12 hours *\" rows=\"4\" cols=\"2\" data-name=\"message\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-left ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style wpf_has_custom_css\"  aria-label=\"Submit Form\">Submit Form<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/didiplayarea.com\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\",\"asteriskPlacement\":\"asterisk-right\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"names[first_name]\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[middle_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"names[last_name]\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}},\"email\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"email\":{\"value\":true,\"message\":\"This field must contain a valid email\",\"global\":false,\"global_message\":\"This field must contain a valid email\"}},\"phone\":{\"required\":{\"value\":false,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"},\"valid_phone_number\":{\"value\":true,\"message\":\"Phone number is not valid\",\"global\":false,\"global_message\":\"Phone number is not valid\"}},\"message\":{\"required\":{\"value\":true,\"message\":\"This field is required\",\"global\":false,\"global_message\":\"This field is required\"}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n            \n                <\/div>\n            <\/div>\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"LocalBusiness\",\n  \"name\": \"Guangzhou Didi Land Amusement Equipment Co., Ltd.\",\n  \"image\": \"https:\/\/didiplayarea.com\/wp-content\/uploads\/logo.png\",\n  \"@id\": \"https:\/\/didiplayarea.com\/#business\",\n  \"url\": \"https:\/\/didiplayarea.com\",\n  \"telephone\": \"+86-199-2587-9517\",\n  \"email\": \"conglizhang1@gmail.com\",\n  \"address\": {\n    \"@type\": \"PostalAddress\",\n    \"streetAddress\": \"Unit 404, Building 5, No. 49 Xinshuikeng Section, Shixin Road, Dalong Street, Panyu District\",\n    \"addressLocality\": \"Guangzhou\",\n    \"addressRegion\": \"Guangdong\",\n    \"postalCode\": \"511400\",\n    \"addressCountry\": \"CN\"\n  },\n  \"openingHoursSpecification\": {\n    \"@type\": \"OpeningHoursSpecification\",\n    \"dayOfWeek\": [\n      \"Monday\",\n      \"Tuesday\",\n      \"Wednesday\",\n      \"Thursday\",\n      \"Friday\",\n      \"Saturday\"\n    ],\n    \"opens\": \"09:00\",\n    \"closes\": \"18:00\"\n  }\n}\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-7ef75dd\" data-block-id=\"7ef75dd\"><style>.stk-7ef75dd {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-7ef75dd-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6b1121b\" data-v=\"4\" data-block-id=\"6b1121b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-6b1121b-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-6b1121b-inner-blocks\">\n<style data-no-optimize=\"1\" data-no-minify=\"1\">\n  \/* Scope and CSS Reset for Module *\/\n  #contact-process-module {\n    width: 100% !important;\n    background-color: #ffffff !important; \n    padding: 80px 20px !important; \n    box-sizing: border-box !important;\n    overflow: hidden !important;\n    \/* font-family property intentionally removed to inherit from Blocksy theme *\/\n  }\n\n  #contact-process-module * {\n    box-sizing: border-box !important;\n    margin: 0;\n    padding: 0;\n  }\n\n  \/* 1600px \u6ee1\u5bbd\u5bb9\u5668 *\/\n  #contact-process-module .ep-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    display: flex !important;\n    flex-direction: column !important;\n  }\n\n  \/* --- Header Section --- *\/\n  #contact-process-module .module-header {\n    background-color: #ffffff !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important; \n    padding: 0 0 60px 0 !important; \n    gap: 60px !important;\n  }\n\n  #contact-process-module .header-left {\n    flex: 1 !important;\n    max-width: 600px !important;\n  }\n\n  #contact-process-module .header-right {\n    flex: 1.2 !important; \n    max-width: 800px !important;\n    border-left: 4px solid #00D8FF !important; \/* \u4e3b\u8272\u8c03\u7ad6\u7ebf *\/\n    padding-left: 40px !important; \n  }\n\n  #contact-process-module .module-eyebrow {\n    font-size: 16px !important; \n    font-weight: 700 !important;\n    color: #00D8FF !important; \n    text-transform: uppercase !important;\n    letter-spacing: 0.05em !important;\n    margin-bottom: 12px !important;\n    display: block !important;\n  }\n\n  \/* \u4e25\u683c\u63a7\u5236\u7684 H2 \u6807\u7b7e\u6837\u5f0f *\/\n  #contact-process-module h2.module-subtitle {\n    font-size: 32px !important; \n    font-weight: 700 !important;\n    color: #111111 !important;\n    margin: 0 !important;\n    line-height: 1.2 !important;\n  }\n\n  #contact-process-module .module-description {\n    font-size: 18px !important; \n    color: #555555 !important;\n    line-height: 1.6 !important;\n    margin: 0 !important;\n  }\n\n  \/* --- Process Steps Grid --- *\/\n  #contact-process-module .timeline-grid {\n    display: grid !important;\n    grid-template-columns: repeat(4, 1fr) !important;\n    gap: 1px !important;\n    background-color: #E5E7EB !important; \n    border: 1px solid #E5E7EB !important; \n  }\n\n  #contact-process-module .step-card {\n    background-color: #F4F7F9 !important; \n    padding: 50px 40px !important; \n    position: relative !important;\n    transition: background-color 0.3s ease, transform 0.5s ease, opacity 0.5s ease !important;\n    opacity: 0 !important; \n    transform: translateY(20px) !important; \n  }\n\n  #contact-process-module .step-card:hover {\n    background-color: #ffffff !important; \n  }\n\n  #contact-process-module .step-number {\n    font-size: 15px !important;\n    font-weight: 700 !important;\n    color: #111111 !important;\n    display: flex !important;\n    align-items: center !important;\n    margin-bottom: 24px !important;\n  }\n\n  #contact-process-module .step-number::before {\n    content: '' !important;\n    display: inline-block !important;\n    width: 24px !important;\n    height: 3px !important;\n    background-color: #00D8FF !important; \n    margin-right: 12px !important;\n  }\n\n  \/* \u4e25\u683c\u63a7\u5236\u7684 H3 \u6807\u7b7e\u6837\u5f0f *\/\n  #contact-process-module h3.step-title {\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    color: #111111 !important;\n    margin: 0 0 16px 0 !important;\n    line-height: 1.3 !important;\n  }\n\n  #contact-process-module .step-highlight {\n    display: inline-block !important;\n    font-size: 13px !important;\n    font-weight: 600 !important;\n    color: #111111 !important;\n    background-color: #FFD848 !important; \n    padding: 6px 12px !important;\n    border-radius: 4px !important;\n    margin-bottom: 20px !important;\n  }\n\n  #contact-process-module .step-text {\n    font-size: 15px !important;\n    color: #666666 !important;\n    line-height: 1.6 !important;\n  }\n\n  \/* Reveal Animation Utility *\/\n  #contact-process-module .step-card.is-visible {\n    opacity: 1 !important;\n    transform: translateY(0) !important;\n  }\n\n  \/* --- Responsive Design --- *\/\n  @media (max-width: 1200px) {\n    #contact-process-module .timeline-grid {\n      grid-template-columns: repeat(2, 1fr) !important;\n    }\n  }\n\n  @media (max-width: 992px) {\n    #contact-process-module .module-header {\n      flex-direction: column !important;\n      align-items: flex-start !important; \n      padding: 0 0 50px 0 !important;\n      gap: 30px !important;\n    }\n    #contact-process-module .header-left,\n    #contact-process-module .header-right {\n      max-width: 100% !important;\n    }\n    #contact-process-module .header-right {\n      border-left: none !important;\n      padding-left: 0 !important;\n      border-top: 4px solid #00D8FF !important;\n      padding-top: 20px !important;\n    }\n  }\n\n  @media (max-width:690px) {\n    #contact-process-module .timeline-grid {\n      grid-template-columns: 1fr !important;\n    }\n    #contact-process-module .step-card {\n      padding: 40px 30px !important;\n    }\n    #contact-process-module h2.module-subtitle {\n      font-size: 28px !important; \/* \u79fb\u52a8\u7aef\u5fae\u8c03\u5927\u5c0f\u4fdd\u8bc1\u6392\u7248\u4e0d\u7834\u88c2 *\/\n    }\n    #contact-process-module .module-description {\n      font-size: 16px !important;\n    }\n  }\n<\/style>\n\n<section id=\"contact-process-module\">\n  <div class=\"ep-container\">\n    \n    <header class=\"module-header\">\n      <div class=\"header-left\">\n        <span class=\"module-eyebrow\">What Happens Next<\/span>\n        <h2 class=\"module-subtitle\">From inquiry to opening day.<\/h2>\n      <\/div>\n      <div class=\"header-right\">\n        <p class=\"module-description\">\n          We don&#8217;t disappear after the first reply. Here&#8217;s exactly what to expect \u2014 every milestone from your email landing in our inbox to your playground welcoming its first guest.\n        <\/p>\n      <\/div>\n    <\/header>\n\n    <div class=\"timeline-grid\">\n      \n      <article class=\"step-card reveal-target\">\n        <div class=\"step-number\">01<\/div>\n        <h3 class=\"step-title\">Day 1 Reply<\/h3>\n        <div class=\"step-highlight\">A real person, within 24 hours.<\/div>\n        <p class=\"step-text\">\n          Your project lead introduces themselves, confirms what we&#8217;ve understood, and lists a few clarifying questions.\n        <\/p>\n      <\/article>\n\n      <article class=\"step-card reveal-target\" style=\"transition-delay: 0.1s !important;\">\n        <div class=\"step-number\">02<\/div>\n        <h3 class=\"step-title\">Week 1 Brief &#038; Concept<\/h3>\n        <div class=\"step-highlight\">3D renders + budget bands.<\/div>\n        <p class=\"step-text\">\n          You receive first-pass renders, a layout option or two, and indicative budget ranges so you can socialise the project.\n        <\/p>\n      <\/article>\n\n      <article class=\"step-card reveal-target\" style=\"transition-delay: 0.2s !important;\">\n        <div class=\"step-number\">03<\/div>\n        <h3 class=\"step-title\">Week 2\u20133 Proposal<\/h3>\n        <div class=\"step-highlight\">Detailed quote &#038; timeline.<\/div>\n        <p class=\"step-text\">\n          Final layout, full bill of materials, certifications, shipping plan, payment terms \u2014 everything needed to greenlight.\n        <\/p>\n      <\/article>\n\n      <article class=\"step-card reveal-target\" style=\"transition-delay: 0.3s !important;\">\n        <div class=\"step-number\">04<\/div>\n        <h3 class=\"step-title\">Opening Delivered<\/h3>\n        <div class=\"step-highlight\">Installed and ready to trade.<\/div>\n        <p class=\"step-text\">\n          Our team flies to site for assembly and operator handover. You open your doors. We stay reachable for aftercare.\n        <\/p>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<script data-no-optimize=\"1\" data-no-minify=\"1\">\n  document.addEventListener('DOMContentLoaded', function() {\n    const processModule = document.getElementById('contact-process-module');\n    if (!processModule) return;\n\n    const revealElements = processModule.querySelectorAll('.reveal-target');\n    \n    if ('IntersectionObserver' in window) {\n      const observerOptions = {\n        root: null,\n        rootMargin: '0px',\n        threshold: 0.15\n      };\n\n      const elementObserver = new IntersectionObserver(function(entries, observer) {\n        entries.forEach(function(entry) {\n          if (entry.isIntersecting) {\n            entry.target.classList.add('is-visible');\n            observer.unobserve(entry.target); \n          }\n        });\n      }, observerOptions);\n\n      revealElements.forEach(function(el) {\n        elementObserver.observe(el);\n      });\n    } else {\n      revealElements.forEach(function(el) {\n        el.classList.add('is-visible');\n      });\n    }\n  });\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-db3fbb6\" data-block-id=\"db3fbb6\"><style>.stk-db3fbb6 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-db3fbb6-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-ec5e43a\" data-v=\"4\" data-block-id=\"ec5e43a\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-ec5e43a-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-ec5e43a-inner-blocks\">\n<style>\n\/* 1. Scope & Layout: \u9876\u7ea7\u5bb9\u5668\uff0c\u4f7f\u7528\u6df1\u6d77\u84dd\u80cc\u666f\uff0c\u65e0\u4efb\u4f55\u5916\u90e8\u8d44\u6e90\u5f15\u5165\uff0c\u6781\u901f\u52a0\u8f7d *\/\n#b2b-popup-hero-800 {\n    width: 100% !important;\n    padding: 60px 20px !important; \/* \u5145\u8db3\u7684\u4e0a\u4e0b\u7559\u767d\uff0c\u8425\u9020 B \u7aef\u5927\u5382\u7684\u4ece\u5bb9\u611f *\/\n    background-color: #1B2436 !important; \n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    justify-content: center !important;\n    box-sizing: border-box !important;\n    \/* \u7ee7\u627f\u4e3b\u9898\u5b57\u4f53\uff0c\u575a\u51b3\u4e0d\u5199 font-family \u5c5e\u6027 *\/\n}\n\n\/* \u9650\u5236\u6700\u5927\u9605\u8bfb\u5bbd\u5ea6\uff0c\u4fdd\u8bc1\u591a\u884c\u6587\u672c\u7684\u89c6\u7ebf\u805a\u7126 *\/\n#b2b-popup-hero-800 .content-wrapper {\n    max-width: 800px !important;\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    align-items: center !important;\n    text-align: center !important;\n    box-sizing: border-box !important;\n}\n\n\/* --- Kicker (\u5f15\u8a00\u533a) --- *\/\n#b2b-popup-hero-800 .kicker-wrapper {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    margin-bottom: 20px !important;\n}\n\n\/* \u54c1\u724c\u526f\u8272\u8c03\u88c5\u9970\u7ebf\uff0c\u63d0\u5347\u7cbe\u5bc6\u5de5\u4e1a\u611f *\/\n#b2b-popup-hero-800 .kicker-line {\n    width: 30px !important;\n    height: 2px !important;\n    background-color: #FFD848 !important;\n    margin-right: 12px !important;\n}\n\n\/* \u5f15\u5bfc\u6587\u4f7f\u7528 p \u6807\u7b7e\uff0c\u4e0d\u5360\u7528 Heading \u6743\u91cd *\/\n#b2b-popup-hero-800 p.kicker-text {\n    font-size: 13px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 2px !important;\n    color: #FFD848 !important;\n    margin: 0 !important; \n}\n\n\/* --- \u4e3b\u6807\u9898 (\u4e25\u683c\u6267\u884c H2, 32px, font-weight 700) --- *\/\n#b2b-popup-hero-800 h2.main-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #FFFFFF !important;\n    line-height: 1.3 !important;\n    margin: 0 0 24px 0 !important;\n    letter-spacing: -0.5px !important;\n}\n\n\/* \u6807\u9898\u5c40\u90e8\u9ad8\u4eae\uff0c\u4f7f\u7528\u4e3b\u8272\u8c03\u9752\u8272\uff0c\u6253\u7834\u6df1\u8272\u7684\u6c89\u95f7 *\/\n#b2b-popup-hero-800 h2.main-title .highlight {\n    color: #00D8FF !important;\n}\n\n\/* --- \u6b63\u6587\u6bb5\u843d --- *\/\n#b2b-popup-hero-800 p.body-desc {\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    color: #A0ABB8 !important; \/* \u51b7\u611f\u7070\uff0c\u5728\u6df1\u8272\u80cc\u666f\u4e0a\u6781\u5176\u8010\u770b *\/\n    line-height: 1.6 !important;\n    margin: 0 0 40px 0 !important;\n    max-width: 680px !important;\n}\n\n\/* --- \u5f39\u7a97\u89e6\u53d1\u6838\u5fc3\u6309\u94ae --- *\/\n#b2b-popup-hero-800 a.btn-trigger {\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    padding: 18px 48px !important; \/* \u52a0\u5927\u53ef\u70b9\u51fb\u533a\u57df\uff0c\u63d0\u5347\u4f53\u91cf\u611f *\/\n    font-size: 16px !important;\n    font-weight: 700 !important;\n    text-decoration: none !important;\n    \/* \u6452\u5f03\u5168\u5706\u89d2\u80f6\u56ca\u5f62\uff0c\u6539\u7528 4px \u5fae\u5706\u89d2\uff0c\u66f4\u7b26\u5408\u5de5\u4e1a\/\u533b\u7597\/\u4e0a\u5e02\u4f01\u4e1a\u7684\u4e25\u8c28\u786c\u6717 *\/\n    border-radius: 4px !important; \n    background-color: #00D8FF !important;\n    color: #000000 !important;\n    border: 1px solid #00D8FF !important;\n    transition: all 0.3s ease !important;\n    cursor: pointer !important;\n}\n\n#b2b-popup-hero-800 a.btn-trigger:hover {\n    background-color: #FFFFFF !important;\n    border-color: #FFFFFF !important;\n    transform: translateY(-2px) !important;\n    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2) !important;\n}\n\n\/* \u54cd\u5e94\u5f0f\u65ad\u70b9\uff1a\u9488\u5bf9\u79fb\u52a8\u7aef\u81ea\u52a8\u6298\u53e0\u548c\u5b57\u53f7\u5fae\u8c03 *\/\n@media (max-width:690px) {\n    #b2b-popup-hero-800 {\n        padding: 50px 20px !important;\n    }\n    \/* \u79fb\u52a8\u7aef H2 \u6309\u9700\u5fae\u8c03\uff0c\u4fdd\u8bc1\u4e0d\u6298\u884c\u8fc7\u591a *\/\n    #b2b-popup-hero-800 h2.main-title {\n        font-size: 28px !important; \n    }\n    #b2b-popup-hero-800 a.btn-trigger {\n        width: 100% !important;\n        box-sizing: border-box !important;\n    }\n}\n<\/style>\n\n<section id=\"b2b-popup-hero-800\">\n    <div class=\"content-wrapper\">\n        \n        <div class=\"kicker-wrapper\">\n            <div class=\"kicker-line\"><\/div>\n            <p class=\"kicker-text\">Or Just Say Hi<\/p>\n        <\/div>\n\n        <h2 class=\"main-title\">Prefer to <span class=\"highlight\">talk first?<\/span><\/h2>\n\n        <p class=\"body-desc\">\n            If a form feels too formal for stage zero, send a one-line email or message us on WhatsApp. We&#8217;re happy to start with &#8220;I&#8217;m thinking about a space in [city] \u2014 what&#8217;s possible?&#8221;\n        <\/p>\n\n        <a href=\"#ct-popup-800\" class=\"btn-trigger\">Email us directly &rarr;<\/a>\n\n    <\/div>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-1049868\" data-block-id=\"1049868\"><style>.stk-1049868 {margin-bottom:0px !important;}<\/style><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-1049868-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d127175\" data-v=\"4\" data-block-id=\"d127175\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d127175-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d127175-inner-blocks\">\n<!-- B2B Industrial FAQ Module (Performance Optimized Edition) -->\n<style>\n\/* 1. \u6700\u9ad8\u5c42\u7ea7\u9694\u79bb\uff0c\u9632\u6b62\u6c61\u67d3 *\/\n#custom-b2b-faq-module {\n    width: 100% !important;\n    background-color: transparent !important;\n    box-sizing: border-box !important;\n    \/* \u4e0a\u4e0bpadding 40px (\u7b26\u5408 30px-50px \u8981\u6c42)\uff0c\u5de6\u53f315px\u9002\u914d\u79fb\u52a8\u7aef *\/\n    padding: 40px 15px !important; \n    margin: 0 auto !important;\n}\n\n#custom-b2b-faq-module *,\n#custom-b2b-faq-module *::before,\n#custom-b2b-faq-module *::after {\n    box-sizing: border-box !important;\n}\n\n\/* 2. \u5bbd\u5ea6\u8c03\u6574\u4e0e\u6574\u4f53\u5e03\u5c40 *\/\n#custom-b2b-faq-module .faq-container {\n    max-width: 1400px !important; \/* 1400px \u5bbd\u5e45 *\/\n    margin: 0 auto !important;\n    width: 100% !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 24px !important; \n}\n\n#custom-b2b-faq-module .faq-header-wrapper {\n    text-align: center !important;\n    margin-bottom: 8px !important; \n}\n\n\/* 3. SEO H2 \u6807\u7b7e\u89c4\u8303 (32px, 700\u5b57\u91cd, \u7ee7\u627f\u4e3b\u9898\u5b57\u4f53, \u4f7f\u7528\u4e3b\u8272\u8c03) *\/\n#custom-b2b-faq-module h2.faq-main-title {\n    font-size: 32px !important;\n    font-weight: 700 !important;\n    color: #00D8FF !important; \/* \u5df2\u66f4\u65b0\u4e3a\u4e3b\u8272\u8c03 *\/\n    margin: 0 0 8px 0 !important;\n    line-height: 1.2 !important;\n    padding: 0 !important;\n    border: none !important;\n}\n\n#custom-b2b-faq-module .faq-sub-title {\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    color: #555555 !important;\n    margin: 0 !important;\n    line-height: 1.5 !important;\n}\n\n\/* 4. \u7d27\u51d1\u578b\u5217\u8868\u5e03\u5c40 *\/\n#custom-b2b-faq-module .faq-list {\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 12px !important; \n    width: 100% !important;\n}\n\n#custom-b2b-faq-module .faq-item {\n    background-color: #ffffff !important;\n    border: 1px solid #e0e0e0 !important;\n    border-radius: 4px !important; \n    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;\n}\n\n#custom-b2b-faq-module .faq-item:hover {\n    border-color: #00D8FF !important;\n    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important; \n}\n\n#custom-b2b-faq-module .faq-question-area {\n    padding: 20px 24px !important;\n    display: flex !important;\n    justify-content: space-between !important;\n    align-items: center !important;\n    cursor: pointer !important;\n    background-color: #fafafa !important; \n    transition: background-color 0.2s ease !important;\n    border-radius: 4px !important;\n}\n\n#custom-b2b-faq-module .faq-question-area:hover {\n    background-color: #ffffff !important;\n}\n\n\/* SEO H3 \u95ee\u9898\u6807\u7b7e *\/\n#custom-b2b-faq-module h3.faq-question-text {\n    font-size: 18px !important;\n    font-weight: 600 !important;\n    color: #222222 !important;\n    line-height: 1.4 !important;\n    margin: 0 !important;\n    padding: 0 20px 0 0 !important;\n    border: none !important;\n    pointer-events: none !important;\n}\n\n\/* SVG Icon *\/\n#custom-b2b-faq-module .faq-icon {\n    flex-shrink: 0 !important;\n    width: 20px !important;\n    height: 20px !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;\n    color: #666666 !important;\n    pointer-events: none !important;\n}\n\n#custom-b2b-faq-module .faq-icon svg {\n    width: 100% !important;\n    height: 100% !important;\n    fill: currentColor !important;\n}\n\n\/* \u6fc0\u6d3b\u72b6\u6001\u6837\u5f0f *\/\n#custom-b2b-faq-module .faq-item.active {\n    border-color: #00D8FF !important;\n    background-color: #ffffff !important;\n}\n\n#custom-b2b-faq-module .faq-item.active .faq-question-area {\n    background-color: #ffffff !important;\n    border-bottom: 1px solid #f0f0f0 !important;\n    border-bottom-left-radius: 0 !important;\n    border-bottom-right-radius: 0 !important;\n}\n\n#custom-b2b-faq-module .faq-item.active .faq-icon {\n    transform: rotate(180deg) !important;\n    color: #00D8FF !important; \n}\n\n#custom-b2b-faq-module .faq-item.active h3.faq-question-text {\n    color: #00D8FF !important;\n}\n\n\/* 5. \u6027\u80fd\u9769\u547d\uff1aCSS Grid \u786c\u4ef6\u52a0\u901f\u52a8\u753b *\/\n#custom-b2b-faq-module .faq-answer-grid {\n    display: grid !important;\n    grid-template-rows: 0fr !important;\n    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1) !important;\n}\n\n#custom-b2b-faq-module .faq-item.active .faq-answer-grid {\n    grid-template-rows: 1fr !important;\n}\n\n#custom-b2b-faq-module .faq-answer-inner {\n    overflow: hidden !important;\n}\n\n#custom-b2b-faq-module .faq-answer-content {\n    padding: 24px !important;\n    font-size: 16px !important;\n    font-weight: 400 !important;\n    line-height: 1.6 !important;\n    color: #444444 !important;\n    margin: 0 !important;\n}\n\n\/* \u54cd\u5e94\u5f0f\u9002\u914d *\/\n@media (max-width:690px) {\n    #custom-b2b-faq-module {\n        padding: 30px 15px !important;\n    }\n    #custom-b2b-faq-module h2.faq-main-title {\n        font-size: 26px !important;\n    }\n    #custom-b2b-faq-module h3.faq-question-text {\n        font-size: 16px !important;\n    }\n    #custom-b2b-faq-module .faq-question-area {\n        padding: 16px 20px !important;\n    }\n    #custom-b2b-faq-module .faq-answer-content {\n        padding: 20px !important;\n        font-size: 15px !important;\n    }\n}\n<\/style>\n\n<!-- Schema.org \u7ed3\u6784\u5316\u6570\u636e -->\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Do you ship internationally? Which countries do you serve?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes \u2014 we have completed projects across Asia, the Middle East, Europe, Africa, and the Americas. We handle ocean freight, customs documentation, and door-to-door logistics from our Guangzhou facility. If you can share the destination port and city, we can include shipping in your initial quote.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is there a minimum order value or site size?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"We don't enforce a hard minimum \u2014 we have served everything from boutique 80 m\u00b2 installs to flagship 5,000 m\u00b2 destinations. That said, projects under 200 m\u00b2 are typically more cost-efficient when bundled with another order or chosen from our catalogue series; we'll advise honestly during the brief.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How long does a typical project take, from brief to opening?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Lead times vary by scope. A small standard playground can ship in 30\u201345 days from final design sign-off. A mid-size custom build is typically 60\u201390 days production, plus shipping and on-site installation (usually 1\u20133 weeks). Large flagship projects run 4\u20136 months end-to-end. We'll commit to specific dates in writing once the design is locked.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Can the playground be fully customised to our brand and IP?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Absolutely. Custom theming \u2014 colours, characters, layout, integrated retail, party rooms, themed entrances \u2014 is a core part of what we offer. Our design team produces 3D renderings before any production begins, so you sign off on the look and feel up front.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What certifications do your products carry?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"All our products are built to ASTM, T\u00dcV, CE, and ISO international standards. Materials are sourced from environmentally certified suppliers. We provide test certificates and compliance documentation as part of every shipment, and we can advise on additional local certifications required in your market.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"What about installation, training, and after-sales support?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Our own installation team travels to your site to assemble the equipment and train your staff on operations, safety checks, and cleaning. After opening, we remain your point of contact for spare parts, technical questions, and refresh planning \u2014 most operators return to us for their second and third locations.\"\n      }\n    }\n  ]\n}\n<\/script>\n\n<!-- HTML \u6a21\u5757\u6838\u5fc3 -->\n<section id=\"custom-b2b-faq-module\">\n    <div class=\"faq-container\">\n        \n        <div class=\"faq-header-wrapper\">\n            <h2 class=\"faq-main-title\">FAQ<\/h2>\n            <p class=\"faq-sub-title\">Common questions, before you ask.<\/p>\n        <\/div>\n\n        <div class=\"faq-list\">\n            \n            <!-- FAQ Item 1 (\u9ed8\u8ba4\u5c55\u5f00 class=\"active\") -->\n            <div class=\"faq-item active\">\n                <div class=\"faq-question-area\" aria-expanded=\"true\">\n                    <h3 class=\"faq-question-text\">Do you ship internationally? Which countries do you serve?<\/h3>\n                    <div class=\"faq-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <!-- CSS Grid \u52a8\u753b\u7ed3\u6784 -->\n                <div class=\"faq-answer-grid\">\n                    <div class=\"faq-answer-inner\">\n                        <div class=\"faq-answer-content\">\n                            Yes \u2014 we have completed projects across Asia, the Middle East, Europe, Africa, and the Americas. We handle ocean freight, customs documentation, and door-to-door logistics from our Guangzhou facility. If you can share the destination port and city, we can include shipping in your initial quote.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 2 -->\n            <div class=\"faq-item\">\n                <div class=\"faq-question-area\" aria-expanded=\"false\">\n                    <h3 class=\"faq-question-text\">Is there a minimum order value or site size?<\/h3>\n                    <div class=\"faq-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-answer-grid\">\n                    <div class=\"faq-answer-inner\">\n                        <div class=\"faq-answer-content\">\n                            We don&#8217;t enforce a hard minimum \u2014 we have served everything from boutique 80 m\u00b2 installs to flagship 5,000 m\u00b2 destinations. That said, projects under 200 m\u00b2 are typically more cost-efficient when bundled with another order or chosen from our catalogue series; we&#8217;ll advise honestly during the brief.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 3 -->\n            <div class=\"faq-item\">\n                <div class=\"faq-question-area\" aria-expanded=\"false\">\n                    <h3 class=\"faq-question-text\">How long does a typical project take, from brief to opening?<\/h3>\n                    <div class=\"faq-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-answer-grid\">\n                    <div class=\"faq-answer-inner\">\n                        <div class=\"faq-answer-content\">\n                            Lead times vary by scope. A small standard playground can ship in 30\u201345 days from final design sign-off. A mid-size custom build is typically 60\u201390 days production, plus shipping and on-site installation (usually 1\u20133 weeks). Large flagship projects run 4\u20136 months end-to-end. We&#8217;ll commit to specific dates in writing once the design is locked.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 4 -->\n            <div class=\"faq-item\">\n                <div class=\"faq-question-area\" aria-expanded=\"false\">\n                    <h3 class=\"faq-question-text\">Can the playground be fully customised to our brand and IP?<\/h3>\n                    <div class=\"faq-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-answer-grid\">\n                    <div class=\"faq-answer-inner\">\n                        <div class=\"faq-answer-content\">\n                            Absolutely. Custom theming \u2014 colours, characters, layout, integrated retail, party rooms, themed entrances \u2014 is a core part of what we offer. Our design team produces 3D renderings before any production begins, so you sign off on the look and feel up front.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 5 -->\n            <div class=\"faq-item\">\n                <div class=\"faq-question-area\" aria-expanded=\"false\">\n                    <h3 class=\"faq-question-text\">What certifications do your products carry?<\/h3>\n                    <div class=\"faq-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-answer-grid\">\n                    <div class=\"faq-answer-inner\">\n                        <div class=\"faq-answer-content\">\n                            All our products are built to ASTM, T\u00dcV, CE, and ISO international standards. Materials are sourced from environmentally certified suppliers. We provide test certificates and compliance documentation as part of every shipment, and we can advise on additional local certifications required in your market.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- FAQ Item 6 -->\n            <div class=\"faq-item\">\n                <div class=\"faq-question-area\" aria-expanded=\"false\">\n                    <h3 class=\"faq-question-text\">What about installation, training, and after-sales support?<\/h3>\n                    <div class=\"faq-icon\">\n                        <svg viewBox=\"0 0 24 24\"><path d=\"M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z\"\/><\/svg>\n                    <\/div>\n                <\/div>\n                <div class=\"faq-answer-grid\">\n                    <div class=\"faq-answer-inner\">\n                        <div class=\"faq-answer-content\">\n                            Our own installation team travels to your site to assemble the equipment and train your staff on operations, safety checks, and cleaning. After opening, we remain your point of contact for spare parts, technical questions, and refresh planning \u2014 most operators return to us for their second and third locations.\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n<!-- \u9ad8\u6027\u80fd Vanilla JS\uff1a\u4e8b\u4ef6\u59d4\u6258\u65b9\u6848 -->\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n    const faqContainer = document.getElementById('custom-b2b-faq-module');\n    if (!faqContainer) return;\n\n    faqContainer.addEventListener('click', function(e) {\n        const questionArea = e.target.closest('.faq-question-area');\n        if (!questionArea) return;\n\n        const currentItem = questionArea.closest('.faq-item');\n        if (!currentItem) return;\n\n        const isActive = currentItem.classList.contains('active');\n\n        \/\/ \u5173\u95ed\u5176\u4ed6\u5df2\u5c55\u5f00\u7684\u9879\u76ee\n        const allItems = faqContainer.querySelectorAll('.faq-item');\n        allItems.forEach(function(item) {\n            if (item !== currentItem && item.classList.contains('active')) {\n                item.classList.remove('active');\n                item.querySelector('.faq-question-area').setAttribute('aria-expanded', 'false');\n            }\n        });\n\n        \/\/ \u5207\u6362\u5f53\u524d\u70b9\u51fb\u7684\u9879\u76ee\u72b6\u6001\n        if (!isActive) {\n            currentItem.classList.add('active');\n            questionArea.setAttribute('aria-expanded', 'true');\n        } else {\n            currentItem.classList.remove('active');\n            questionArea.setAttribute('aria-expanded', 'false');\n        }\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-429b1dd\" data-block-id=\"429b1dd\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-429b1dd-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-1944802\" data-v=\"4\" data-block-id=\"1944802\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-1944802-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-1944802-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>SYS.00 \/\/ COMMS_LINK Tell us about your site. We&#8217;ll bring the playground. Whether you&#8217;re scouting a 200 m\u00b2 mall corner or commissioning a 3,000 m\u00b2 flagship \u2014 start the conversation here. Our team replies within one business day with a project lead, a few clarifying questions, and (if you&#8217;d like) an initial 3D concept brief. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-17","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"page_title_panel":"","has_hero_section":"disabled","e37fe3d1f2b8ef45954126c9dc201379":"","hero_section":"type-1","hero_elements":[{"id":"custom_title","enabled":true,"heading_tag":"h1","title":"\u0628\u064a\u062a"},{"id":"custom_description","enabled":true,"description_visibility":{"desktop":true,"tablet":true,"mobile":false}},{"id":"custom_meta","enabled":false,"meta_elements":[{"id":"author","enabled":true,"label":"By","has_author_avatar":"yes","avatar_size":25},{"id":"post_date","enabled":true,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"updated_date","enabled":false,"label":"On","date_format_source":"default","date_format":"M j, Y"},{"id":"categories","enabled":false,"label":"In","style":"simple"},{"id":"comments","enabled":true}],"page_meta_elements":{"joined":true,"articles_count":true,"comments":true}},{"id":"breadcrumbs","enabled":false}],"4d051528ea1bbd628d4f05c433b89674":"","hero_alignment1":"CT_CSS_SKIP_RULE","hero_margin":40,"hero_alignment2":"center","hero_vertical_alignment":"center","4882edb7f6bbee10edc1739cb807b323":"","hero_structure":"narrow","5d8c77385b1854b9aaf8712d83d1dfcd":"","page_title_bg_type":"featured_image","custom_hero_background":{"attachment_id":null},"page_title_image_size":"full","parallax":{"desktop":false,"tablet":false,"mobile":false},"33e6d4720aa5a5ddfc8c1111ca11b66c":"","hero_height":"250px","pageTitleFont":{"family":"Default","variation":"Default","size":"30px","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageTitleFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageMetaFont":{"family":"Default","variation":"n6","size":"12px","line-height":"1.3","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"uppercase","text-decoration":"CT_CSS_SKIP_RULE"},"pageMetaFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_font_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"page_meta_button_type_background_colors":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageExcerptFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"pageExcerptColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"breadcrumbsFont":{"family":"Default","variation":"Default","size":"CT_CSS_SKIP_RULE","line-height":"CT_CSS_SKIP_RULE","letter-spacing":"CT_CSS_SKIP_RULE","text-transform":"CT_CSS_SKIP_RULE","text-decoration":"CT_CSS_SKIP_RULE"},"breadcrumbsFontColor":{"default":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"initial":{"color":"CT_CSS_SKIP_RULEDEFAULT"},"hover":{"color":"CT_CSS_SKIP_RULEDEFAULT"}},"pageTitleOverlay":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"pageTitleBackground":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-6)"}}},"pageTitlePadding":{"top":"50px","bottom":"50px","left":"auto","right":"auto","linked":true},"38b08d26eedebe0c0ad9780d043af081":"","page_structure_type":"default","22f4e2247730630ddcf1d2b736dbc81d":"","content_style_source":"inherit","content_style":"wide","vertical_spacing_source":"custom","content_area_spacing":"none","background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"CT_CSS_SKIP_RULE"}}},"content_background":{"background_type":"color","background_pattern":"type-1","background_image":{"attachment_id":null,"x":0,"y":0},"gradient":"linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%)","background_repeat":"repeat","background_size":"auto","background_attachment":"scroll","patternColor":{"default":{"color":"#e5e7ea"}},"overlayColor":{"default":{"color":"CT_CSS_SKIP_RULE"}},"backgroundColor":{"default":{"color":"var(--theme-palette-color-8)"}}},"content_boxed_shadow":{"inherit":false,"blur":18,"spread":-6,"v_offset":12,"h_offset":0,"inset":false,"enable":true,"color":{"color":"rgba(34, 56, 101, 0.04)"}},"content_boxed_border":{"width":1,"style":"none","color":{"color":"rgba(44,62,80,0.2)"}},"content_boxed_radius":{"top":"3px","bottom":"3px","left":"3px","right":"3px","linked":true},"boxed_content_spacing":{"desktop":{"top":"40px","bottom":"40px","left":"40px","right":"40px","linked":true},"tablet":{"top":"35px","bottom":"35px","left":"35px","right":"35px","linked":true},"mobile":{"top":"20px","bottom":"20px","left":"20px","right":"20px","linked":true}},"187cc48ed5f490ee352644d154bc3cd0":"","disable_featured_image":"no","disable_share_box":"no","disable_header":"no","disable_footer":"no"},"_links":{"self":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":0,"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"wp:attachment":[{"href":"https:\/\/didiplayarea.com\/ar\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}