{"id":83,"date":"2026-07-05T16:20:22","date_gmt":"2026-07-05T16:20:22","guid":{"rendered":"https:\/\/www.dragonsmove.com\/?page_id=83"},"modified":"2026-08-04T13:00:39","modified_gmt":"2026-08-04T13:00:39","slug":"contact-us","status":"publish","type":"page","link":"https:\/\/www.dragonsmove.com\/?page_id=83","title":{"rendered":"Contact us"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Contact Us | Dragons Move<\/title>\n\n\n\n\n\n\n\n\n<!--\n  DRAGONS MOVE CO., LTD. \u2014 CONTACT US PAGE (ENGLISH VERSION)\n  ----------------------------------------------------\n  HOW TO USE IN WORDPRESS\n  1. Edit the page with the Block Editor (Gutenberg).\n  2. Add a \"Custom HTML\" block (search \"Custom HTML\" in the block inserter).\n  3. Paste this ENTIRE file into that block, then Preview\/Publish.\n     (If you use Elementor\/Divi, paste it into an \"HTML\" widget\/module instead.)\n  4. All styles are scoped under the #dm-contact-en wrapper, so it will not\n     leak into or fight with your theme's global styles \u2014 and it shares the\n     same color\/type tokens as the Home page (#dm-home) and the Thai\n     Contact Us page (#dm-contact-th).\n  5. If your theme's max content width fights the full-bleed sections,\n     assign this page a \"Full Width\" \/ \"Canvas\" \/ \"Blank\" template if\n     your theme offers one (Page Attributes -> Template).\n  6. The Google Map iframe below already points at the confirmed office\n     location. If the office ever moves, generate a new embed link from\n     Google Maps (Share -> Embed a map -> Copy HTML) and swap the iframe.\n  7. This page uses a SEPARATE Contact Form 7 form so its labels and\n     placeholders can be in English. In WordPress, duplicate your Thai\n     form (Contact > Contact Us \u0e2b\u0e19\u0e49\u0e32\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\u0e40\u0e23\u0e32 -> Duplicate), translate its\n     fields using the English field code provided separately, then replace\n     the shortcode ID below with the new English form's ID.\n-->\n\n\n\n\n<div id=\"dm-contact-en\">\n\n\n\n\n  <!-- ============ HERO ============ -->\n  <section class=\"dmen-hero\">\n    <svg class=\"dmen-hero-grid\" viewBox=\"0 0 1200 500\" preserveAspectRatio=\"xMidYMid slice\" aria-hidden=\"true\">\n      <defs>\n        <pattern id=\"dmen-dot\" width=\"42\" height=\"42\" patternUnits=\"userSpaceOnUse\">\n          <circle cx=\"1.4\" cy=\"1.4\" r=\"1.4\" fill=\"#3D7FFF\" opacity=\"0.35\"><\/circle>\n        <\/pattern>\n      <\/defs>\n      <rect width=\"1200\" height=\"500\" fill=\"url(#dmen-dot)\"><\/rect>\n      <g stroke=\"#3D7FFF\" stroke-width=\"1\" opacity=\"0.18\">\n        <path d=\"M1200 80 H860 V240 H600\" fill=\"none\"><\/path>\n        <path d=\"M0 420 H300 V260 H560\" fill=\"none\"><\/path>\n      <\/g>\n      <g fill=\"#3D7FFF\">\n        <circle cx=\"860\" cy=\"80\" r=\"3.5\"><\/circle>\n        <circle cx=\"600\" cy=\"240\" r=\"3.5\"><\/circle>\n        <circle cx=\"300\" cy=\"420\" r=\"3.5\"><\/circle>\n      <\/g>\n    <\/svg>\n\n\n\n\n    <div class=\"dmen-hero-inner\">\n      <span class=\"dmen-eyebrow\">Get in touch<\/span>\n      <h1 class=\"dmen-hero-title\">Contact Us<\/h1>\n      <p class=\"dmen-hero-sub\">\n        Our team is ready to answer your questions about our products and services. Reach us through the channels below, or fill in the form and we\u2019ll get back to you as soon as possible.\n      <\/p>\n      <div class=\"dmen-hero-cta\">\n        <a href=\"#dmen-form\" class=\"dmen-btn dmen-btn-primary\">Send a Message<\/a>\n        <a href=\"tel:0027363034\" class=\"dmen-btn dmen-btn-ghost\">Call Us<\/a>\n\n\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n\n  <!-- ============ CONTACT CHANNELS ============ -->\n  <section class=\"dmen-channels\">\n    <span class=\"dmen-kicker\">Contact Channels<\/span>\n    <h2 class=\"dmen-section-title\">Here\u2019s how you can reach us<\/h2>\n\n\n\n\n    <div class=\"dmen-track\" aria-hidden=\"true\"><span class=\"dmen-pulse\"><\/span><\/div>\n\n\n\n\n    <div class=\"dmen-card-grid\">\n      <div class=\"dmen-card dm-reveal\">\n        <span class=\"dmen-card-dot\"><\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.81.35 1.6.68 2.34a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.74-1.25a2 2 0 0 1 2.11-.45c.74.33 1.53.56 2.34.68A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\n        <h3>Phone \/ Fax<\/h3>\n        <p class=\"dmen-card-value\"><a href=\"tel:0027363034\">02-736-3034<\/a><\/p>\n        <p class=\"dmen-card-value\"><a href=\"tel:0027363035\">02-736-3035<\/a><\/p>\n        <p class=\"dmen-card-note\">Available Mon\u2013Fri, 08:30\u201317:30 (excluding public holidays)<\/p>\n      <\/div>\n\n\n\n\n      <div class=\"dmen-card dm-reveal\">\n        <span class=\"dmen-card-dot\"><\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n        <h3>Email<\/h3>\n        <p class=\"dmen-card-value\"><a href=\"mailto:info@dragonsmove.com\">info@dragonsmove.com<\/a><\/p>\n        <p class=\"dmen-card-note\">We reply within 1\u20132 business days<\/p>\n      <\/div>\n\n\n\n\n      <div class=\"dmen-card dmen-card-accent dm-reveal\">\n        <span class=\"dmen-card-dot dmen-card-dot-cyan\"><\/span>\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\n        <h3>Head Office<\/h3>\n        <p class=\"dmen-card-value\">Dragons Move Co., Ltd.<\/p>\n        <p class=\"dmen-card-note\">153 Soi Khubon 30, Bangchan,<br>Klongsamwa, Bangkok, Thailand 10510<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n\n\n  <!-- ============ MAP ============ -->\n  <section class=\"dmen-map-section\">\n    <span class=\"dmen-kicker\">Map<\/span>\n    <h2 class=\"dmen-section-title\">Our Location<\/h2>\n\n\n\n\n    <div class=\"dmen-map-frame dm-reveal\">\n      <div class=\"dmen-corner dmen-corner-tl\"><\/div>\n      <div class=\"dmen-corner dmen-corner-tr\"><\/div>\n      <div class=\"dmen-corner dmen-corner-bl\"><\/div>\n      <div class=\"dmen-corner dmen-corner-br\"><\/div>\n      <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3873.7686238849133!2d100.67568437538293!3d13.852922594943674!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x311d63cf57634557%3A0x762c89f4976afe83!2sDragons%20Move%20Co.%2CLtd.%20(Main%20office)!5e0!3m2!1sen!2sus!4v1785569359910!5m2!1sen!2sus\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"strict-origin-when-cross-origin\"><\/iframe> \n    <\/div>\n    <p class=\"dmen-map-caption\">\n      <strong>Dragons Move Co., Ltd. (Head Office)<\/strong><br>\n      153 Soi Khubon 30, Bangchan, Klongsamwa, Bangkok, Thailand 10510\n    <\/p>\n  <\/section>\n\n\n\n\n  <!-- ============ ENQUIRY FORM ============ -->\n  <section class=\"dmen-form-section\" id=\"dmen-form\">\n    <div class=\"dmen-form-copy dm-reveal\">\n      <span class=\"dmen-kicker\">Enquiry Form<\/span>\n      <h2 class=\"dmen-section-title dmen-section-title-left\">Send Us a Message<\/h2>\n      <p class=\"dmen-form-copy-text\">\n        Please complete the form with accurate details so our team can respond and assist you appropriately. Fields marked with * are required.\n      <\/p>\n      <div class=\"dmen-form-note\">\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.6\" width=\"18\" height=\"18\"><circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle><path d=\"M12 8v5M12 16h.01\"><\/path><\/svg>\n        <span>For urgent enquiries, call us directly at <a href=\"tel:0027363034\">02-736-3034<\/a><\/span>\n      <\/div>\n    <\/div>\n\n\n\n\n    <div class=\"dmen-form dm-reveal dmen-cf7-wrap\">\n      <!-- Replace with the shortcode of the English form duplicated in Contact Form 7 (a new form id with English labels\/placeholders) -->\n      \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f402-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"402\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F83#wpcf7-f402-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"402\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f402-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"dmen-field-row\">\n\t<div class=\"dmen-field\">\n\t\t<p><label>Full Name *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"e.g. John Smith\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"dmen-field\">\n\t\t<p><label>Company \/ Organization<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-company\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"Your organization\" value=\"\" type=\"text\" name=\"your-company\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"dmen-field-row\">\n\t<div class=\"dmen-field\">\n\t\t<p><label>Email *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"you@company.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"dmen-field\">\n\t\t<p><label>Phone *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"0X-XXX-XXXX\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"dmen-field\">\n\t<p><label>Subject *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-subject\"><option value=\"Select a topic\">Select a topic<\/option><option value=\"Product Inquiry\">Product Inquiry<\/option><option value=\"Request a Quotation\">Request a Quotation<\/option><option value=\"Request a Meeting\">Request a Meeting<\/option><option value=\"After-Sales Support\">After-Sales Support<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\t<\/p>\n<\/div>\n<div class=\"dmen-field\">\n\t<p><label>Message *<\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us how we can help...\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Message\" \/>\n<\/p><input type='hidden' class='wpcf7-pum' value='{\"closepopup\":false,\"closedelay\":0,\"openpopup\":false,\"openpopup_id\":0}' \/><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n    <\/div>\n  <\/section>\n\n\n\n\n  <!-- ============ THANK YOU POPUP (shown after a successful Contact Form 7 submission) ============ -->\n  <div class=\"dmen-modal-overlay\" id=\"dmen-thankyou-modal\" aria-hidden=\"true\">\n    <div class=\"dmen-modal\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"dmen-modal-title\">\n      <button type=\"button\" class=\"dmen-modal-close\" id=\"dmen-modal-close\" aria-label=\"Close\">\u00d7<\/button>\n      <span class=\"dmen-modal-icon\">\n        <svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6L9 17l-5-5\"><\/path><\/svg>\n      <\/span>\n      <h3 id=\"dmen-modal-title\">Thank You for Reaching Out<\/h3>\n      <p>Our team will get back to you within 1\u20132 business days<\/p>\n    <\/div>\n  <\/div>\n\n\n<\/div>\n\n\n\n\n<style>\n  #dm-contact-en {\n    --h-bg: #060b18;\n    --h-panel: #0b1428;\n    --h-panel-2: #0e1a34;\n    --h-blue: #3d7fff;\n    --h-blue-soft: #8fb4ff;\n    --h-blue-dim: rgba(61,127,255,0.18);\n    --h-cyan: #17e9c0;\n    --h-text: #eaf0fb;\n    --h-muted: #8fa3c8;\n    --h-line: rgba(61,127,255,0.22);\n\n\n\n\n    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\n    background: var(--h-bg);\n    color: var(--h-text);\n    line-height: 1.7;\n  }\n  #dm-contact-en *, #dm-contact-en *::before, #dm-contact-en *::after { box-sizing: border-box; }\n  #dm-contact-en h1, #dm-contact-en h2, #dm-contact-en h3 {\n    font-family: 'Space Grotesk', 'Inter', sans-serif;\n    color: var(--h-text);\n    margin: 0;\n    letter-spacing: -0.005em;\n  }\n  #dm-contact-en p { margin: 0; }\n  #dm-contact-en a { color: inherit; text-decoration: none; }\n  #dm-contact-en .dmen-kicker,\n  #dm-contact-en .dmen-eyebrow,\n  #dm-contact-en .dmen-badge { font-family: 'IBM Plex Mono', monospace; }\n\n\n\n\n  \/* ---------- HERO ---------- *\/\n  #dm-contact-en .dmen-hero {\n    position: relative;\n    padding: 6rem 6vw 5rem;\n    background: radial-gradient(ellipse 90% 70% at 80% 0%, #0d1a38 0%, var(--h-bg) 60%);\n    border-bottom: 1px solid var(--h-line);\n    overflow: hidden;\n  }\n  #dm-contact-en .dmen-hero-grid { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.9; }\n  #dm-contact-en .dmen-hero-inner { position: relative; max-width: 760px; }\n  #dm-contact-en .dmen-eyebrow {\n    display: inline-block;\n    font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase;\n    color: var(--h-blue-soft);\n    margin: 0 0 1.4rem; padding-left: 1.2rem; position: relative;\n  }\n  #dm-contact-en .dmen-eyebrow::before {\n    content: \"\"; position: absolute; left: 0; top: 50%;\n    width: 0.8rem; height: 1px; background: var(--h-blue); transform: translateY(-50%);\n  }\n  #dm-contact-en .dmen-hero-title { font-size: clamp(2.1rem, 5.4vw, 3.4rem); font-weight: 600; line-height: 1.25; }\n  #dm-contact-en .dmen-hero-title-en {\n    display: block; margin-top: 0.5rem;\n    font-size: 0.42em; font-weight: 500; color: var(--h-muted); font-family: 'Space Grotesk', sans-serif;\n  }\n  #dm-contact-en .dmen-hero-sub {\n    display: block; margin-top: 1.6rem; max-width: 580px;\n    color: #d3ddf2; font-weight: 300; font-size: 1.05rem; line-height: 1.85;\n  }\n  #dm-contact-en .dmen-hero-cta { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: 2.4rem; }\n  #dm-contact-en .dmen-btn {\n    display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;\n    font-family: 'Inter', sans-serif; font-size: 0.92rem; font-weight: 500;\n    padding: 0.9rem 1.6rem; border-radius: 8px; border: none; cursor: pointer;\n    transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease, filter 0.2s ease;\n  }\n  #dm-contact-en .dmen-btn-primary { background: var(--h-blue); color: #060b18; font-weight: 600; }\n  #dm-contact-en .dmen-btn-primary:hover { background: var(--h-blue-soft); transform: translateY(-2px); }\n  #dm-contact-en .dmen-btn-ghost { background: transparent; border: 1px solid var(--h-line); color: var(--h-blue-soft); }\n  #dm-contact-en .dmen-btn-ghost:hover { border-color: var(--h-blue); transform: translateY(-2px); }\n  #dm-contact-en .dmen-hero-meta { display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 2.6rem; }\n  #dm-contact-en .dmen-badge {\n    font-size: 0.74rem; color: var(--h-blue-soft);\n    background: var(--h-panel); border: 1px solid var(--h-line);\n    padding: 0.45rem 0.85rem; border-radius: 999px;\n  }\n\n\n\n\n  \/* ---------- SECTION HEADERS (shared) ---------- *\/\n  #dm-contact-en .dmen-kicker {\n    display: block; text-align: center; font-size: 0.72rem; letter-spacing: 0.16em;\n    text-transform: uppercase; color: var(--h-blue-soft); margin-bottom: 1rem;\n  }\n  #dm-contact-en .dmen-section-title {\n    text-align: center; font-size: clamp(1.4rem, 2.8vw, 2rem); font-weight: 600;\n    margin: 0 auto 3.5rem; max-width: 640px; line-height: 1.5;\n  }\n  #dm-contact-en .dmen-section-title-left { text-align: left; margin: 0 0 1.4rem; }\n\n\n\n\n  \/* ---------- CONTACT CHANNELS ---------- *\/\n  #dm-contact-en .dmen-channels { position: relative; padding: 6rem 6vw; background: var(--h-panel); border-bottom: 1px solid var(--h-line); }\n  #dm-contact-en .dmen-track {\n    position: relative; max-width: 1000px; margin: -2.6rem auto 3.5rem; height: 2px;\n    background: linear-gradient(to right, var(--h-blue) 0%, rgba(61,127,255,0.15) 95%);\n  }\n  #dm-contact-en .dmen-pulse {\n    position: absolute; top: -5px; left: -6px;\n    width: 8px; height: 8px; border-radius: 50%;\n    background: var(--h-cyan); box-shadow: 0 0 12px 3px rgba(23,233,192,0.7);\n    animation: dmen-flow 6s linear infinite;\n  }\n  @keyframes dmen-flow {\n    0% { left: 0%; opacity: 0; }\n    8% { opacity: 1; }\n    92% { opacity: 1; }\n    100% { left: 100%; opacity: 0; }\n  }\n  #dm-contact-en .dmen-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.2rem; max-width: 1100px; margin: 0 auto; position: relative; }\n  #dm-contact-en .dmen-card {\n    position: relative;\n    background: var(--h-panel-2); border: 1px solid var(--h-line); border-top: 2px solid var(--h-blue);\n    border-radius: 10px; padding: 1.8rem 1.6rem;\n    opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.6s ease, border-color 0.25s ease;\n  }\n  #dm-contact-en .dmen-card.dm-visible { opacity: 1; transform: translateY(0); }\n  #dm-contact-en .dmen-card:hover { border-color: rgba(61,127,255,0.5); }\n  #dm-contact-en .dmen-card-dot {\n    position: absolute; top: -6px; left: 50%; transform: translateX(-50%);\n    width: 9px; height: 9px; border-radius: 50%;\n    background: var(--h-blue); box-shadow: 0 0 10px var(--h-blue);\n  }\n  #dm-contact-en .dmen-card-dot-cyan { background: var(--h-cyan); box-shadow: 0 0 10px var(--h-cyan); }\n  #dm-contact-en .dmen-card svg { width: 26px; height: 26px; color: var(--h-blue-soft); margin-bottom: 1.1rem; }\n  #dm-contact-en .dmen-card-accent svg { color: var(--h-cyan); }\n  #dm-contact-en .dmen-card h3 { font-size: 1.05rem; font-weight: 600; margin-bottom: 0.7rem; }\n  #dm-contact-en .dmen-card-value { font-size: 0.98rem; margin-bottom: 0.3rem; }\n  #dm-contact-en .dmen-card-value a:hover { color: var(--h-blue-soft); }\n  #dm-contact-en .dmen-card-note {\n    margin-top: 0.9rem; padding-top: 0.9rem; border-top: 1px dashed var(--h-line);\n    font-size: 0.85rem; color: var(--h-muted); line-height: 1.7;\n  }\n\n\n\n\n  \/* ---------- MAP ---------- *\/\n  #dm-contact-en .dmen-map-section { padding: 6rem 6vw; background: var(--h-bg); border-bottom: 1px solid var(--h-line); text-align: center; }\n  #dm-contact-en .dmen-map-frame {\n    position: relative; max-width: 1100px; margin: 0 auto;\n    border: 1px solid var(--h-line); border-radius: 10px; padding: 8px;\n    background: var(--h-panel-2);\n    opacity: 0; transform: translateY(16px); transition: opacity 0.6s ease, transform 0.6s ease;\n  }\n  #dm-contact-en .dmen-map-frame.dm-visible { opacity: 1; transform: translateY(0); }\n  #dm-contact-en .dmen-map-frame iframe { width: 100%; height: 380px; border: 0; border-radius: 6px; display: block; filter: grayscale(0.1) saturate(1.05); }\n  #dm-contact-en .dmen-corner { position: absolute; width: 18px; height: 18px; border-color: var(--h-cyan); z-index: 2; }\n  #dm-contact-en .dmen-corner-tl { top: 14px; left: 14px; border-top: 2px solid var(--h-cyan); border-left: 2px solid var(--h-cyan); }\n  #dm-contact-en .dmen-corner-tr { top: 14px; right: 14px; border-top: 2px solid var(--h-cyan); border-right: 2px solid var(--h-cyan); }\n  #dm-contact-en .dmen-corner-bl { bottom: 14px; left: 14px; border-bottom: 2px solid var(--h-cyan); border-left: 2px solid var(--h-cyan); }\n  #dm-contact-en .dmen-corner-br { bottom: 14px; right: 14px; border-bottom: 2px solid var(--h-cyan); border-right: 2px solid var(--h-cyan); }\n  #dm-contact-en .dmen-map-caption { margin-top: 1.6rem; font-size: 0.9rem; color: var(--h-muted); line-height: 1.8; }\n  #dm-contact-en .dmen-map-caption strong { color: var(--h-text); }\n\n\n\n\n  \/* ---------- FORM ---------- *\/\n  #dm-contact-en .dmen-form-section {\n    display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 4rem;\n    padding: 7rem 6vw; max-width: 1200px; margin: 0 auto; align-items: start;\n  }\n  #dm-contact-en .dmen-form-copy { opacity: 0; transform: translateY(14px); transition: opacity 0.6s ease, transform 0.6s ease; }\n  #dm-contact-en .dmen-form-copy.dm-visible { opacity: 1; transform: translateY(0); }\n  #dm-contact-en .dmen-form-copy .dmen-kicker { text-align: left; }\n  #dm-contact-en .dmen-form-copy-text { display: block; margin-top: 0; color: var(--h-muted); font-size: 0.96rem; line-height: 1.85; max-width: 440px; }\n  #dm-contact-en .dmen-form-note {\n    display: flex; align-items: flex-start; gap: 0.7rem; margin-top: 2.4rem;\n    padding: 1.1rem 1.2rem; background: var(--h-panel); border: 1px solid var(--h-line); border-radius: 8px;\n    font-size: 0.85rem; color: var(--h-muted);\n  }\n  #dm-contact-en .dmen-form-note svg { flex-shrink: 0; color: var(--h-blue-soft); margin-top: 0.1rem; }\n  #dm-contact-en .dmen-form-note a { color: var(--h-blue-soft); }\n  #dm-contact-en .dmen-form-note a:hover { text-decoration: underline; }\n\n\n\n\n  #dm-contact-en .dmen-form {\n    background: var(--h-panel-2); border: 1px solid var(--h-line); border-radius: 10px; padding: 2.2rem;\n    opacity: 0; transform: translateY(14px); transition: opacity 0.6s ease, transform 0.6s ease;\n  }\n  #dm-contact-en .dmen-form.dm-visible { opacity: 1; transform: translateY(0); }\n  #dm-contact-en .dmen-field { margin-bottom: 1.3rem; }\n  #dm-contact-en .dmen-field label {\n    display: block; font-size: 0.8rem; font-weight: 500;\n    letter-spacing: 0.01em; color: var(--h-muted); margin-bottom: 0.5rem;\n  }\n  #dm-contact-en .dmen-field input,\n  #dm-contact-en .dmen-field select,\n  #dm-contact-en .dmen-field textarea {\n    width: 100%; background: var(--h-bg); border: 1px solid var(--h-line); border-radius: 8px;\n    padding: 0.75rem 0.9rem; color: var(--h-text); font-family: 'Inter', sans-serif; font-size: 0.92rem;\n    outline: none; transition: border-color 0.2s ease;\n  }\n  #dm-contact-en .dmen-field input:focus,\n  #dm-contact-en .dmen-field select:focus,\n  #dm-contact-en .dmen-field textarea:focus { border-color: var(--h-blue-soft); }\n  #dm-contact-en .dmen-field textarea { resize: vertical; min-height: 110px; }\n  #dm-contact-en .dmen-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; }\n  #dm-contact-en .dmen-btn-submit { width: 100%; padding: 1rem 1.2rem; margin-top: 0.4rem; }\n\n\n  \/* ---------- CONTACT FORM 7 OVERRIDES ---------- *\/\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-form { display: block; }\n  #dm-contact-en .dmen-cf7-wrap p { margin-bottom: 1.3rem; }\n  #dm-contact-en .dmen-cf7-wrap .dmen-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 0; }\n  #dm-contact-en .dmen-cf7-wrap .dmen-field-row p { margin-bottom: 0; }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-form-control-wrap { display: block; margin-top: 0.5rem; }\n  #dm-contact-en .dmen-cf7-wrap label { font-size: 0.8rem; font-weight: 500; color: var(--h-muted); display: block; }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-form-control {\n    width: 100%; background: var(--h-bg) !important; border: 1px solid var(--h-line) !important; border-radius: 8px;\n    padding: 0.75rem 0.9rem; color: var(--h-text) !important; font-family: 'Inter', sans-serif;\n    font-size: 0.92rem; outline: none; transition: border-color 0.2s ease; box-shadow: none !important;\n  }\n  #dm-contact-en .dmen-cf7-wrap select.wpcf7-form-control {\n    appearance: none; -webkit-appearance: none;\n    background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238fa3c8' stroke-width='2'><polyline points='6 9 12 15 18 9'\/><\/svg>\");\n    background-repeat: no-repeat; background-position: right 0.9rem center;\n  }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-form-control:focus { border-color: var(--h-blue-soft) !important; }\n  #dm-contact-en .dmen-cf7-wrap textarea.wpcf7-form-control { min-height: 110px; resize: vertical; }\n  #dm-contact-en .dmen-cf7-wrap input[type=\"submit\"].wpcf7-form-control {\n    width: 100%; background: var(--h-blue) !important; color: #060b18 !important; border: none !important;\n    font-family: 'Inter', sans-serif; font-size: 0.92rem; font-weight: 600;\n    padding: 1rem 1.2rem; border-radius: 8px; cursor: pointer; margin-top: 0.4rem;\n    transition: background 0.2s ease, transform 0.2s ease;\n  }\n  #dm-contact-en .dmen-cf7-wrap input[type=\"submit\"].wpcf7-form-control:hover { background: var(--h-blue-soft) !important; transform: translateY(-2px); }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-not-valid-tip { color: #ff8080; font-size: 0.78rem; margin-top: 0.4rem; }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-response-output {\n    margin-top: 1.5rem !important; border-radius: 8px; border: 1px solid var(--h-line) !important;\n    color: var(--h-text) !important; font-size: 0.88rem; padding: 0.9rem 1.1rem !important;\n  }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-mail-sent-ok { border-color: var(--h-cyan) !important; }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-validation-errors,\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-mail-sent-ng { border-color: #ff8080 !important; }\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-spinner { margin-left: 0.6rem; }\n  @media (max-width: 560px) {\n    #dm-contact-en .dmen-cf7-wrap .dmen-field-row { grid-template-columns: 1fr; }\n  }\n\n\n\n\n  \/* ---------- RESPONSIVE ---------- *\/\n  @media (max-width: 900px) {\n    #dm-contact-en .dmen-card-grid { grid-template-columns: 1fr; }\n    #dm-contact-en .dmen-track { display: none; }\n    #dm-contact-en .dmen-form-section { grid-template-columns: 1fr; gap: 2.5rem; padding: 5rem 6vw; }\n  }\n  @media (max-width: 560px) {\n    #dm-contact-en .dmen-field-row { grid-template-columns: 1fr; }\n  }\n  \/* ---------- THANK YOU MODAL ---------- *\/\n  #dm-contact-en .dmen-modal-overlay {\n    position: fixed; inset: 0; background: rgba(6,11,24,0.75); backdrop-filter: blur(3px);\n    display: flex; align-items: center; justify-content: center; z-index: 9999;\n    opacity: 0; visibility: hidden; transition: opacity 0.25s ease, visibility 0.25s ease;\n    padding: 1.5rem;\n  }\n  #dm-contact-en .dmen-modal-overlay.dmen-modal-visible { opacity: 1; visibility: visible; }\n  #dm-contact-en .dmen-modal {\n    position: relative; max-width: 420px; width: 100%; text-align: center;\n    background: var(--h-panel-2); border: 1px solid var(--h-line); border-top: 2px solid var(--h-cyan);\n    border-radius: 12px; padding: 2.6rem 2rem 2.2rem;\n    transform: translateY(14px) scale(0.98); transition: transform 0.25s ease;\n  }\n  #dm-contact-en .dmen-modal-overlay.dmen-modal-visible .dmen-modal { transform: translateY(0) scale(1); }\n  #dm-contact-en .dmen-modal-icon {\n    display: inline-flex; align-items: center; justify-content: center;\n    width: 52px; height: 52px; border-radius: 50%; margin: 0 auto 1.2rem;\n    background: rgba(23,233,192,0.12); color: var(--h-cyan);\n  }\n  #dm-contact-en .dmen-modal h3 { font-size: 1.3rem; font-weight: 600; margin-bottom: 0.6rem; }\n  #dm-contact-en .dmen-modal p { color: var(--h-muted); font-size: 0.95rem; line-height: 1.7; }\n  #dm-contact-en .dmen-modal-close {\n    position: absolute; top: 0.9rem; right: 0.9rem; width: 28px; height: 28px;\n    display: flex; align-items: center; justify-content: center;\n    background: transparent; border: none; color: var(--h-muted); font-size: 1.3rem;\n    cursor: pointer; line-height: 1; border-radius: 6px; transition: color 0.2s ease, background 0.2s ease;\n  }\n  #dm-contact-en .dmen-modal-close:hover { color: var(--h-text); background: rgba(255,255,255,0.06); }\n\n\n  \/* Hide Contact Form 7\u2019s default inline success message since the pop-up above is used instead *\/\n  #dm-contact-en .dmen-cf7-wrap .wpcf7-response-output { display: none !important; }\n\n\n  @media (prefers-reduced-motion: reduce) {\n    #dm-contact-en .dmen-pulse { animation: none; display: none; }\n    #dm-contact-en .dm-reveal, #dm-contact-en .dmen-card, #dm-contact-en .dmen-map-frame, #dm-contact-en .dmen-form { transition: none; opacity: 1; transform: none; }\n  }\n<\/style>\n\n\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&amp;family=Inter:wght@300;400;500;600&amp;family=IBM+Plex+Mono:wght@400;500&amp;display=swap\" rel=\"stylesheet\">\n\n\n\n\n<script>\n  (function () {\n    var els = document.querySelectorAll('#dm-contact-en .dm-reveal, #dm-contact-en .dmen-card, #dm-contact-en .dmen-map-frame, #dm-contact-en .dmen-form');\n    if (!('IntersectionObserver' in window) || !els.length) {\n      els.forEach(function (n) { n.classList.add('dm-visible'); });\n      return;\n    }\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (entry) {\n        if (entry.isIntersecting) {\n          entry.target.classList.add('dm-visible');\n          io.unobserve(entry.target);\n        }\n      });\n    }, { threshold: 0.15 });\n    els.forEach(function (n) { io.observe(n); });\n  })();\n\n\n  \/\/ ---------- THANK YOU MODAL after a successful Contact Form 7 submission ----------\n  (function () {\n    var modal = document.getElementById('dmen-thankyou-modal');\n    var closeBtn = document.getElementById('dmen-modal-close');\n    if (!modal) return;\n\n\n    function openModal() {\n      modal.classList.add('dmen-modal-visible');\n      modal.setAttribute('aria-hidden', 'false');\n    }\n    function closeModal() {\n      modal.classList.remove('dmen-modal-visible');\n      modal.setAttribute('aria-hidden', 'true');\n    }\n\n\n    document.addEventListener('wpcf7mailsent', function (event) {\n      openModal();\n    }, false);\n\n\n    if (closeBtn) closeBtn.addEventListener('click', closeModal);\n    modal.addEventListener('click', function (e) {\n      if (e.target === modal) closeModal();\n    });\n    document.addEventListener('keydown', function (e) {\n      if (e.key === 'Escape') closeModal();\n    });\n  })();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Contact Us | Dragons Move Get in touch Contact Us Our team is ready to answer your questions about our products and services. Reach us through the channels below, or fill in the form and we\u2019ll get back to you as soon as possible. Send a Message Call Us Contact Channels Here\u2019s how you can [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullbleed.php","meta":{"footnotes":""},"class_list":["post-83","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=\/wp\/v2\/pages\/83","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=83"}],"version-history":[{"count":5,"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions"}],"predecessor-version":[{"id":403,"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=\/wp\/v2\/pages\/83\/revisions\/403"}],"wp:attachment":[{"href":"https:\/\/www.dragonsmove.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=83"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}