{"id":568,"date":"2026-08-22T05:44:46","date_gmt":"2026-08-22T02:44:46","guid":{"rendered":"https:\/\/www.duaessam.com\/newsite\/?page_id=568"},"modified":"2026-08-26T03:28:50","modified_gmt":"2026-08-26T00:28:50","slug":"start-a-project-email","status":"publish","type":"page","link":"https:\/\/www.duaessam.com\/ar\/start-a-project-email\/","title":{"rendered":"start-a-project-email"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"568\" class=\"elementor elementor-568\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca0d387 e-flex e-con-boxed e-con e-parent\" data-id=\"ca0d387\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3c85a4 elementor-widget elementor-widget-html\" data-id=\"e3c85a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.elementor-element-e3c85a4{display:none !important}<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-00d6239 elementor-widget elementor-widget-html\" data-id=\"00d6239\" data-element_type=\"widget\" data-e-type=\"widget\" data-no-translation=\"\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!--\nDUA SYSTEMS \u2014 Start Project Email AR V1.7\nDESIGN \/ FRONT-END ONLY.\nPaste everything inside ONE Elementor HTML widget.\nRecommended Page Layout: Elementor Canvas.\nFront-end submission currently redirects to the Thank You page; saving\/email delivery will be connected by the custom WordPress plugin.\nThe future plugin can attach to the existing form field names without redesigning the page.\n-->\n\n<div id=\"dua-project-page-ar\" lang=\"ar\" dir=\"rtl\" data-no-translation data-enquiry-ui=\"email-v1\">\n  <style>\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Kufi+Arabic:wght@400;500;600;700;800&display=swap');\n\n    html:has(#dua-project-page-ar),\n    body:has(#dua-project-page-ar){\n      margin:0!important;\n      padding:0!important;\n      border:0!important;\n      background:#080d15!important;\n    }\n\n    body:has(#dua-project-page-ar) #page,\n    body:has(#dua-project-page-ar) .site,\n    body:has(#dua-project-page-ar) main,\n    body:has(#dua-project-page-ar) .site-main,\n    body:has(#dua-project-page-ar) .content-area,\n    body:has(#dua-project-page-ar) .entry-content,\n    body:has(#dua-project-page-ar) .elementor,\n    body:has(#dua-project-page-ar) .elementor-element,\n    body:has(#dua-project-page-ar) .elementor-widget-container{\n      margin-top:0!important;\n      padding-top:0!important;\n      border-top:0!important;\n      box-shadow:none!important;\n    }\n\n    #dua-project-page-ar,\n    #dua-project-page-ar *{\n      box-sizing:border-box;\n    }\n\n    #dua-project-page-ar{\n      --bg:#080d15;\n      --bg-soft:#0d1420;\n      --bg-elev:#111a28;\n      --panel:rgba(17,26,40,.94);\n      --panel-strong:#111923;\n      --field:#0d151f;\n      --field-hover:#101a26;\n      --text:#ffffff;\n      --text-soft:#e4e9f1;\n      --copy:#c7d0dc;\n      --muted:#93a1b2;\n      --muted-2:#6f7d8d;\n      --line:rgba(255,255,255,.10);\n      --line-strong:rgba(255,255,255,.17);\n      --gold:#d9ad5b;\n      --gold-soft:#f3d99f;\n      --gold-ink:#15110a;\n      --green:#7ed6aa;\n      --blue:#91b8ff;\n      --danger:#ffb6b6;\n      --shadow:0 30px 90px rgba(0,0,0,.28);\n      --radius:26px;\n\n      position:relative;\n      left:50%;\n      width:100vw;\n      margin-left:-50vw;\n      overflow:hidden;\n      color:var(--text);\n      background:var(--bg);\n      font-family:'Noto Kufi Arabic','Manrope',Arial,sans-serif;\n      -webkit-font-smoothing:antialiased;\n    }\n\n    html[data-dua-theme=\"light\"] body:has(#dua-project-page-ar){\n      background:#edf4f7!important;\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar{\n      --bg:#edf4f7;\n      --bg-soft:#f6f8fb;\n      --bg-elev:#e4edf3;\n      --panel:rgba(255,255,255,.72);\n      --panel-strong:rgba(248,251,253,.94);\n      --field:rgba(255,255,255,.80);\n      --field-hover:#ffffff;\n      --text:#172238;\n      --text-soft:#33465f;\n      --copy:#43566f;\n      --muted:#63758a;\n      --muted-2:#78889a;\n      --line:rgba(42,63,88,.13);\n      --line-strong:rgba(42,63,88,.20);\n      --gold:#d49a2d;\n      --gold-soft:#9b6918;\n      --gold-ink:#172238;\n      --green:#278561;\n      --blue:#486f9f;\n      --danger:#a44747;\n      --shadow:0 26px 70px rgba(53,74,98,.14);\n    }\n\n    #dua-project-page-ar a{\n      color:inherit;\n      text-decoration:none;\n    }\n\n    #dua-project-page-ar button,\n    #dua-project-page-ar input,\n    #dua-project-page-ar textarea,\n    #dua-project-page-ar select{\n      font:inherit;\n    }\n\n    #dua-project-page-ar .dua-shell{\n      width:min(1240px,calc(100% - 42px));\n      margin-inline:auto;\n    }\n\n\n    \/* =========================\n       Arabic \/ RTL\n       ========================= *\/\n    #dua-project-page-ar{\n      direction:rtl;\n      text-align:right;\n    }\n\n    #dua-project-page-ar .eyebrow{\n      letter-spacing:.08em;\n    }\n\n    #dua-project-page-ar .eyebrow::before{\n      order:2;\n    }\n\n    #dua-project-page-ar .project-hero h1{\n      letter-spacing:-.035em!important;\n      line-height:1.16!important;\n    }\n\n    #dua-project-page-ar .hero-lead,\n    #dua-project-page-ar .section-intro,\n    #dua-project-page-ar .support-card p,\n    #dua-project-page-ar .next-step span,\n    #dua-project-page-ar .field textarea,\n    #dua-project-page-ar .step-heading p,\n    #dua-project-page-ar .route-copy{\n      line-height:1.9;\n    }\n\n    #dua-project-page-ar .form-card-head h2,\n    #dua-project-page-ar .step-heading h3,\n    #dua-project-page-ar .project-section h2,\n    #dua-project-page-ar .support-card h3{\n      letter-spacing:0!important;\n    }\n\n    #dua-project-page-ar .hero-tags span::before{\n      margin-right:0;\n      margin-left:8px;\n    }\n\n    #dua-project-page-ar input[type=\"email\"],\n    #dua-project-page-ar input[type=\"url\"],\n    #dua-project-page-ar input[type=\"tel\"]{\n      direction:ltr;\n      text-align:left;\n    }\n\n    #dua-project-page-ar .field select{\n      text-align:right;\n    }\n\n    #dua-project-page-ar .dua-project-nav,\n    #dua-project-page-ar .footer-links{\n      direction:rtl;\n    }\n\n    #dua-project-page-ar .form-actions{\n      direction:rtl;\n    }\n\n    @media(max-width:700px){\n      #dua-project-page-ar .project-hero h1{\n        line-height:1.22!important;\n      }\n    }\n\n\n    #dua-project-page-ar .dua-brand,\n    #dua-project-page-ar .dua-project-nav,\n    #dua-project-page-ar .dua-project-cta,\n    #dua-project-page-ar .form-btn,\n    #dua-project-page-ar .choice-box,\n    #dua-project-page-ar .area-chip span{\n      font-weight:700;\n    }\n\n    #dua-project-page-ar .route-title,\n    #dua-project-page-ar .field label,\n    #dua-project-page-ar .field-label{\n      line-height:1.7;\n    }\n\n    \/* =========================\n       Header\n       ========================= *\/\n    #dua-project-page-ar .dua-project-topbar-wrap{\n      position:relative;\n      z-index:100;\n      padding:14px 0 0;\n      background:var(--bg);\n    }\n\n    #dua-project-page-ar .dua-project-topbar{\n      min-height:70px;\n      padding:0 14px;\n      border:1px solid color-mix(in srgb,var(--gold) 18%,transparent);\n      border-radius:20px;\n      display:grid;\n      grid-template-columns:auto 1fr auto;\n      align-items:center;\n      gap:26px;\n      background:color-mix(in srgb,var(--bg) 93%,transparent);\n      box-shadow:0 14px 38px rgba(0,0,0,.13),inset 0 1px 0 rgba(255,255,255,.035);\n      backdrop-filter:blur(16px);\n      -webkit-backdrop-filter:blur(16px);\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .dua-project-topbar{\n      box-shadow:0 14px 38px rgba(53,74,98,.10),inset 0 1px 0 rgba(255,255,255,.85);\n    }\n\n    #dua-project-page-ar .dua-brand{\n      display:inline-flex;\n      align-items:center;\n      gap:11px;\n      color:var(--text);\n      font-size:14px;\n      font-weight:800;\n      letter-spacing:-.01em;\n      white-space:nowrap;\n    }\n\n    #dua-project-page-ar .dua-brand-mark{\n      width:38px;\n      height:38px;\n      flex:0 0 38px;\n      border-radius:11px;\n      overflow:hidden;\n      display:grid;\n      place-items:center;\n      background:#050b15;\n      box-shadow:0 0 0 1px color-mix(in srgb,var(--gold) 18%,transparent);\n    }\n\n    #dua-project-page-ar .dua-brand-mark img{\n      display:block;\n      width:100%;\n      height:100%;\n      object-fit:cover;\n    }\n\n    #dua-project-page-ar .dua-project-nav{\n      display:flex;\n      justify-content:center;\n      align-items:center;\n      gap:31px;\n      color:var(--copy);\n      font-size:13px;\n      font-weight:700;\n    }\n\n    #dua-project-page-ar .dua-project-nav a{\n      position:relative;\n      padding:24px 0;\n      transition:color .2s ease;\n    }\n\n    #dua-project-page-ar .dua-project-nav a::after{\n      content:'';\n      position:absolute;\n      left:0;\n      right:0;\n      bottom:16px;\n      height:2px;\n      border-radius:99px;\n      background:var(--gold);\n      transform:scaleX(0);\n      transition:transform .2s ease;\n    }\n\n    #dua-project-page-ar .dua-project-nav a:hover{\n      color:var(--text);\n    }\n\n    #dua-project-page-ar .dua-project-nav a:hover::after{\n      transform:scaleX(1);\n    }\n\n    #dua-project-page-ar .dua-project-cta{\n      min-height:42px;\n      padding:0 17px;\n      border:1px solid color-mix(in srgb,var(--gold) 38%,transparent);\n      border-radius:12px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      color:var(--gold-ink);\n      background:linear-gradient(135deg,#f3d99f,var(--gold));\n      font-size:13px;\n      font-weight:800;\n      box-shadow:0 14px 34px color-mix(in srgb,var(--gold) 18%,transparent);\n      transition:transform .18s ease,box-shadow .18s ease;\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .dua-project-cta{\n      background:linear-gradient(135deg,#f8e8c8,#e1b455);\n      color:#172238;\n    }\n\n    #dua-project-page-ar .dua-project-cta:hover{\n      transform:translateY(-1px);\n      box-shadow:0 18px 40px color-mix(in srgb,var(--gold) 24%,transparent);\n    }\n\n    #dua-project-page-ar .dua-mobile-toggle,\n    #dua-project-page-ar .dua-mobile-nav{\n      display:none;\n    }\n\n    \/* =========================\n       Hero\n       ========================= *\/\n    #dua-project-page-ar .project-hero{\n      position:relative;\n      padding:88px 0 96px;\n      overflow:hidden;\n      border-bottom:1px solid var(--line);\n      background:\n        radial-gradient(circle at 88% 10%,color-mix(in srgb,var(--gold) 14%,transparent),transparent 27%),\n        radial-gradient(circle at 7% 22%,color-mix(in srgb,var(--blue) 8%,transparent),transparent 25%),\n        var(--bg);\n    }\n\n    #dua-project-page-ar .project-hero::before{\n      content:'';\n      position:absolute;\n      inset:0;\n      pointer-events:none;\n      background-image:\n        linear-gradient(color-mix(in srgb,var(--text) 2.6%,transparent) 1px,transparent 1px),\n        linear-gradient(90deg,color-mix(in srgb,var(--text) 2.6%,transparent) 1px,transparent 1px);\n      background-size:72px 72px;\n      -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.74),transparent 88%);\n      mask-image:linear-gradient(to bottom,rgba(0,0,0,.74),transparent 88%);\n    }\n\n    #dua-project-page-ar .project-hero::after{\n      content:'DUA';\n      position:absolute;\n      right:-20px;\n      top:130px;\n      color:color-mix(in srgb,var(--text) 2.4%,transparent);\n      font-size:180px;\n      line-height:1;\n      font-weight:800;\n      letter-spacing:-.07em;\n      pointer-events:none;\n    }\n\n    #dua-project-page-ar .project-hero-grid{\n      position:relative;\n      z-index:2;\n      display:grid;\n      grid-template-columns:minmax(0,.88fr) minmax(560px,1.12fr);\n      gap:58px;\n      align-items:start;\n    }\n\n    #dua-project-page-ar .hero-copy{\n      padding-top:56px;\n      max-width:545px;\n    }\n\n    #dua-project-page-ar .eyebrow{\n      display:flex;\n      align-items:center;\n      gap:11px;\n      margin-bottom:20px;\n      color:var(--gold-soft);\n      font-size:11px;\n      font-weight:800;\n      letter-spacing:.2em;\n      text-transform:uppercase;\n    }\n\n    #dua-project-page-ar .eyebrow::before{\n      content:'';\n      width:30px;\n      height:1px;\n      flex:0 0 30px;\n      background:currentColor;\n      box-shadow:0 0 14px color-mix(in srgb,var(--gold) 35%,transparent);\n    }\n\n    #dua-project-page-ar .project-hero h1{\n      max-width:620px!important;\n      margin:0 0 26px!important;\n      color:var(--text)!important;\n      font-size:clamp(52px,5.2vw,78px)!important;\n      line-height:.99!important;\n      font-weight:800!important;\n      letter-spacing:-.058em!important;\n    }\n\n    #dua-project-page-ar .project-hero h1 .gold{\n      color:var(--gold-soft)!important;\n    }\n\n    #dua-project-page-ar .hero-lead{\n      max-width:545px;\n      margin:0;\n      color:var(--text-soft);\n      font-size:17px;\n      line-height:1.72;\n      letter-spacing:-.012em;\n    }\n\n    #dua-project-page-ar .hero-tags{\n      display:flex;\n      flex-wrap:wrap;\n      gap:10px 18px;\n      margin-top:26px;\n      color:var(--copy);\n      font-size:11px;\n      font-weight:700;\n    }\n\n    #dua-project-page-ar .hero-tags span::before{\n      content:'';\n      display:inline-block;\n      width:6px;\n      height:6px;\n      margin-right:8px;\n      border-radius:50%;\n      vertical-align:1px;\n      background:var(--green);\n      box-shadow:0 0 12px color-mix(in srgb,var(--green) 40%,transparent);\n    }\n\n    #dua-project-page-ar .hero-divider{\n      height:1px;\n      max-width:520px;\n      margin:30px 0 18px;\n      background:var(--line);\n    }\n\n    #dua-project-page-ar .hero-note strong{\n      display:block;\n      margin-bottom:5px;\n      color:var(--text);\n      font-size:12px;\n    }\n\n    #dua-project-page-ar .hero-note span{\n      display:block;\n      max-width:500px;\n      color:var(--muted);\n      font-size:10.5px;\n      line-height:1.65;\n    }\n\n    \/* =========================\n       Form card\n       ========================= *\/\n    #dua-project-page-ar .enquiry-card{\n      min-height:680px;\n      overflow:hidden;\n      border:1px solid var(--line-strong);\n      border-radius:28px;\n      background:\n        linear-gradient(145deg,color-mix(in srgb,var(--text) 2.2%,transparent),transparent 38%),\n        var(--panel);\n      box-shadow:var(--shadow),inset 0 1px 0 color-mix(in srgb,var(--text) 3.5%,transparent);\n      backdrop-filter:blur(18px);\n      -webkit-backdrop-filter:blur(18px);\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .enquiry-card{\n      box-shadow:\n        0 26px 70px rgba(53,74,98,.14),\n        inset 0 1px 0 rgba(255,255,255,.92);\n    }\n\n    #dua-project-page-ar .form-card-head{\n      padding:24px 25px 20px;\n      border-bottom:1px solid var(--line);\n      background:color-mix(in srgb,var(--panel-strong) 78%,transparent);\n    }\n\n    #dua-project-page-ar .form-kicker{\n      margin-bottom:5px;\n      color:var(--gold-soft);\n      font-size:10px;\n      font-weight:800;\n      letter-spacing:.16em;\n      text-transform:uppercase;\n    }\n\n    #dua-project-page-ar .form-card-head h2{\n      margin:0!important;\n      color:var(--text)!important;\n      font-size:23px!important;\n      line-height:1.2!important;\n      letter-spacing:-.035em!important;\n      font-weight:800!important;\n    }\n\n    #dua-project-page-ar .form-card-head p{\n      margin:8px 0 0;\n      color:var(--muted);\n      font-size:12px;\n      line-height:1.55;\n    }\n\n    #dua-project-page-ar .route-selector{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:12px;\n      margin-top:18px;\n    }\n\n    #dua-project-page-ar .route-option{\n      position:relative;\n      cursor:pointer;\n    }\n\n    #dua-project-page-ar .route-option input{\n      position:absolute;\n      opacity:0;\n      pointer-events:none;\n    }\n\n    #dua-project-page-ar .route-surface{\n      min-height:112px;\n      padding:15px 15px 14px;\n      border:1px solid var(--line);\n      border-radius:17px;\n      display:block;\n      background:color-mix(in srgb,var(--field) 86%,transparent);\n      transition:border-color .18s ease,background .18s ease,transform .18s ease,box-shadow .18s ease;\n    }\n\n    #dua-project-page-ar .route-option:hover .route-surface{\n      transform:translateY(-1px);\n      border-color:color-mix(in srgb,var(--gold) 34%,var(--line));\n      background:var(--field-hover);\n    }\n\n    #dua-project-page-ar .route-option input:checked + .route-surface{\n      border-color:color-mix(in srgb,var(--gold) 55%,transparent);\n      background:\n        linear-gradient(145deg,color-mix(in srgb,var(--gold) 11%,transparent),transparent 60%),\n        var(--field);\n      box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 7%,transparent);\n    }\n\n    #dua-project-page-ar .route-icon{\n      width:30px;\n      height:30px;\n      margin-bottom:10px;\n      border-radius:9px;\n      display:grid;\n      place-items:center;\n      color:var(--gold-soft);\n      background:color-mix(in srgb,var(--gold) 10%,transparent);\n      font-size:14px;\n      font-weight:900;\n    }\n\n    #dua-project-page-ar .route-title{\n      display:block;\n      color:var(--text);\n      font-size:12px;\n      font-weight:800;\n      line-height:1.3;\n    }\n\n    #dua-project-page-ar .route-copy{\n      display:block;\n      margin-top:4px;\n      color:var(--muted);\n      font-size:10px;\n      line-height:1.45;\n    }\n\n    #dua-project-page-ar .form-body{\n      padding:22px 25px 24px;\n    }\n\n    #dua-project-page-ar .route-empty{\n      min-height:330px;\n      display:grid;\n      place-items:center;\n      text-align:center;\n      padding:38px 20px;\n      color:var(--muted);\n    }\n\n    #dua-project-page-ar .route-empty-inner{\n      max-width:330px;\n    }\n\n    #dua-project-page-ar .route-empty-mark{\n      width:58px;\n      height:58px;\n      margin:0 auto 15px;\n      border:1px solid var(--line);\n      border-radius:18px;\n      display:grid;\n      place-items:center;\n      color:var(--gold-soft);\n      background:color-mix(in srgb,var(--field) 86%,transparent);\n      font-size:21px;\n    }\n\n    #dua-project-page-ar .route-empty strong{\n      display:block;\n      color:var(--text);\n      font-size:14px;\n      margin-bottom:6px;\n    }\n\n    #dua-project-page-ar .route-empty span{\n      display:block;\n      font-size:11px;\n      line-height:1.6;\n    }\n\n    #dua-project-page-ar .enquiry-flow[hidden],\n    #dua-project-page-ar .form-step[hidden],\n    #dua-project-page-ar .conditional-field[hidden]{\n      display:none!important;\n    }\n\n    \/* Progress *\/\n    #dua-project-page-ar .progress-wrap{\n      margin-bottom:22px;\n    }\n\n    #dua-project-page-ar .progress-bar{\n      height:3px;\n      overflow:hidden;\n      border-radius:99px;\n      background:var(--line);\n    }\n\n    #dua-project-page-ar .progress-fill{\n      display:block;\n      width:25%;\n      height:100%;\n      border-radius:inherit;\n      background:linear-gradient(90deg,var(--gold),var(--gold-soft));\n      transition:width .28s ease;\n    }\n\n    #dua-project-page-ar .progress-labels{\n      display:flex;\n      justify-content:space-between;\n      gap:8px;\n      margin-top:9px;\n    }\n\n    #dua-project-page-ar .progress-label{\n      color:var(--muted-2);\n      font-size:9px;\n      font-weight:700;\n      white-space:nowrap;\n      transition:color .18s ease;\n    }\n\n    #dua-project-page-ar .progress-label.is-active,\n    #dua-project-page-ar .progress-label.is-complete{\n      color:var(--gold-soft);\n    }\n\n    \/* Step content *\/\n    #dua-project-page-ar .step-heading{\n      margin-bottom:17px;\n    }\n\n    #dua-project-page-ar .step-heading small{\n      display:block;\n      margin-bottom:5px;\n      color:var(--gold-soft);\n      font-size:9px;\n      font-weight:800;\n      letter-spacing:.14em;\n      text-transform:uppercase;\n    }\n\n    #dua-project-page-ar .step-heading h3{\n      margin:0!important;\n      color:var(--text)!important;\n      font-size:20px!important;\n      line-height:1.25!important;\n      letter-spacing:-.03em!important;\n      font-weight:800!important;\n    }\n\n    #dua-project-page-ar .step-heading p{\n      margin:7px 0 0;\n      color:var(--muted);\n      font-size:11px;\n      line-height:1.55;\n    }\n\n    #dua-project-page-ar .field-grid{\n      display:grid;\n      grid-template-columns:1fr 1fr;\n      gap:13px;\n    }\n\n    #dua-project-page-ar .field-grid.one{\n      grid-template-columns:1fr;\n    }\n\n    #dua-project-page-ar .field{\n      min-width:0;\n    }\n\n    #dua-project-page-ar .field.full{\n      grid-column:1\/-1;\n    }\n\n    #dua-project-page-ar .field label,\n    #dua-project-page-ar .field-label{\n      display:block;\n      margin-bottom:7px;\n      color:var(--copy);\n      font-size:10px;\n      font-weight:800;\n    }\n\n    #dua-project-page-ar .required-mark{\n      color:var(--gold-soft);\n    }\n\n    #dua-project-page-ar .field input,\n    #dua-project-page-ar .field select,\n    #dua-project-page-ar .field textarea{\n      width:100%;\n      border:1px solid var(--line);\n      border-radius:13px;\n      outline:none;\n      color:var(--text);\n      background:var(--field);\n      box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 1.8%,transparent);\n      transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;\n    }\n\n    #dua-project-page-ar .field input,\n    #dua-project-page-ar .field select{\n      min-height:48px;\n      padding:0 13px;\n      font-size:12px;\n    }\n\n    #dua-project-page-ar .field textarea{\n      min-height:145px;\n      padding:13px;\n      resize:vertical;\n      font-size:12px;\n      line-height:1.6;\n    }\n\n\n    \/* Native select menu readability *\/\n    #dua-project-page-ar .field select{\n      color-scheme:dark;\n    }\n\n    #dua-project-page-ar .field select option{\n      color:#f3f6fa;\n      background:#101a26;\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .field select{\n      color-scheme:light;\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .field select option{\n      color:#172238;\n      background:#f8fbfd;\n    }\n\n    #dua-project-page-ar .field input::placeholder,\n    #dua-project-page-ar .field textarea::placeholder{\n      color:var(--muted-2);\n      opacity:.85;\n    }\n\n    #dua-project-page-ar .field input:focus,\n    #dua-project-page-ar .field select:focus,\n    #dua-project-page-ar .field textarea:focus{\n      border-color:color-mix(in srgb,var(--gold) 46%,transparent);\n      background:var(--field-hover);\n      box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 7%,transparent);\n    }\n\n    #dua-project-page-ar .field-hint{\n      display:block;\n      margin-top:5px;\n      color:var(--muted-2);\n      font-size:9px;\n      line-height:1.45;\n    }\n\n    \/* Radio \/ checkbox cards *\/\n    #dua-project-page-ar .mini-choice-grid{\n      display:grid;\n      grid-template-columns:repeat(2,1fr);\n      gap:9px;\n    }\n\n    #dua-project-page-ar .mini-choice-grid.three{\n      grid-template-columns:repeat(3,1fr);\n    }\n\n    #dua-project-page-ar .choice-item{\n      position:relative;\n      cursor:pointer;\n    }\n\n    #dua-project-page-ar .choice-item input{\n      position:absolute;\n      opacity:0;\n      pointer-events:none;\n    }\n\n    #dua-project-page-ar .choice-box{\n      min-height:54px;\n      padding:10px 11px;\n      border:1px solid var(--line);\n      border-radius:12px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      text-align:center;\n      color:var(--copy);\n      background:var(--field);\n      font-size:10px;\n      font-weight:800;\n      line-height:1.35;\n      transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease;\n    }\n\n    #dua-project-page-ar .choice-item:hover .choice-box{\n      transform:translateY(-1px);\n      border-color:color-mix(in srgb,var(--gold) 30%,var(--line));\n      background:var(--field-hover);\n    }\n\n    #dua-project-page-ar .choice-item input:checked + .choice-box{\n      border-color:color-mix(in srgb,var(--gold) 52%,transparent);\n      color:var(--text);\n      background:color-mix(in srgb,var(--gold) 9%,var(--field));\n      box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 6%,transparent);\n    }\n\n    #dua-project-page-ar .area-chips{\n      display:flex;\n      flex-wrap:wrap;\n      gap:8px;\n    }\n\n    #dua-project-page-ar .area-chip{\n      position:relative;\n      cursor:pointer;\n    }\n\n    #dua-project-page-ar .area-chip input{\n      position:absolute;\n      opacity:0;\n      pointer-events:none;\n    }\n\n    #dua-project-page-ar .area-chip span{\n      min-height:38px;\n      padding:0 12px;\n      border:1px solid var(--line);\n      border-radius:99px;\n      display:inline-flex;\n      align-items:center;\n      color:var(--copy);\n      background:var(--field);\n      font-size:9.5px;\n      font-weight:800;\n      transition:.18s ease;\n    }\n\n    #dua-project-page-ar .area-chip input:checked + span{\n      border-color:color-mix(in srgb,var(--gold) 48%,transparent);\n      color:var(--text);\n      background:color-mix(in srgb,var(--gold) 9%,var(--field));\n    }\n\n    \/* Consent *\/\n    #dua-project-page-ar .consent{\n      position:relative;\n      margin-top:14px;\n    }\n\n    #dua-project-page-ar .consent label{\n      display:grid;\n      grid-template-columns:18px 1fr;\n      gap:9px;\n      align-items:start;\n      color:var(--muted);\n      font-size:9.5px;\n      line-height:1.55;\n      cursor:pointer;\n    }\n\n    #dua-project-page-ar .consent input{\n      width:16px;\n      height:16px;\n      margin:1px 0 0;\n      accent-color:var(--gold);\n    }\n\n    #dua-project-page-ar .consent a{\n      color:var(--gold-soft);\n      font-weight:800;\n    }\n\n    \/* Navigation buttons *\/\n    #dua-project-page-ar .form-actions{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:10px;\n      margin-top:22px;\n      padding-top:17px;\n      border-top:1px solid var(--line);\n    }\n\n    #dua-project-page-ar .form-actions.end{\n      justify-content:flex-end;\n    }\n\n    #dua-project-page-ar .form-btn{\n      min-height:46px;\n      padding:0 16px;\n      border-radius:12px;\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      gap:8px;\n      cursor:pointer;\n      font-size:11px;\n      font-weight:800;\n      transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease;\n    }\n\n    #dua-project-page-ar .form-btn.secondary{\n      border:1px solid var(--line);\n      color:var(--copy);\n      background:transparent;\n    }\n\n    #dua-project-page-ar .form-btn.secondary:hover{\n      color:var(--text);\n      border-color:var(--line-strong);\n      background:color-mix(in srgb,var(--field) 74%,transparent);\n    }\n\n    #dua-project-page-ar .form-btn.primary{\n      border:1px solid color-mix(in srgb,var(--gold) 40%,transparent);\n      color:var(--gold-ink);\n      background:linear-gradient(135deg,#f3d99f,var(--gold));\n      box-shadow:0 12px 26px color-mix(in srgb,var(--gold) 15%,transparent);\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .form-btn.primary{\n      color:#172238;\n      background:linear-gradient(135deg,#f8e8c8,#e1b455);\n    }\n\n    #dua-project-page-ar .form-btn.primary:hover{\n      transform:translateY(-1px);\n      box-shadow:0 16px 32px color-mix(in srgb,var(--gold) 22%,transparent);\n    }\n\n    #dua-project-page-ar .form-btn:focus-visible,\n    #dua-project-page-ar .route-option input:focus-visible + .route-surface,\n    #dua-project-page-ar .choice-item input:focus-visible + .choice-box,\n    #dua-project-page-ar .area-chip input:focus-visible + span{\n      outline:2px solid color-mix(in srgb,var(--gold) 70%,transparent);\n      outline-offset:2px;\n    }\n\n    #dua-project-page-ar .form-footnote{\n      margin-top:13px;\n      color:var(--muted-2);\n      font-size:8.5px;\n      line-height:1.55;\n      text-align:center;\n    }\n\n    #dua-project-page-ar .design-status{\n      display:none;\n      margin-top:16px;\n      padding:12px 13px;\n      border:1px solid color-mix(in srgb,var(--green) 26%,transparent);\n      border-radius:12px;\n      color:var(--copy);\n      background:color-mix(in srgb,var(--green) 7%,transparent);\n      font-size:10px;\n      line-height:1.5;\n    }\n\n    #dua-project-page-ar .design-status.is-visible{\n      display:block;\n    }\n\n    #dua-project-page-ar .design-status strong{\n      color:var(--green);\n    }\n\n    #dua-project-page-ar .honeypot{\n      position:absolute!important;\n      left:-9999px!important;\n      width:1px!important;\n      height:1px!important;\n      overflow:hidden!important;\n      opacity:0!important;\n      pointer-events:none!important;\n    }\n\n    \/* =========================\n       Lower sections\n       ========================= *\/\n    #dua-project-page-ar .project-section{\n      padding:78px 0;\n      border-top:1px solid color-mix(in srgb,var(--text) 4%,transparent);\n      background:var(--bg-soft);\n    }\n\n    #dua-project-page-ar .project-section.alt{\n      background:var(--bg);\n    }\n\n    #dua-project-page-ar .section-kicker{\n      color:var(--gold-soft);\n      font-size:10px;\n      font-weight:800;\n      letter-spacing:.17em;\n      text-transform:uppercase;\n    }\n\n    #dua-project-page-ar .project-section h2{\n      max-width:760px;\n      margin:12px 0 18px!important;\n      color:var(--text)!important;\n      font-size:clamp(32px,4.3vw,48px)!important;\n      line-height:1.08!important;\n      letter-spacing:-.045em!important;\n      font-weight:800!important;\n    }\n\n    #dua-project-page-ar .section-intro{\n      max-width:820px;\n      margin:0;\n      color:var(--muted);\n      font-size:14px;\n      line-height:1.7;\n    }\n\n    #dua-project-page-ar .support-cards{\n      display:grid;\n      grid-template-columns:repeat(3,1fr);\n      gap:18px;\n      margin-top:36px;\n    }\n\n    #dua-project-page-ar .support-card{\n      min-height:220px;\n      padding:24px;\n      border:1px solid var(--line);\n      border-radius:18px;\n      background:color-mix(in srgb,var(--panel) 70%,transparent);\n      box-shadow:inset 0 1px 0 color-mix(in srgb,var(--text) 2.5%,transparent);\n    }\n\n    #dua-project-page-ar .support-card .num{\n      color:var(--gold-soft);\n      font-size:10px;\n      font-weight:800;\n    }\n\n    #dua-project-page-ar .support-card h3{\n      margin:42px 0 8px!important;\n      color:var(--text)!important;\n      font-size:18px!important;\n      line-height:1.3!important;\n      font-weight:800!important;\n    }\n\n    #dua-project-page-ar .support-card p{\n      margin:0;\n      color:var(--muted);\n      font-size:12px;\n      line-height:1.65;\n    }\n\n    #dua-project-page-ar .next-steps{\n      margin-top:26px;\n      border-top:1px solid var(--line);\n    }\n\n    #dua-project-page-ar .next-step{\n      display:grid;\n      grid-template-columns:44px 1fr;\n      gap:12px;\n      padding:22px 0;\n      border-bottom:1px solid var(--line);\n    }\n\n    #dua-project-page-ar .next-step b{\n      color:var(--gold-soft);\n      font-size:10px;\n    }\n\n    #dua-project-page-ar .next-step strong{\n      display:block;\n      margin-bottom:5px;\n      color:var(--text);\n      font-size:14px;\n    }\n\n    #dua-project-page-ar .next-step span{\n      color:var(--muted);\n      font-size:12px;\n      line-height:1.6;\n    }\n\n    #dua-project-page-ar .project-footer{\n      padding:28px 0;\n      border-top:1px solid var(--line);\n      background:color-mix(in srgb,var(--bg) 92%,#000 8%);\n    }\n\n    #dua-project-page-ar .footer-inner{\n      display:flex;\n      align-items:center;\n      justify-content:space-between;\n      gap:24px;\n    }\n\n    #dua-project-page-ar .footer-inner strong{\n      color:var(--text);\n      font-size:12px;\n    }\n\n    #dua-project-page-ar .footer-inner small{\n      display:block;\n      margin-top:4px;\n      color:var(--muted);\n    }\n\n    #dua-project-page-ar .footer-links{\n      display:flex;\n      gap:18px;\n      color:var(--copy);\n      font-size:11px;\n    }\n\n\n    \/* ==========================================================\n       ARABIC FONT LOCK \u2014 Noto Kufi Arabic\n       Prevent Elementor \/ global heading styles from replacing it\n       ========================================================== *\/\n    #dua-project-page-ar,\n    #dua-project-page-ar *{\n      font-family:'Noto Kufi Arabic','Manrope',Arial,sans-serif!important;\n    }\n\n    #dua-project-page-ar :is(h1,h2,h3,h4,h5,h6){\n      font-family:'Noto Kufi Arabic','Manrope',Arial,sans-serif!important;\n      letter-spacing:0!important;\n    }\n\n    #dua-project-page-ar .project-hero h1{\n      font-weight:700!important;\n      line-height:1.22!important;\n      letter-spacing:0!important;\n    }\n\n    #dua-project-page-ar .form-card-head h2,\n    #dua-project-page-ar .step-heading h3,\n    #dua-project-page-ar .project-section h2,\n    #dua-project-page-ar .support-card h3{\n      font-weight:700!important;\n      letter-spacing:0!important;\n    }\n\n    \/* Keep the English brand and numeric markers crisp *\/\n    #dua-project-page-ar .dua-brand,\n    #dua-project-page-ar .dua-brand *,\n    #dua-project-page-ar .route-icon,\n    #dua-project-page-ar .support-card .num,\n    #dua-project-page-ar .next-step b{\n      font-family:'Manrope','Noto Kufi Arabic',Arial,sans-serif!important;\n    }\n\n    \/* =========================\n       Responsive\n       ========================= *\/\n    @media(max-width:1100px){\n      #dua-project-page-ar .dua-shell{\n        width:min(980px,calc(100% - 36px));\n      }\n\n      #dua-project-page-ar .dua-project-topbar{\n        grid-template-columns:1fr auto;\n        gap:14px;\n        padding:0 11px;\n      }\n\n      #dua-project-page-ar .dua-project-nav,\n      #dua-project-page-ar .dua-project-cta{\n        display:none;\n      }\n\n      #dua-project-page-ar .dua-mobile-toggle{\n        width:42px;\n        height:42px;\n        padding:0;\n        border:1px solid var(--line);\n        border-radius:12px;\n        display:flex;\n        align-items:center;\n        justify-content:center;\n        color:var(--text);\n        background:color-mix(in srgb,var(--field) 76%,transparent);\n        font-size:20px;\n        cursor:pointer;\n      }\n\n      #dua-project-page-ar .dua-project-topbar{\n        position:relative;\n      }\n\n      #dua-project-page-ar .dua-mobile-nav.open{\n        position:absolute;\n        top:calc(100% + 10px);\n        left:0;\n        right:0;\n        display:grid;\n        gap:4px;\n        padding:12px;\n        border:1px solid var(--line-strong);\n        border-radius:16px;\n        background:color-mix(in srgb,var(--bg) 97%,transparent);\n        box-shadow:0 24px 70px rgba(0,0,0,.22);\n        backdrop-filter:blur(18px);\n        -webkit-backdrop-filter:blur(18px);\n      }\n\n      #dua-project-page-ar .dua-mobile-nav a{\n        padding:11px 12px;\n        border-radius:9px;\n        color:var(--copy);\n        font-size:12px;\n        font-weight:700;\n      }\n\n      #dua-project-page-ar .dua-mobile-nav a:hover{\n        color:var(--text);\n        background:color-mix(in srgb,var(--field) 78%,transparent);\n      }\n\n      #dua-project-page-ar .project-hero{\n        padding-top:76px;\n      }\n\n      #dua-project-page-ar .project-hero-grid{\n        grid-template-columns:1fr;\n        gap:38px;\n      }\n\n      #dua-project-page-ar .hero-copy{\n        max-width:760px;\n        padding-top:10px;\n      }\n\n      #dua-project-page-ar .project-hero h1{\n        max-width:800px!important;\n        font-size:clamp(54px,8vw,76px)!important;\n      }\n\n      #dua-project-page-ar .hero-lead{\n        max-width:700px;\n      }\n\n      #dua-project-page-ar .enquiry-card{\n        min-height:0;\n      }\n\n      #dua-project-page-ar .support-cards{\n        grid-template-columns:1fr;\n      }\n\n      #dua-project-page-ar .support-card{\n        min-height:auto;\n      }\n    }\n\n    @media(max-width:700px){\n      #dua-project-page-ar .dua-shell{\n        width:calc(100% - 28px);\n      }\n\n      #dua-project-page-ar .dua-project-topbar-wrap{\n        padding-top:10px;\n      }\n\n      #dua-project-page-ar .dua-project-topbar{\n        min-height:62px;\n        border-radius:17px;\n      }\n\n      #dua-project-page-ar .dua-brand-mark{\n        width:34px;\n        height:34px;\n        flex-basis:34px;\n      }\n\n      #dua-project-page-ar .project-hero{\n        padding:64px 0 58px;\n      }\n\n      #dua-project-page-ar .project-hero::after{\n        display:none;\n      }\n\n      #dua-project-page-ar .project-hero h1{\n        font-size:clamp(44px,12.8vw,58px)!important;\n        line-height:1!important;\n      }\n\n      #dua-project-page-ar .hero-lead{\n        font-size:15px;\n      }\n\n      #dua-project-page-ar .enquiry-card{\n        border-radius:20px;\n      }\n\n      #dua-project-page-ar .form-card-head,\n      #dua-project-page-ar .form-body{\n        padding-left:15px;\n        padding-right:15px;\n      }\n\n      #dua-project-page-ar .route-selector{\n        grid-template-columns:1fr;\n      }\n\n      #dua-project-page-ar .route-surface{\n        min-height:auto;\n      }\n\n      #dua-project-page-ar .field-grid{\n        grid-template-columns:1fr;\n      }\n\n      #dua-project-page-ar .field.full{\n        grid-column:auto;\n      }\n\n      #dua-project-page-ar .mini-choice-grid.three{\n        grid-template-columns:1fr;\n      }\n\n      #dua-project-page-ar .progress-labels{\n        gap:4px;\n      }\n\n      #dua-project-page-ar .progress-label{\n        font-size:8px;\n      }\n\n      #dua-project-page-ar .form-actions{\n        align-items:stretch;\n      }\n\n      #dua-project-page-ar .form-btn{\n        flex:1;\n      }\n\n      #dua-project-page-ar .project-section{\n        padding:58px 0;\n      }\n\n      #dua-project-page-ar .footer-inner{\n        align-items:flex-start;\n        flex-direction:column;\n      }\n\n      #dua-project-page-ar .footer-links{\n        flex-wrap:wrap;\n      }\n    }\n\n    @media(max-width:430px){\n      #dua-project-page-ar .mini-choice-grid{\n        grid-template-columns:1fr;\n      }\n\n      #dua-project-page-ar .form-actions{\n        flex-direction:column-reverse;\n      }\n\n      #dua-project-page-ar .form-actions.end{\n        flex-direction:column;\n      }\n\n      #dua-project-page-ar .progress-label span{\n        display:none;\n      }\n    }\n\n    @media(prefers-reduced-motion:reduce){\n      #dua-project-page-ar *,\n      #dua-project-page-ar *::before,\n      #dua-project-page-ar *::after{\n        scroll-behavior:auto!important;\n        transition:none!important;\n        animation:none!important;\n      }\n    }\n\n    \/* ==========================================================\n       FINAL ARABIC FONT LOCK \u2014 Noto Kufi Arabic\n       ========================================================== *\/\n    #dua-project-page-ar{\n      font-family:'Noto Kufi Arabic','Manrope',Arial,sans-serif!important;\n    }\n\n    #dua-project-page-ar :is(\n      h1,h2,h3,h4,h5,h6,\n      p,span,label,button,\n      input,textarea,select,option,\n      a,small,strong,b\n    ){\n      font-family:'Noto Kufi Arabic','Manrope',Arial,sans-serif!important;\n    }\n\n    #dua-project-page-ar .dua-brand,\n    #dua-project-page-ar .dua-brand *,\n    #dua-project-page-ar .route-icon,\n    #dua-project-page-ar .support-card .num,\n    #dua-project-page-ar .next-step b{\n      font-family:'Manrope','Noto Kufi Arabic',Arial,sans-serif!important;\n    }\n\n\n    \/* ==========================================================\n       FINAL RTL FULL-WIDTH LOCK\n       Fixes Elementor\/translation RTL horizontal page shift\n       ========================================================== *\/\n    html:has(#dua-project-page-ar),\n    body:has(#dua-project-page-ar){\n      overflow-x:hidden!important;\n    }\n\n    #dua-project-page-ar{\n      position:relative!important;\n      left:50%!important;\n      right:auto!important;\n\n      width:100vw!important;\n      max-width:none!important;\n\n      margin-left:0!important;\n      margin-right:0!important;\n\n      transform:translateX(-50%)!important;\n    }\n\n\n    \/* ==========================================================\n       FINAL SITE-WIDE HEADER + ROUTE TRANSITION\n       ========================================================== *\/\n\n    #dua-project-page-ar .dua-project-topbar-wrap > .dua-shell{\n      width:min(1180px,calc(100% - 42px))!important;\n    }\n\n    \/* Standard header class hooks are also present in the markup.\n       This lets the existing global language switcher use the same\n       EN \/ AR control already shown on the rest of the site. *\/\n    #dua-project-page-ar .dua-project-topbar{\n      grid-template-columns:auto 1fr auto auto!important;\n    }\n\n    #dua-project-page-ar .dua-language-switcher{\n      flex:0 0 auto!important;\n    }\n\n    #dua-project-page-ar .enquiry-card.is-routed .form-card-head{\n      display:none!important;\n    }\n\n    #dua-project-page-ar .enquiry-card.is-routed .form-body{\n      padding-top:24px!important;\n    }\n\n    #dua-project-page-ar .enquiry-card.is-routed .enquiry-flow:not([hidden]){\n      animation:duaRouteEnter .28s ease both;\n    }\n\n    #dua-project-page-ar .flow-toolbar{\n      display:flex;\n      align-items:center;\n      margin:0 0 13px;\n    }\n\n    #dua-project-page-ar .change-route{\n      min-height:34px;\n      padding:0 11px;\n      border:1px solid var(--line);\n      border-radius:10px;\n      color:var(--copy);\n      background:color-mix(in srgb,var(--field) 82%,transparent);\n      font-size:10px;\n      font-weight:800;\n      cursor:pointer;\n      transition:border-color .18s ease,color .18s ease,background .18s ease;\n    }\n\n    #dua-project-page-ar .change-route:hover{\n      color:var(--text);\n      border-color:color-mix(in srgb,var(--gold) 34%,var(--line));\n      background:var(--field-hover);\n    }\n\n    @keyframes duaRouteEnter{\n      from{opacity:0;transform:translateY(8px)}\n      to{opacity:1;transform:none}\n    }\n\n    @media(max-width:1100px){\n      #dua-project-page-ar .dua-project-topbar{\n        grid-template-columns:1fr auto!important;\n      }\n    }\n\n    @media(max-width:700px){\n      #dua-project-page-ar .dua-project-topbar-wrap > .dua-shell{\n        width:min(100% - 28px,1180px)!important;\n      }\n    }\n\n\n    \/* Language-switch fallback: used only if the existing site\/plugin\n       has not already inserted the normal .dua-language-switcher. *\/\n    #dua-project-page-ar .dua-fallback-language-switcher{\n      min-width:76px;\n      min-height:54px;\n      padding:0 12px;\n      border:1px solid var(--line);\n      border-radius:28px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      gap:7px;\n      direction:ltr!important;\n      color:var(--copy);\n      background:color-mix(in srgb,var(--bg) 88%,transparent);\n      font-family:'Manrope',Arial,sans-serif!important;\n      font-size:10px;\n      font-weight:800;\n      line-height:1;\n    }\n\n    #dua-project-page-ar .dua-fallback-language-switcher a{\n      color:var(--copy);\n    }\n\n    #dua-project-page-ar .dua-fallback-language-switcher a[aria-current=\"page\"]{\n      color:var(--gold-soft);\n    }\n\n    #dua-project-page-ar .dua-mobile-language{\n      display:flex;\n      align-items:center;\n      gap:8px;\n      padding:10px 12px;\n      direction:ltr!important;\n      font-family:'Manrope',Arial,sans-serif!important;\n      font-size:11px;\n      font-weight:800;\n    }\n\n    #dua-project-page-ar .dua-mobile-language a[aria-current=\"page\"]{\n      color:var(--gold-soft)!important;\n    }\n\n    @media(max-width:1100px){\n      #dua-project-page-ar .dua-fallback-language-switcher{\n        display:none!important;\n      }\n    }\n\n\n    \/* ==========================================================\n       V1.6 \u2014 HARD RTL VIEWPORT LOCK + BACKGROUND CONTINUITY\n       ========================================================== *\/\n\n    html:has(#dua-project-page-ar),\n    body:has(#dua-project-page-ar){\n      width:100%!important;\n      max-width:none!important;\n      overflow-x:hidden!important;\n      background:#080d15!important;\n    }\n\n    body:has(#dua-project-page-ar) :is(\n      #page,\n      .site,\n      main,\n      .site-main,\n      .content-area,\n      .entry-content,\n      .elementor,\n      .elementor-inner,\n      .elementor-section-wrap,\n      .e-con,\n      .elementor-element,\n      .elementor-widget-html,\n      .elementor-widget-container\n    ):has(#dua-project-page-ar){\n      max-width:none!important;\n      overflow:visible!important;\n    }\n\n    #dua-project-page-ar{\n      position:relative!important;\n      left:auto!important;\n      right:auto!important;\n      width:100vw!important;\n      max-width:none!important;\n      margin:0!important;\n    }\n\n    #dua-project-page-ar .dua-project-topbar-wrap{\n      width:100%!important;\n      background:var(--bg)!important;\n    }\n\n    #dua-project-page-ar .project-hero{\n      width:100%!important;\n      background:var(--bg)!important;\n    }\n\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .dua-project-topbar-wrap,\n    html[data-dua-theme=\"light\"] #dua-project-page-ar .project-hero{\n      background:var(--bg)!important;\n    }\n\n    #dua-project-page-ar .project-hero-grid{\n      direction:rtl!important;\n    }\n\n    #dua-project-page-ar .hero-copy{\n      justify-self:stretch!important;\n      text-align:right!important;\n    }\n\n    #dua-project-page-ar .enquiry-card{\n      justify-self:stretch!important;\n      min-width:0!important;\n    }\n\n    @media(max-width:1100px){\n      #dua-project-page-ar .project-hero-grid{\n        grid-template-columns:1fr!important;\n      }\n\n      #dua-project-page-ar .hero-copy,\n      #dua-project-page-ar .enquiry-card{\n        width:100%!important;\n        max-width:none!important;\n      }\n    }\n\n\n    \/* ==========================================================\n       ROUTE EMPTY \u2014 SHOW ONLY BEFORE THE FIRST CHOICE\n       ========================================================== *\/\n    #dua-project-page-ar .route-empty[hidden]{\n      display:none!important;\n    }\n\n  <\/style>\n\n  <div class=\"dua-project-topbar-wrap topbar-wrap\">\n    <div class=\"dua-shell\">\n      <header class=\"dua-project-topbar topbar\">\n        <a class=\"dua-brand brand\" href=\"\/newsite\/ar\/\">\n          <span class=\"dua-brand-mark brand-mark\" aria-hidden=\"true\">\n            <img src=\"data:image\/webp;base64,UklGRpQQAABXRUJQVlA4IIgQAACwTwCdASoAAQABPjEWikMiISEWqZxgIAMEpu3rpN7fbv87+SvkScB6Z\/Vf2T\/qv7h9OvqV37\/JbMt\/DvzL\/R\/338h\/nP+qvsF\/Pf+x9wD9Iv9X\/YP8j+xPcz8wH66f8z\/F+8v\/jv9V\/QPcZ\/jPUA\/o3+W\/\/HYOfuN7AH7M+l3+2nwaftl+4HtBf\/nrAOo37L\/4bwG\/tn9u5Q32tzjX2D\/Nf1z6medHgBfjH8s\/zP5QflzyZoBPrH\/kf6x3x3oh4gH5YcclQA\/Qn\/M9l\/+N\/4n+L\/Mb2v\/m39x\/7v97\/ID7C\/5N\/X\/952CP3J9mL9g\/\/+bbgCzahPzHgfpYC7KxXrxXAFsUEYLPrC4WsSLDrWZGthP2sFe\/Tv66PoFln2IdAa1kQ9WeWWhvOHKQP0Cb0DA+GMb3g6GGn5SFkN9EmFXwbB9PG6cGL4\/PzMvpukCgjQXu3k6aH0YOBkufbV37eutB5oeR6e2ocUjlIdK6+0E9y\/yjPRqtdw0vSs0nc55\/Nrv6NebpCZWPsOuWBKlNsUiDNlqQN+gEqB7n86gfPNzFHorTsej6AqfHAAlta0GvgrWui7ob7B34NSZZsHhmcMJE+mk1iFwubdJ4fnykc+LmrzcAo+PijXU2TE6d8rgYBZKV2+oXjcrkASmGwlHNf5fTdQjPxVhITU6FFeknhTO1nr14ecib3L03wgTURfGvu3RWljoe0gITLwKZuf3P8TeGHzUIhjLGyFvayMvi0EgE\/3E3AA13Pa4qJKjMkU2ewCPuQ9vOlbQawHZt00ZetX\/GBpsJQwXOyhSOXkYlXAI6Nmi5VRymljRObHoykBYNRc5P\/q3D3IIRnXfvMu+zCvSKfFeOyIxAAP7\/mndWIcP6149CS0RRe9+POIMsY7nNFBF8tkucw2M2QvARmgktM7yJM+frk93MCyTooqFvNpc8Io50s\/skGCj5IpKiZ5ECrV7y3FoKP82FUFFlVzk0YrnXliG7+H+pSpZ5e9MfA2FE8zWiraJ0PCMG0Yc6zNcHcPieYtnyzz5JK1OFinrDSJ0qd8D\/ItyeSEBpFYvUjNTBtUOXZXVyxZe23\/bJKzzbBgzwyDyPIVxsNF8Gn614oBWqi8PLK9ZCmnPyH180h\/jorNgD7jttl\/Ug3h5BNC3ibDuIoTTmMmBtQ9ulkavYOidq9J1DXxMqOduY28ULxnwIXfs\/w294YwVGW4ChfnwPtsBs6RD3EPt\/8OeNfhUluHRbRFMJ1lT5AlATbJyOJ+ew0uP6u27ejoQ76FIcRfescnMX\/8YD6sbG0imfD8KAi7qX+cBh4mt5UelH\/pCskxK+kTO6nIdg487y3Qs1mZJK2p7p1qNMZC8oTQwPyqdZ2rW5l4RBMFKU5G8wvE\/YZENIQ9xNxe649h0rYBtFLRryxXnLeZVY5dQEJ2ZeDRm2yAMLzUDMv0nWpY\/nMVKLjmQqG0wKNr008X8+RquLpT5+OZMRG8isP7p3VE+UMrKc4SMPWl3e7UkdFj\/qSxXcJsnJVQ1RY45L\/\/iexZd2PrtuM1wrVtl1Xs\/+egJfkI8bSiII\/Dj2sAugvU6IQ008OtOOgEUYnWQCWXQIKDh6gO6Z5Q3V\/OA0G7yXBp2cdb2nE4\/BBRzL11F38u7T0QoWUVMANtXf1A0unrQuCKh3szHH+dhD9pK3JjmQq9nAz2+j1kmge9+B1fPgZYme\/Ilk6cnNMVFhihQtAxjntehDt8zFQs5lib03uI66V81foiwEiJ5bC\/ynx3NKUd8x37irMAMCg7H1nI8Q3Nv1A+z+55WMcrczP625SFZB4m2sr8vVYAVF\/LjOrGjvd7xkpc\/kzSwg0ZnGxrnIVcdGLCHpQrvFGpuihyuQ4k+KBURcQOjZ5+W1gIwn7ydoZLaEtT9MgR1f4\/89SmPtE4NHgGFNO3OFlkpRGzlF6\/8ND3E+PlJkuWGgT9p\/Y2GqQPzrzYZwLkcrKspR\/sTaCYPArJxvmx+74p3idX91ARaDRsFXqxTK6f6BBT6H\/QjZWG7pus1KIqn2cmtBxUuw9hWaipimB6KJZ\/mPqGwzAwFQrG9JEv\/WhPhcxNVtChClWAAGF6yj+3gmubMRazzaDNakyDdIBcESXCCxvl42MOSFHi0cNZSwPbE0miHNNMwBZEdax6PEcULWcG6w9r2P\/CbHH01EPzAktc2m3Ae8EnU5VraUkgli6gp7Jer+Ke8b3WqPLv4coCSloNC7tFCc\/j8\/gMAmWnmxVWCvTBxbQz2PBpW6BnsiYaTr6QybN0347Cz0eFKq9AS7XoYr4ImRHe3fZQqArBsvJB2gpjerkdzbTI9WwO7Uk5J9XY+X2J90s8uAzz2a2YTr0LIoIRixfXZ8rbkaxJYh1hYrK20Va6wFjQb\/2Yo2d98WijKUg3HGIQQxvW3WEUQwH9TIamL1pvjU7CeusJu4tX7AYMhTJvVbv0\/QzyaJ4wk1q+2ula1NarlzVK\/CggWOYwRf2G7\/VfPWvuKFT52G1yZ9ffid7iwdClLjIJO9cI9NbRzaMWSregBG3nni+UE7lizzHoZavxO1dDXehR6IhY4htSTrVdY+9ospGwclt500TuuEyd9XGFEkhCVXJBKohUj9HmvlPue5SxUIDNuqGzlkynxhAq6MB\/fYjA1FC+ZUnY6ZxBAqZzGDFXM5RMCteQWiAR6Rm\/f2f8x9lUQQW\/5jRlPDaBbwtQd+BpyPe9LueQdPCXzH0GGffbluK4ni0yhfh7m+ZRU2bDpCKpcnnggYgoQjceNzXRM9JYpj7sKhV6NVjjLm8yQGdFTq2YUIE5jhW9TDfsXPsjpr5bWB16zei0q571hIayeHEaiYHZHOts\/JWLxzeUUcNM\/\/6UlvjkDPIrhB\/lHXuqqd1fV1iV0yiUISzIFFOSoccdNlhQHmahRjO+DSEVZ09mzERNGZBdC6fjFFexvPgrsktKYun7jFwb7cWKeh8Cr3zlxgGtfJuT1+Sq62LVUUWaw+ab4B+a7\/e2sqK1PMoGEEv9HxC5wqxhNlVqa\/zuhU\/7UerUGx8+E7XlVtD3+BQaGZja\/FWCBfZHJAYut\/74wmBDAxL6pagLNWU59PTG1kfvPlgWSAV3wtRv6SiJtgh\/cmD1GeR7AaKHVtx\/aQTBFwyN3xIFC3\/3Y597RXgSYGXu9KcaWTKXIYzhteDM8wi9eOj5b0GqBtuFdCZMeYDnuy74htRMqEb2l7ixKXaMLN2ySMMOj65Cpl\/VOP8Pcy7jGwb5kJ5bKSBOGITjbcWz9Z\/oTl4o2jyid9LgoRGyXHzAKo1ZRBFEIcXYkoHWwB0AEC196GPqkU1EloHEeh+4L\/7mJuVAEEcdnEHDf1PKvf8C93KG8qIO\/h+CXyyN5OB\/iDU71xQNfKC1w2LbvNM9KyX+64\/BQNIiAV\/MpLwhyQDNs9b\/XNOhoiDogu9GWEHbwyg6onk0dSw0xYrwpuDU4Y4oLSOY0XQRLmHO8aoRX\/Q+YQoOTSG4OmV3MWb85cWlKXnUJZxyUveUVF6oAC2krg5WRuE0g\/ri52+iwTiaWLpi15raaDJeI51OT1Ew6bPip2nsh6N7dQEJw9wOMSPU+E5HDu2frfu3seTrRKrhhbApRoPQgXudZnURQFfyTUGNSy3hnYGNZHDzmCt9aNBAvCOxzKnbTVRbXOHTMe10fI5AdhdpfSC8aBAxsVqxp3cpvj3Ag56SnBnLW6pKL92TA\/H5goP2xWPuXZ7pb2KfQ+XpC7ytKWpgsnmckQIPyQQLnzAnNdn4y6Z253BfKCXqJmwp\/\/FadEtWR6cAqQURafF+GI6Lbb2QLfVnv402ayIZ7fCLYoNwv5z0L05CS37\/pxB0LMv1+LAyinJfoLwVb\/TY5U5hFYYc5MFQxMaZBikKncEeBHIstyQQKzayaUscVCP1nBnJfJIiZYZ1eOxuuF+hzmA6bsUYj8vRvDSFskfgZZsJzvHrs5BBIMYmqEl9Xpo554lT2TV4EHAEdsYeI9wx4XDSrQrM8Nzi6\/YEkWsSfdQxyeoXGE0M86FOmAvVrqE6ex+lXDIRfxYoUiykhlDNdrxJQgM+uXfFxmlDz7nffkJGQjD1eYwZB0x132rU2Iegr3CqcFI\/p4QB+BID7VFQQOrXT+tOuniKVOq\/RNbaTxQgKvvOXQmIBgwGk2HQSrxY48u7BIm81KMVXVLI6ilsP0FOOyWLQlBPiIoR6bALnFbYJEjgnBnCCxL+f5rzcU0D\/pikt+Jhb\/E\/V3cRXCoFCpyKd5VwSvpcK9FDM7sNMvxXL9hBRZCaDwWYtJcZoAvrDoCc\/jbZdBGPDDHtmQf+H7SYh0iV0EkCuG5Ib0oa4QhdezjFBPnT\/v+Bd0y4VSN7KuAwBcvor1GRMWszoirflqaJsV7UYSawldeq+WMpt2CpP\/EzlgazYwYAULMyO\/DIcklroyUpr76vJynZDrOVYKzEDK6w1Nue6B6Fhdny3XVfZXmC2hlMUGyTs4IDPOsM0Nrbum7Zz\/\/xIvkfhYD8YdaQe\/pdyNNP83D7RF4DwIzCiBiEDrPHybtSADw\/5ids\/VWyeNp4V2o1vgxTJyoEJ6fxgzn+Jb7m673s2UzsmUH8JfjCsEOcGL3IYnDbdteMK9LEjrVakksd28fspN0VgvAskyYoqQigM6FBjDmdPjiL5bVCHtwptYvQ98j2ZIv00nOuRrg7cPV5sxeGm4EDcUXU48hM6SyG6LqDK32htkj74K9Vfj5aiJXzy5w3UKjs8ICT+64FTmNcqxXugs6AF6oakDJ4iYaJLDFyZ94BGAKPZoYzmRJwjQuvFrxNKxSEnd3Bti2JmQqNoAdc1SupnVUtu6ANRlWZc3Qsfp8w5AZQFyGOO3oFcNjmMgYaZGfApSd8BwVJPi1RUl0oISFHcg+HJu0TAbcranndSzUM6Ymu8H1CVrvLjAHHc99OVo1ThnuTIdMRFwjeOahbQWgyBu9b0UFFiVvqbNyBl4DM9Q1xv50cPIHo6gxDm5KUxbz9TgwDyrlYWvRq\/wCNfNRZO6T5Aapj7aDgacqC1paXHZXfl5whhbu08aZgNYZXBGkuY+zgpfC\/J60coLd85k8TpBW9tWmz\/v\/UgZ2MCm6YFsx94po2ox3pPyjBnEjk2srRSpmhZTrwR1DJaekC935nezwpWTaGs\/CCBxMjKoajInMs3wX9MTH1djkOVtDHgEyByEpj29mMJu4V2lhYlGerNx+shDHwstTjFKp86w8jLNB7abwqJV8hUsfthpsx\/OGr4GfVYofUu1aG3W911\/nLtpFUIKRg9APKbPV37y17LOyr\/bnBXy8nGJ0KqieS96hXn07D53k+AebChczGYmrRtprlSJH6vmndxS\/ndO1VKTFmDXtN0EdnKiR5MLOmtrY+cqapuj5D1M\/gANcc0fQoVR1Fzn0CLR7Eps4xHj8i9oigup5eOjXkVi7B\/x+uczHO8uUwJCxdQFj6kLMGU\/RyhrBI6bzjVSiND9ifc9GTMtLfESXb2W0tAHeaqaT76+L0ZQBuwFG9YUi7U7TePSwvWUMorGvTdJVEPETD5pvSaqoTY1dRAfHiUf2aE8CUtwbR\/jpVNg0YZigpMlUxQkakYdG3e4aOLZnF\/lXP72NooDD9H2TF+qWEmN2zZW5IMc\/WB5JDLKIodItuaAAA==\" alt=\"\" width=\"38\" height=\"38\" decoding=\"async\">\n          <\/span>\n          <span>DUA SYSTEMS<\/span>\n        <\/a>\n\n        <nav class=\"dua-project-nav nav\" aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\">\n          <a href=\"\/newsite\/ar\/wordpress\/\">\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/a>\n          <a href=\"\/newsite\/ar\/automation\/\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/a>\n          <a href=\"\/newsite\/ar\/work\/\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/insights\/\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n          <a href=\"\/newsite\/ar\/about\/\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n        <\/nav>\n\n        <a class=\"dua-project-cta btn btn-primary topbar-cta\" href=\"#dua-enquiry-form\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\n\n        <button class=\"dua-mobile-toggle mobile-menu-toggle\" type=\"button\" aria-label=\"\u0641\u062a\u062d \u0627\u0644\u0642\u0627\u0626\u0645\u0629\" aria-expanded=\"false\" aria-controls=\"dua-project-page-ar-mobile-nav\">\u2630<\/button>\n\n        <nav id=\"dua-project-page-ar-mobile-nav\" class=\"dua-mobile-nav mobile-nav\" aria-label=\"\u0627\u0644\u062a\u0646\u0642\u0644 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641\">\n          <a href=\"\/newsite\/ar\/wordpress\/\">\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/a>\n          <a href=\"\/newsite\/ar\/automation\/\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/a>\n          <a href=\"\/newsite\/ar\/work\/\">\u0623\u0639\u0645\u0627\u0644\u0646\u0627<\/a>\n          <a href=\"https:\/\/www.duaessam.com\/ar\/insights\/\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n          <a href=\"\/newsite\/ar\/about\/\">\u0645\u0646 \u0646\u062d\u0646<\/a>\n          <a class=\"mobile-nav-cta\" href=\"#dua-enquiry-form\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/a>\n        <\/nav>\n      <\/header>\n    <\/div>\n  <\/div>\n\n  <section class=\"project-hero\">\n    <div class=\"dua-shell project-hero-grid\">\n      <div class=\"hero-copy\">\n        <div class=\"eyebrow\">\u0627\u0628\u062f\u0623 \u0645\u0634\u0631\u0648\u0639\u0643<\/div>\n        <h1>\u0627\u062d\u0643\u0650 \u0644\u0646\u0627 \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u063a\u064a\u064a\u0631.<br><span class=\"gold\">\u0648\u0633\u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0623\u0646\u0633\u0628.<\/span><\/h1>\n        <p class=\"hero-lead\">\n          \u0627\u0628\u062f\u0623 \u0628\u0645\u0627 \u062a\u0639\u0631\u0641\u0647 \u0627\u0644\u0622\u0646. \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0641\u0643\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0636\u062d\u0629\u060c \u0623\u0631\u0633\u0644 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u062a\u064a \u0646\u062d\u062a\u0627\u062c\u0647\u0627 \u0644\u0645\u0631\u0627\u062c\u0639\u062a\u0647.\n          \u0648\u0625\u0630\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0645\u062a\u0623\u0643\u062f\u064b\u0627 \u0645\u0646 \u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0646\u0633\u0628\u060c \u0627\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0648\u0627\u0634\u0631\u062d \u0644\u0646\u0627 \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0623\u0648 \u0627\u0644\u0647\u062f\u0641 \u0645\u0646 \u0645\u0646\u0638\u0648\u0631 \u0627\u0644\u0639\u0645\u0644.\n        <\/p>\n\n        <div class=\"hero-tags\">\n          <span>WordPress \u0648WooCommerce<\/span>\n          <span>\u0633\u0644\u0629 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a<\/span>\n          <span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0648\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a<\/span>\n        <\/div>\n\n        <div class=\"hero-divider\"><\/div>\n\n        <div class=\"hero-note\">\n          <strong>\u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0644 \u0642\u0628\u0644 \u0623\u0646 \u062a\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627.<\/strong>\n          <span>\n            \u0642\u062f \u064a\u0628\u062f\u0623 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0648\u0635\u0641 \u0648\u0627\u0636\u062d \u0644\u0645\u0627 \u062a\u062d\u062a\u0627\u062c\u0647\u060c \u0623\u0648 \u0641\u0642\u0637 \u0628\u0645\u0634\u0643\u0644\u0629 \u062d\u0642\u064a\u0642\u064a\u0629 \u0641\u064a \u0627\u0644\u062a\u0634\u063a\u064a\u0644 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u0645\u0646\u0627\u0633\u0628 \u0644\u062d\u0644\u0647\u0627.\n          <\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"enquiry-card\" id=\"dua-enquiry-form\">\n        <div class=\"form-card-head\">\n          <div class=\"form-kicker\">\u0627\u062e\u062a\u0631 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0628\u062f\u0621<\/div>\n          <h2>\u0625\u0644\u0649 \u0623\u064a \u0645\u062f\u0649 \u0641\u0643\u0631\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0636\u062d\u0629 \u0627\u0644\u0622\u0646\u061f<\/h2>\n          <p>\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0633\u0627\u0631 \u0627\u0644\u0623\u0642\u0631\u0628 \u0644\u0648\u0636\u0639\u0643 \u0627\u0644\u062d\u0627\u0644\u064a\u060c \u0648\u064a\u0645\u0643\u0646\u0643 \u062a\u063a\u064a\u064a\u0631\u0647 \u0642\u0628\u0644 \u0627\u0644\u0625\u0631\u0633\u0627\u0644.<\/p>\n\n          <div class=\"route-selector\" role=\"radiogroup\" aria-label=\"\u0643\u064a\u0641 \u062a\u0641\u0636\u0651\u0644 \u0623\u0646 \u062a\u0628\u062f\u0623\u061f\">\n            <label class=\"route-option\">\n              <input type=\"radio\" name=\"enquiry_mode_ui\" value=\"project\" data-route-choice>\n              <span class=\"route-surface\">\n                <span class=\"route-icon\">01<\/span>\n                <span class=\"route-title\">\u0623\u0639\u0631\u0641 \u062a\u0642\u0631\u064a\u0628\u064b\u0627 \u0645\u0627 \u0623\u062d\u062a\u0627\u062c\u0647<\/span>\n                <span class=\"route-copy\">\u0634\u0627\u0631\u0643\u0646\u0627 \u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639 \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629 \u0648\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644.<\/span>\n              <\/span>\n            <\/label>\n\n            <label class=\"route-option\">\n              <input type=\"radio\" name=\"enquiry_mode_ui\" value=\"consultation\" data-route-choice>\n              <span class=\"route-surface\">\n                <span class=\"route-icon\">?<\/span>\n                <span class=\"route-title\">\u0623\u062d\u062a\u0627\u062c \u0645\u0633\u0627\u0639\u062f\u0629 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0644<\/span>\n                <span class=\"route-copy\">\u0627\u0634\u0631\u062d \u0627\u0644\u0645\u0634\u0643\u0644\u0629 \u0623\u0648 \u0627\u0644\u0647\u062f\u0641\u060c \u0648\u0633\u0646\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0623\u0646\u0633\u0628.<\/span>\n              <\/span>\n            <\/label>\n          <\/div>\n        <\/div>\n\n        <form class=\"form-body\" data-project-form novalidate>\n          <input type=\"hidden\" name=\"language\" value=\"ar\">\n          <input type=\"hidden\" name=\"enquiry_mode\" value=\"\" data-enquiry-mode>\n          <div class=\"honeypot\" aria-hidden=\"true\">\n            <label>\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <input type=\"text\" name=\"website\" tabindex=\"-1\" autocomplete=\"off\"><\/label>\n          <\/div>\n\n          <div class=\"route-empty\" data-route-empty>\n            <div class=\"route-empty-inner\">\n              <div class=\"route-empty-mark\">\u2197<\/div>\n              <strong>\u0627\u062e\u062a\u0631 \u0623\u062d\u062f \u0627\u0644\u0645\u0633\u0627\u0631\u064a\u0646 \u0628\u0627\u0644\u0623\u0639\u0644\u0649.<\/strong>\n              <span>\u0633\u064a\u062a\u063a\u064a\u0651\u0631 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u062d\u0633\u0628 \u0645\u0627 \u062a\u0639\u0631\u0641\u0647 \u0628\u0627\u0644\u0641\u0639\u0644\u060c \u062d\u062a\u0649 \u062a\u062c\u064a\u0628 \u0641\u0642\u0637 \u0639\u0646 \u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629.<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- =====================================================\n               PROJECT ENQUIRY FLOW\n               ===================================================== -->\n          <div class=\"enquiry-flow\" data-flow=\"project\" hidden>\n            <div class=\"flow-toolbar\">\n              <button type=\"button\" class=\"change-route\" data-change-route>\u062a\u063a\u064a\u064a\u0631 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0628\u062f\u0621 \u2190<\/button>\n            <\/div>\n\n            <div class=\"progress-wrap\">\n              <div class=\"progress-bar\"><span class=\"progress-fill\" data-progress-fill=\"project\"><\/span><\/div>\n              <div class=\"progress-labels\">\n                <span class=\"progress-label is-active\" data-progress-label=\"project\" data-step-label=\"1\">01 <span>\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/span><\/span>\n                <span class=\"progress-label\" data-progress-label=\"project\" data-step-label=\"2\">02 <span>\u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/span><\/span>\n                <span class=\"progress-label\" data-progress-label=\"project\" data-step-label=\"3\">03 <span>\u0627\u0644\u0648\u0642\u062a<\/span><\/span>\n                <span class=\"progress-label\" data-progress-label=\"project\" data-step-label=\"4\">04 <span>\u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/span><\/span>\n              <\/div>\n            <\/div>\n\n            <section class=\"form-step\" data-route=\"project\" data-step=\"1\">\n              <div class=\"step-heading\">\n                <small>01 \u2014 \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/small>\n                <h3>\u0645\u0639 \u0645\u0646 \u0646\u062a\u0648\u0627\u0635\u0644 \u0628\u062e\u0635\u0648\u0635 \u0627\u0644\u0645\u0634\u0631\u0648\u0639\u061f<\/h3>\n                <p>\u0646\u0628\u062f\u0623 \u0628\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0623\u0633\u0627\u0633\u064a\u0629 \u0641\u0642\u0637. \u0631\u0642\u0645 \u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0627\u0633\u0645 \u0627\u0644\u0646\u0634\u0627\u0637 \u0627\u062e\u062a\u064a\u0627\u0631\u064a\u0627\u0646.<\/p>\n              <\/div>\n\n              <div class=\"field-grid\">\n                <div class=\"field\">\n                  <label for=\"dua-name\">\u0627\u0644\u0627\u0633\u0645 <span class=\"required-mark\">*<\/span><\/label>\n                  <input id=\"dua-name\" name=\"name\" type=\"text\" autocomplete=\"name\" placeholder=\"\u0627\u0633\u0645\u0643\" required>\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required-mark\">*<\/span><\/label>\n                  <input id=\"dua-email\" name=\"email\" type=\"email\" autocomplete=\"email\" placeholder=\"you@company.com\" required>\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-whatsapp\">\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\n                  <input id=\"dua-whatsapp\" name=\"whatsapp\" type=\"tel\" autocomplete=\"tel\" placeholder=\"+20 \/ +966 ...\">\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-company\">\u0627\u0644\u0646\u0634\u0627\u0637 \/ \u0627\u0644\u0634\u0631\u0643\u0629<\/label>\n                  <input id=\"dua-company\" name=\"company\" type=\"text\" autocomplete=\"organization\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0646\u0634\u0627\u0637 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629\">\n                <\/div>\n              <\/div>\n\n              <div class=\"form-actions end\">\n                <button class=\"form-btn primary\" type=\"button\" data-next>\u0627\u0644\u062a\u0627\u0644\u064a <span>\u2190<\/span><\/button>\n              <\/div>\n            <\/section>\n\n            <section class=\"form-step\" data-route=\"project\" data-step=\"2\" hidden>\n              <div class=\"step-heading\">\n                <small>02 \u2014 \u0627\u0644\u0645\u0634\u0631\u0648\u0639<\/small>\n                <h3>\u0645\u0627 \u0627\u0644\u0630\u064a \u0633\u0646\u0628\u0646\u064a\u0647 \u0623\u0648 \u0646\u0637\u0648\u0651\u0631\u0647 \u063a\u0627\u0644\u0628\u064b\u0627\u061f<\/h3>\n                <p>\u064a\u0633\u0627\u0639\u062f\u0646\u0627 \u0647\u0630\u0627 \u0639\u0644\u0649 \u0641\u0647\u0645 \u0627\u0644\u0627\u062a\u062c\u0627\u0647 \u0627\u0644\u0639\u0627\u0645 \u0642\u0628\u0644 \u0642\u0631\u0627\u0621\u0629 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0643\u0627\u0645\u0644\u0629.<\/p>\n              <\/div>\n\n              <div class=\"field-grid one\">\n                <div class=\"field\">\n                  <span class=\"field-label\">\u0646\u0648\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 <span class=\"required-mark\">*<\/span><\/span>\n                  <div class=\"mini-choice-grid\">\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"project_type\" value=\"\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\n                      <span class=\"choice-box\">\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"project_type\" value=\"\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\">\n                      <span class=\"choice-box\">\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"project_type\" value=\"\u0627\u0644\u0623\u062a\u0645\u062a\u0629\">\n                      <span class=\"choice-box\">\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"project_type\" value=\"\u0646\u0638\u0627\u0645 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \/ \u0646\u0638\u0627\u0645 \u062f\u0627\u062e\u0644\u064a\">\n                      <span class=\"choice-box\">\u0646\u0638\u0627\u0645 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a \/ \u0646\u0638\u0627\u0645 \u062f\u0627\u062e\u0644\u064a<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"project_type\" value=\"\u0645\u0648\u0642\u0639 + \u0623\u062a\u0645\u062a\u0629\">\n                      <span class=\"choice-box\">\u0645\u0648\u0642\u0639 + \u0623\u062a\u0645\u062a\u0629<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"project_type\" value=\"\u0646\u0638\u0627\u0645 \u0622\u062e\u0631 \/ \u0646\u0638\u0627\u0645 \u0645\u062a\u0631\u0627\u0628\u0637\">\n                      <span class=\"choice-box\">\u0646\u0638\u0627\u0645 \u0622\u062e\u0631 \/ \u0646\u0638\u0627\u0645 \u0645\u062a\u0631\u0627\u0628\u0637<\/span>\n                    <\/label>\n                  <\/div>\n                <\/div>\n\n                <div class=\"field\">\n                  <span class=\"field-label\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0645\u0648\u0642\u0639 \u0623\u0648 \u0645\u062a\u062c\u0631 \u0623\u0648 \u0646\u0638\u0627\u0645 \u0642\u0627\u0626\u0645 \u0628\u0627\u0644\u0641\u0639\u0644\u061f <span class=\"required-mark\">*<\/span><\/span>\n                  <div class=\"mini-choice-grid\">\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"has_existing\" value=\"yes\" required data-existing-radio=\"project\">\n                      <span class=\"choice-box\">\u0646\u0639\u0645<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"has_existing\" value=\"no\" data-existing-radio=\"project\">\n                      <span class=\"choice-box\">\u0644\u0627<\/span>\n                    <\/label>\n                  <\/div>\n                <\/div>\n\n                <div class=\"field conditional-field\" data-existing-url=\"project\" hidden>\n                  <label for=\"dua-current-url\">\u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0642\u0639 \/ \u0627\u0644\u0645\u062a\u062c\u0631 \/ \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062d\u0627\u0644\u064a<\/label>\n                  <input id=\"dua-current-url\" name=\"current_url\" type=\"url\" inputmode=\"url\" placeholder=\"https:\/\/...\">\n                  <span class=\"field-hint\">\u0627\u062e\u062a\u064a\u0627\u0631\u064a \u2014 \u0623\u0631\u0633\u0644\u0647 \u0625\u0630\u0627 \u0643\u0627\u0646 \u0627\u0644\u0627\u0637\u0644\u0627\u0639 \u0639\u0644\u0649 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a \u0633\u064a\u0633\u0627\u0639\u062f\u0646\u0627.<\/span>\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-main-goal\">\u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a <span class=\"required-mark\">*<\/span><\/label>\n                  <select id=\"dua-main-goal\" name=\"main_goal\" required>\n                    <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0647\u062f\u0641 \u0627\u0644\u0631\u0626\u064a\u0633\u064a<\/option>\n                    <option>\u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0623\u0643\u062b\u0631 \u062c\u0648\u062f\u0629<\/option>\n                    <option>\u0628\u064a\u0639 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0639\u0628\u0631 \u0627\u0644\u0625\u0646\u062a\u0631\u0646\u062a<\/option>\n                    <option>\u062a\u0637\u0648\u064a\u0631 \u0645\u0648\u0642\u0639 \u0623\u0648 \u0645\u062a\u062c\u0631 \u0642\u0627\u0626\u0645<\/option>\n                    <option>\u0623\u062a\u0645\u062a\u0629 \u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u0643\u0631\u0631\u0629<\/option>\n                    <option>\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/option>\n                    <option>\u0631\u0628\u0637 \u0639\u062f\u0629 \u0623\u062f\u0648\u0627\u062a \u0623\u0648 \u0639\u0645\u0644\u064a\u0627\u062a \u0645\u0639\u064b\u0627<\/option>\n                    <option>\u0628\u0646\u0627\u0621 \u0646\u0638\u0627\u0645 \u062f\u0627\u062e\u0644\u064a \u0644\u0644\u0639\u0645\u0644<\/option>\n                    <option>\u0647\u062f\u0641 \u0622\u062e\u0631<\/option>\n                  <\/select>\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-project-stage\">\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 <span class=\"required-mark\">*<\/span><\/label>\n                  <select id=\"dua-project-stage\" name=\"project_stage\" required>\n                    <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0645\u0631\u062d\u0644\u0629 \u0627\u0644\u062d\u0627\u0644\u064a\u0629<\/option>\n                    <option>\u0641\u0643\u0631\u0629 \u062c\u062f\u064a\u062f\u0629 \/ \u0646\u0628\u062f\u0623 \u0645\u0646 \u0627\u0644\u0635\u0641\u0631<\/option>\n                    <option>\u0645\u0634\u0631\u0648\u0639 \u0642\u0627\u0626\u0645 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u0637\u0648\u064a\u0631<\/option>\n                    <option>\u0625\u0639\u0627\u062f\u0629 \u0628\u0646\u0627\u0621 \u0643\u0627\u0645\u0644\u0629 \u0623\u0648 \u0646\u0642\u0644 \u0627\u0644\u0646\u0638\u0627\u0645<\/option>\n                    <option>\u062a\u0648\u0633\u0651\u0639 \/ \u0625\u0636\u0627\u0641\u0629 \u0625\u0645\u0643\u0627\u0646\u0627\u062a \u062c\u062f\u064a\u062f\u0629<\/option>\n                  <\/select>\n                <\/div>\n              <\/div>\n\n              <div class=\"form-actions\">\n                <button class=\"form-btn secondary\" type=\"button\" data-back>\u2192 \u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n                <button class=\"form-btn primary\" type=\"button\" data-next>\u0627\u0644\u062a\u0627\u0644\u064a <span>\u2190<\/span><\/button>\n              <\/div>\n            <\/section>\n\n            <section class=\"form-step\" data-route=\"project\" data-step=\"3\" hidden>\n              <div class=\"step-heading\">\n                <small>03 \u2014 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629<\/small>\n                <h3>\u0645\u0627 \u0627\u0644\u0630\u064a \u0646\u062d\u062a\u0627\u062c \u0645\u0639\u0631\u0641\u062a\u0647 \u0639\u0646 \u0627\u0644\u0648\u0642\u062a \u0648\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629\u061f<\/h3>\n                <p>\u0647\u0630\u0647 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u062a\u0633\u0627\u0639\u062f\u0646\u0627 \u0641\u064a \u0627\u0644\u062a\u062e\u0637\u064a\u0637 \u0641\u0642\u0637\u060c \u0648\u0644\u064a\u0633\u062a \u0627\u0644\u062a\u0632\u0627\u0645\u064b\u0627 \u0623\u0648 \u0639\u0631\u0636 \u0633\u0639\u0631 \u0646\u0647\u0627\u0626\u064a\u064b\u0627.<\/p>\n              <\/div>\n\n              <div class=\"field-grid\">\n                <div class=\"field\">\n                  <label for=\"dua-timeline\">\u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u0641\u0636\u0644 \u0644\u0644\u062a\u0646\u0641\u064a\u0630 <span class=\"required-mark\">*<\/span><\/label>\n                  <select id=\"dua-timeline\" name=\"timeline\" required>\n                    <option value=\"\">\u0627\u062e\u062a\u0631 \u0627\u0644\u0648\u0642\u062a \u0627\u0644\u0645\u062a\u0648\u0642\u0639<\/option>\n                    <option>\u0641\u064a \u0623\u0642\u0631\u0628 \u0648\u0642\u062a \u0645\u0646\u0627\u0633\u0628<\/option>\n                    <option>\u062e\u0644\u0627\u0644 \u0634\u0647\u0631 \u0625\u0644\u0649 \u0634\u0647\u0631\u064a\u0646<\/option>\n                    <option>\u062e\u0644\u0627\u0644 3 \u0625\u0644\u0649 6 \u0623\u0634\u0647\u0631<\/option>\n                    <option>\u0645\u0631\u0646 \/ \u0644\u0627 \u064a\u0648\u062c\u062f \u0645\u0648\u0639\u062f \u0646\u0647\u0627\u0626\u064a \u0645\u062d\u062f\u062f<\/option>\n                  <\/select>\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-budget\">\u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0642\u0631\u064a\u0628\u064a\u0629<\/label>\n                  <select id=\"dua-budget\" name=\"budget\">\n                    <option value=\"\">\u0627\u062e\u062a\u0631 \u0625\u0630\u0627 \u0643\u0627\u0646\u062a \u0645\u0639\u0631\u0648\u0641\u0629<\/option>\n                    <option>\u0623\u0642\u0644 \u0645\u0646 1,500 \u062f\u0648\u0644\u0627\u0631<\/option>\n                    <option>1,500\u20133,000 \u062f\u0648\u0644\u0627\u0631<\/option>\n                    <option>3,000\u20136,000 \u062f\u0648\u0644\u0627\u0631<\/option>\n                    <option>\u0623\u0643\u062b\u0631 \u0645\u0646 6,000 \u062f\u0648\u0644\u0627\u0631<\/option>\n                    <option>\u063a\u064a\u0631 \u0645\u062a\u0623\u0643\u062f \u0628\u0639\u062f<\/option>\n                  <\/select>\n                  <span class=\"field-hint\">\u0627\u062e\u062a\u064a\u0627\u0631\u064a \u2014 \u0625\u0630\u0627 \u0644\u0645 \u062a\u0643\u0646 \u0645\u062a\u0623\u0643\u062f\u064b\u0627 \u0645\u0646 \u0627\u0644\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0628\u0639\u062f \u0641\u0644\u0627 \u062a\u0648\u062c\u062f \u0645\u0634\u0643\u0644\u0629.<\/span>\n                <\/div>\n              <\/div>\n\n              <div class=\"form-actions\">\n                <button class=\"form-btn secondary\" type=\"button\" data-back>\u2192 \u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n                <button class=\"form-btn primary\" type=\"button\" data-next>\u0627\u0644\u062a\u0627\u0644\u064a <span>\u2190<\/span><\/button>\n              <\/div>\n            <\/section>\n\n            <section class=\"form-step\" data-route=\"project\" data-step=\"4\" hidden>\n              <div class=\"step-heading\">\n                <small>04 \u2014 \u0627\u0644\u062a\u0641\u0627\u0635\u064a\u0644<\/small>\n                <h3>\u0627\u0634\u0631\u062d \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0628\u0637\u0631\u064a\u0642\u062a\u0643.<\/h3>\n                <p>\u0645\u0627 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a\u061f \u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u062a\u062d\u0633\u064a\u0646\u061f \u0648\u0645\u0627 \u0627\u0644\u0646\u062a\u064a\u062c\u0629 \u0627\u0644\u062a\u064a \u0633\u062a\u062c\u0639\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0646\u0627\u062c\u062d\u064b\u0627 \u0628\u0627\u0644\u0646\u0633\u0628\u0629 \u0644\u0643\u061f<\/p>\n              <\/div>\n\n              <div class=\"field-grid one\">\n                <div class=\"field\">\n                  <label for=\"dua-details\">\u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 <span class=\"required-mark\">*<\/span><\/label>\n                  <textarea id=\"dua-details\" name=\"details\" maxlength=\"3000\" placeholder=\"\u0627\u062d\u0643\u0650 \u0644\u0646\u0627 \u0639\u0646 \u0627\u0644\u0646\u0634\u0627\u0637 \u0648\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a \u0648\u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0631\u064a\u062f \u0628\u0646\u0627\u0621\u0647 \u0623\u0648 \u062a\u0637\u0648\u064a\u0631\u0647 \u0648\u0623\u064a \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0645\u0647\u0645\u0629...\" required><\/textarea>\n                  <span class=\"field-hint\">\u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0643\u062a\u0627\u0628\u0629 \u0645\u0644\u0641 \u0645\u062a\u0637\u0644\u0628\u0627\u062a \u0631\u0633\u0645\u064a. \u0634\u0631\u062d \u0648\u0627\u0636\u062d \u0644\u0644\u0633\u064a\u0627\u0642 \u0623\u0647\u0645 \u0645\u0646 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 \u0645\u0635\u0637\u0644\u062d\u0627\u062a \u0645\u062b\u0627\u0644\u064a\u0629.<\/span>\n                <\/div>\n\n                <div class=\"field\">\n                  <span class=\"field-label\">\u0648\u0633\u064a\u0644\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 <span class=\"required-mark\">*<\/span><\/span>\n                  <div class=\"mini-choice-grid\">\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"preferred_contact\" value=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\n                      <span class=\"choice-box\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"preferred_contact\" value=\"\u0648\u0627\u062a\u0633\u0627\u0628\">\n                      <span class=\"choice-box\">\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n                    <\/label>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"consent\">\n                <label>\n                  <input type=\"checkbox\" name=\"consent\" value=\"yes\" required>\n                  <span>\n                    \u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 DUA SYSTEMS \u0644\u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0633\u062a\u0641\u0633\u0627\u0631\u064a \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0628\u0634\u0623\u0646\u0647.\n                    \u0631\u0627\u062c\u0639 <a href=\"\/newsite\/ar\/privacy-policy\/\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a>.\n                  <\/span>\n                <\/label>\n              <\/div>\n\n              <div class=\"form-actions\">\n                <button class=\"form-btn secondary\" type=\"button\" data-back>\u2192 \u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n                <button class=\"form-btn primary\" type=\"submit\">\u0625\u0631\u0633\u0627\u0644 \u062a\u0641\u0627\u0635\u064a\u0644 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 <span>\u2197<\/span><\/button>\n              <\/div>\n            <\/section>\n          <\/div>\n\n          <!-- =====================================================\n               CONSULTATION FLOW\n               ===================================================== -->\n          <div class=\"enquiry-flow\" data-flow=\"consultation\" hidden>\n            <div class=\"flow-toolbar\">\n              <button type=\"button\" class=\"change-route\" data-change-route>\u062a\u063a\u064a\u064a\u0631 \u0637\u0631\u064a\u0642\u0629 \u0627\u0644\u0628\u062f\u0621 \u2190<\/button>\n            <\/div>\n\n            <div class=\"progress-wrap\">\n              <div class=\"progress-bar\"><span class=\"progress-fill\" data-progress-fill=\"consultation\"><\/span><\/div>\n              <div class=\"progress-labels\">\n                <span class=\"progress-label is-active\" data-progress-label=\"consultation\" data-step-label=\"1\">01 <span>\u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/span><\/span>\n                <span class=\"progress-label\" data-progress-label=\"consultation\" data-step-label=\"2\">02 <span>\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a<\/span><\/span>\n              <\/div>\n            <\/div>\n\n            <section class=\"form-step\" data-route=\"consultation\" data-step=\"1\">\n              <div class=\"step-heading\">\n                <small>01 \u2014 \u0627\u0644\u062a\u0648\u0627\u0635\u0644<\/small>\n                <h3>\u0644\u0627 \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0645\u0639\u0631\u0641\u0629 \u0627\u0644\u062d\u0644 \u0627\u0644\u0622\u0646.<\/h3>\n                <p>\u0623\u062e\u0628\u0631\u0646\u0627 \u0628\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644\u060c \u0648\u0641\u064a \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0634\u0631\u062d \u0645\u0627 \u0627\u0644\u0630\u064a \u0644\u0627 \u064a\u0639\u0645\u0644 \u0643\u0645\u0627 \u064a\u0646\u0628\u063a\u064a \u0623\u0648 \u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u0631\u064a\u062f \u062a\u0637\u0648\u064a\u0631\u0647.<\/p>\n              <\/div>\n\n              <div class=\"field-grid\">\n                <div class=\"field\">\n                  <label for=\"dua-consult-name\">\u0627\u0644\u0627\u0633\u0645 <span class=\"required-mark\">*<\/span><\/label>\n                  <input id=\"dua-consult-name\" name=\"consult_name\" type=\"text\" autocomplete=\"name\" placeholder=\"\u0627\u0633\u0645\u0643\" required>\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-consult-email\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a <span class=\"required-mark\">*<\/span><\/label>\n                  <input id=\"dua-consult-email\" name=\"consult_email\" type=\"email\" autocomplete=\"email\" placeholder=\"you@company.com\" required>\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-consult-whatsapp\">\u0648\u0627\u062a\u0633\u0627\u0628<\/label>\n                  <input id=\"dua-consult-whatsapp\" name=\"consult_whatsapp\" type=\"tel\" autocomplete=\"tel\" placeholder=\"+20 \/ +966 ...\">\n                <\/div>\n\n                <div class=\"field\">\n                  <label for=\"dua-consult-company\">\u0627\u0644\u0646\u0634\u0627\u0637 \/ \u0627\u0644\u0634\u0631\u0643\u0629<\/label>\n                  <input id=\"dua-consult-company\" name=\"consult_company\" type=\"text\" autocomplete=\"organization\" placeholder=\"\u0627\u0633\u0645 \u0627\u0644\u0646\u0634\u0627\u0637 \u0623\u0648 \u0627\u0644\u0634\u0631\u0643\u0629\">\n                <\/div>\n              <\/div>\n\n              <div class=\"form-actions end\">\n                <button class=\"form-btn primary\" type=\"button\" data-next>\u0627\u0644\u062a\u0627\u0644\u064a <span>\u2190<\/span><\/button>\n              <\/div>\n            <\/section>\n\n            <section class=\"form-step\" data-route=\"consultation\" data-step=\"2\" hidden>\n              <div class=\"step-heading\">\n                <small>02 \u2014 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a<\/small>\n                <h3>\u0645\u0627 \u0627\u0644\u0630\u064a \u062a\u062d\u0627\u0648\u0644 \u062a\u062d\u0633\u064a\u0646\u0647\u061f<\/h3>\n                <p>\u0627\u0634\u0631\u062d \u0645\u0634\u0643\u0644\u0629 \u0627\u0644\u0639\u0645\u0644 \u0623\u0648 \u0646\u0642\u0637\u0629 \u0627\u0644\u062a\u0639\u0637\u0651\u0644 \u0623\u0648 \u0627\u0644\u0647\u062f\u0641\u060c \u0648\u0628\u0639\u062f\u0647\u0627 \u064a\u0645\u0643\u0646\u0646\u0627 \u062a\u062d\u062f\u064a\u062f \u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0646\u0633\u0628.<\/p>\n              <\/div>\n\n              <div class=\"field-grid one\">\n                <div class=\"field\">\n                  <label for=\"dua-consult-problem\">\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u062d\u062f\u062b \u062d\u0627\u0644\u064a\u064b\u0627\u061f <span class=\"required-mark\">*<\/span><\/label>\n                  <textarea id=\"dua-consult-problem\" name=\"consult_problem\" maxlength=\"3000\" placeholder=\"\u0645\u062b\u0627\u0644: \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u0648\u0646 \u064a\u0623\u062a\u0648\u0646 \u0645\u0646 \u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u0643\u0627\u0646 \u0648\u0627\u0644\u0645\u062a\u0627\u0628\u0639\u0629 \u063a\u064a\u0631 \u0645\u0646\u062a\u0638\u0645\u0629\u060c \u0623\u0648 \u0627\u0644\u0645\u062a\u062c\u0631 \u064a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0639\u0645\u0644 \u064a\u062f\u0648\u064a \u0643\u062b\u064a\u0631\u060c \u0623\u0648 \u0646\u062d\u062a\u0627\u062c \u0645\u0648\u0642\u0639\u064b\u0627 \u0623\u0641\u0636\u0644 \u0644\u0643\u0646\u0646\u0627 \u0644\u0627 \u0646\u0639\u0631\u0641 \u0627\u0644\u0647\u064a\u0643\u0644 \u0627\u0644\u0623\u0646\u0633\u0628...\" required><\/textarea>\n                <\/div>\n\n                <div class=\"field\">\n                  <span class=\"field-label\">\u0645\u0627 \u0627\u0644\u062c\u0648\u0627\u0646\u0628 \u0627\u0644\u062a\u064a \u0642\u062f \u062a\u0643\u0648\u0646 \u0645\u0631\u062a\u0628\u0637\u0629 \u0628\u0627\u0644\u0645\u0634\u0643\u0644\u0629\u061f <span style=\"font-weight:500;color:var(--muted-2)\">(\u0627\u062e\u062a\u064a\u0627\u0631\u064a)<\/span><\/span>\n                  <div class=\"area-chips\">\n                    <label class=\"area-chip\"><input type=\"checkbox\" name=\"consult_areas[]\" value=\"\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\"><span>\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span><\/label>\n                    <label class=\"area-chip\"><input type=\"checkbox\" name=\"consult_areas[]\" value=\"\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\"><span>\u0645\u062a\u062c\u0631 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span><\/label>\n                    <label class=\"area-chip\"><input type=\"checkbox\" name=\"consult_areas[]\" value=\"\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a\"><span>\u0627\u0644\u0639\u0645\u0644\u064a\u0627\u062a<\/span><\/label>\n                    <label class=\"area-chip\"><input type=\"checkbox\" name=\"consult_areas[]\" value=\"\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\"><span>\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621<\/span><\/label>\n                    <label class=\"area-chip\"><input type=\"checkbox\" name=\"consult_areas[]\" value=\"\u0627\u0644\u0623\u062a\u0645\u062a\u0629\"><span>\u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/span><\/label>\n                    <label class=\"area-chip\"><input type=\"checkbox\" name=\"consult_areas[]\" value=\"\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \/ \u0623\u062f\u0648\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629\"><span>\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \/ \u0623\u062f\u0648\u0627\u062a \u062f\u0627\u062e\u0644\u064a\u0629<\/span><\/label>\n                    <label class=\"area-chip\"><input type=\"checkbox\" name=\"consult_areas[]\" value=\"\u0644\u0627t Sure\"><span>\u063a\u064a\u0631 \u0645\u062a\u0623\u0643\u062f<\/span><\/label>\n                  <\/div>\n                <\/div>\n\n                <div class=\"field\">\n                  <span class=\"field-label\">\u0647\u0644 \u0644\u062f\u064a\u0643 \u0645\u0648\u0642\u0639 \u0623\u0648 \u0645\u062a\u062c\u0631 \u0623\u0648 \u0646\u0638\u0627\u0645 \u0642\u0627\u0626\u0645 \u0628\u0627\u0644\u0641\u0639\u0644\u061f <span class=\"required-mark\">*<\/span><\/span>\n                  <div class=\"mini-choice-grid three\">\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"consult_has_existing\" value=\"yes\" required data-existing-radio=\"consultation\">\n                      <span class=\"choice-box\">\u0646\u0639\u0645<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"consult_has_existing\" value=\"no\" data-existing-radio=\"consultation\">\n                      <span class=\"choice-box\">\u0644\u0627<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"consult_has_existing\" value=\"partly\" data-existing-radio=\"consultation\">\n                      <span class=\"choice-box\">\u062c\u0632\u0626\u064a\u064b\u0627 \/ \u063a\u064a\u0631 \u0645\u062a\u0623\u0643\u062f<\/span>\n                    <\/label>\n                  <\/div>\n                <\/div>\n\n                <div class=\"field conditional-field\" data-existing-url=\"consultation\" hidden>\n                  <label for=\"dua-consult-url\">\u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0642\u0639 \/ \u0627\u0644\u0645\u062a\u062c\u0631 \/ \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062d\u0627\u0644\u064a<\/label>\n                  <input id=\"dua-consult-url\" name=\"consult_url\" type=\"url\" inputmode=\"url\" placeholder=\"https:\/\/...\">\n                <\/div>\n\n                <div class=\"field\">\n                  <span class=\"field-label\">\u0648\u0633\u064a\u0644\u0629 \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0645\u0641\u0636\u0644\u0629 <span class=\"required-mark\">*<\/span><\/span>\n                  <div class=\"mini-choice-grid\">\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"consult_preferred_contact\" value=\"\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\" required>\n                      <span class=\"choice-box\">\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a<\/span>\n                    <\/label>\n                    <label class=\"choice-item\">\n                      <input type=\"radio\" name=\"consult_preferred_contact\" value=\"\u0648\u0627\u062a\u0633\u0627\u0628\">\n                      <span class=\"choice-box\">\u0648\u0627\u062a\u0633\u0627\u0628<\/span>\n                    <\/label>\n                  <\/div>\n                <\/div>\n              <\/div>\n\n              <div class=\"consent\">\n                <label>\n                  <input type=\"checkbox\" name=\"consult_consent\" value=\"yes\" required>\n                  <span>\n                    \u0623\u0648\u0627\u0641\u0642 \u0639\u0644\u0649 \u0627\u0633\u062a\u062e\u062f\u0627\u0645 DUA SYSTEMS \u0644\u0647\u0630\u0647 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0637\u0644\u0628 \u0627\u0644\u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u064a \u0628\u0634\u0623\u0646\u0647.\n                    \u0631\u0627\u062c\u0639 <a href=\"\/newsite\/ar\/privacy-policy\/\">\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a>.\n                  <\/span>\n                <\/label>\n              <\/div>\n\n              <div class=\"form-actions\">\n                <button class=\"form-btn secondary\" type=\"button\" data-back>\u2192 \u0627\u0644\u0633\u0627\u0628\u0642<\/button>\n                <button class=\"form-btn primary\" type=\"submit\">\u0637\u0644\u0628 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 <span>\u2197<\/span><\/button>\n              <\/div>\n            <\/section>\n          <\/div>\n\n          <div class=\"form-footnote\">\n            \u0644\u0627 \u064a\u0648\u062c\u062f \u062f\u0641\u0639 \u0623\u0648 \u0627\u0644\u062a\u0632\u0627\u0645 \u0641\u064a \u0647\u0630\u0647 \u0627\u0644\u0645\u0631\u062d\u0644\u0629. \u0647\u0630\u0627 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u064a\u0645\u0646\u062d DUA SYSTEMS \u0641\u0642\u0637 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u0643\u0627\u0641\u064a\u0629 \u0644\u0645\u0631\u0627\u062c\u0639\u0629 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629.\n          <\/div>\n        <\/form>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"project-section\">\n    <div class=\"dua-shell\">\n      <div class=\"section-kicker\">\u0631\u0624\u064a\u0629 \u0645\u062a\u0631\u0627\u0628\u0637\u0629<\/div>\n      <h2>\u0627\u0644\u062d\u0644 \u0627\u0644\u0623\u0646\u0633\u0628 \u0642\u062f \u064a\u062c\u0645\u0639 \u0623\u0643\u062b\u0631 \u0645\u0646 \u062c\u0632\u0621 \u0631\u0642\u0645\u064a.<\/h2>\n      <p class=\"section-intro\">\n        \u0642\u062f \u064a\u0643\u0648\u0646 \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u0645\u062a\u062c\u0631 \u0648\u0627\u0644\u0623\u062a\u0645\u062a\u0629 \u0648\u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0623\u062c\u0632\u0627\u0621\u064b \u0645\u0646 \u0646\u0641\u0633 \u0631\u062d\u0644\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0648\u0627\u0644\u0639\u0645\u0644.\n        \u064a\u0633\u0627\u0639\u062f\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0641\u0633\u0627\u0631 \u0639\u0644\u0649 \u0627\u0644\u0646\u0638\u0631 \u0625\u0644\u0649 \u0627\u0644\u0646\u0638\u0627\u0645 \u0643\u0643\u0644 \u0628\u062f\u0644 \u0627\u0644\u062a\u0639\u0627\u0645\u0644 \u0645\u0639 \u0643\u0644 \u0637\u0644\u0628 \u0643\u062c\u0632\u0621 \u0645\u0646\u0641\u0635\u0644.\n      <\/p>\n\n      <div class=\"support-cards\">\n        <article class=\"support-card\">\n          <div class=\"num\">01<\/div>\n          <h3>\u062a\u062c\u0631\u0628\u0629 \u0627\u0644\u0645\u0648\u0642\u0639<\/h3>\n          <p>\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0648\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0647\u0628\u0648\u0637 \u0648WordPress \u0648\u0645\u0633\u0627\u0631\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0648\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u064a \u064a\u062d\u062a\u0627\u062c \u0627\u0644\u0639\u0645\u064a\u0644 \u0625\u0644\u0649 \u0627\u062a\u062e\u0627\u0630\u0647\u0627.<\/p>\n        <\/article>\n\n        <article class=\"support-card\">\n          <div class=\"num\">02<\/div>\n          <h3>\u0631\u062d\u0644\u0629 \u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629<\/h3>\n          <p>\u0645\u062a\u0627\u062c\u0631 WooCommerce \u0648\u0633\u0644\u0629\u060c \u0648\u0627\u0643\u062a\u0634\u0627\u0641 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a\u060c \u0648\u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0645\u0639 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0637\u0644\u0628\u0627\u062a\u060c \u0648\u0631\u0628\u0637 \u062e\u0637\u0648\u0627\u062a \u0627\u0644\u062a\u0634\u063a\u064a\u0644.<\/p>\n        <\/article>\n\n        <article class=\"support-card\">\n          <div class=\"num\">03<\/div>\n          <h3>\u0646\u0638\u0627\u0645 \u0627\u0644\u0623\u062a\u0645\u062a\u0629<\/h3>\n          <p>\u0648\u0627\u062a\u0633\u0627\u0628 \u0648\u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0648\u0627\u0644\u0630\u0643\u0627\u0621 \u0627\u0644\u0627\u0635\u0637\u0646\u0627\u0639\u064a \u0648\u0648\u0627\u062c\u0647\u0627\u062a API \u0648\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0648\u0633\u064a\u0631 \u0627\u0644\u0639\u0645\u0644 \u0627\u0644\u062f\u0627\u062e\u0644\u064a \u0648\u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0627\u0644\u0645\u062a\u0631\u0627\u0628\u0637\u0629.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"project-section alt\">\n    <div class=\"dua-shell\">\n      <div class=\"section-kicker\">\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b \u0628\u0639\u062f \u0627\u0644\u0625\u0631\u0633\u0627\u0644\u061f<\/div>\n      <h2>\u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u0648\u0644\u064a\u0629 \u0645\u0641\u064a\u062f\u0629\u060c \u0648\u0644\u064a\u0633\u062a \u0648\u0639\u062f\u064b\u0627 \u0641\u0648\u0631\u064a\u064b\u0627.<\/h2>\n\n      <div class=\"next-steps\">\n        <div class=\"next-step\">\n          <b>01<\/b>\n          <div>\n            <strong>\u0646\u0631\u0627\u062c\u0639 \u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u0641\u0639\u0644\u064a<\/strong>\n            <span>\u0646\u0631\u0627\u062c\u0639 \u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u0627\u0644\u0648\u0636\u0639 \u0627\u0644\u062d\u0627\u0644\u064a \u0648\u0646\u0648\u0639 \u0627\u0644\u0645\u0634\u0631\u0648\u0639 \u0648\u0633\u064a\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0645\u0639\u064b\u0627.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"next-step\">\n          <b>02<\/b>\n          <div>\n            <strong>\u0646\u0633\u062a\u0643\u0645\u0644 \u0623\u064a \u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0646\u0627\u0642\u0635\u0629<\/strong>\n            <span>\u0625\u0630\u0627 \u0627\u062d\u062a\u062c\u0646\u0627 \u0625\u0644\u0649 \u062a\u0641\u0627\u0635\u064a\u0644 \u0625\u0636\u0627\u0641\u064a\u0629\u060c \u0646\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0643 \u0639\u0628\u0631 \u0627\u0644\u0648\u0633\u064a\u0644\u0629 \u0627\u0644\u062a\u064a \u0627\u062e\u062a\u0631\u062a\u0647\u0627.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"next-step\">\n          <b>03<\/b>\n          <div>\n            <strong>\u0646\u062d\u062f\u062f \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0627\u0644\u0645\u0646\u0627\u0633\u0628\u0629<\/strong>\n            <span>\u0642\u062f \u062a\u0643\u0648\u0646 \u0627\u0644\u062e\u0637\u0648\u0629 \u0627\u0644\u062a\u0627\u0644\u064a\u0629 \u0645\u062d\u0627\u062f\u062b\u0629 \u0627\u0633\u062a\u0643\u0634\u0627\u0641\u064a\u0629 \u0623\u0648 \u062a\u062d\u062f\u064a\u062f\u064b\u0627 \u0623\u0648\u0636\u062d \u0644\u0646\u0637\u0627\u0642 \u0627\u0644\u0639\u0645\u0644 \u0623\u0648 \u0645\u0631\u0627\u062c\u0639\u0629 \u0644\u0625\u0645\u0643\u0627\u0646\u064a\u0629 \u0627\u0644\u062a\u0646\u0641\u064a\u0630 \u0623\u0648 \u0639\u0631\u0636\u064b\u0627 \u0644\u0644\u0645\u0634\u0631\u0648\u0639.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <footer class=\"project-footer\">\n    <div class=\"dua-shell footer-inner\">\n      <div>\n        <strong>DUA SYSTEMS<\/strong>\n        <small>\u0645\u0648\u0627\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u062a\u062c\u0627\u0631\u0629 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0623\u062a\u0645\u062a\u0629\u060c \u0648\u0623\u0646\u0638\u0645\u0629 \u0631\u0642\u0645\u064a\u0629 \u0645\u062a\u0631\u0627\u0628\u0637\u0629.<\/small>\n      <\/div>\n\n      <nav class=\"footer-links\">\n        <a href=\"https:\/\/www.duaessam.com\/ar\/insights\/\">\u0645\u0642\u0627\u0644\u0627\u062a<\/a>\n        <a href=\"\/newsite\/ar\/privacy-policy\/\">\u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629<\/a>\n        <a href=\"\/newsite\/ar\/terms-conditions\/\">\u0627\u0644\u0634\u0631\u0648\u0637<\/a>\n      <\/nav>\n    <\/div>\n  <\/footer>\n\n  <script>\n    (function(){\n      const root=document.getElementById('dua-project-page-ar');\n      if(!root)return;\n\n      \/* V1.6 \u2014 translated-page viewport alignment *\/\n      function duaLockArabicViewport(){\n        if(!root) return;\n\n        root.style.setProperty('width', window.innerWidth + 'px', 'important');\n        root.style.setProperty('max-width', 'none', 'important');\n        root.style.setProperty('left', 'auto', 'important');\n        root.style.setProperty('right', 'auto', 'important');\n        root.style.setProperty('margin-left', '0', 'important');\n        root.style.setProperty('margin-right', '0', 'important');\n        root.style.setProperty('transform', 'none', 'important');\n\n        let p=root.parentElement;\n        while(p && p!==document.body){\n          p.style.setProperty('max-width','none','important');\n          p.style.setProperty('overflow','visible','important');\n          p=p.parentElement;\n        }\n\n        const rect=root.getBoundingClientRect();\n        root.style.setProperty(\n          'transform',\n          'translateX(' + (-rect.left) + 'px)',\n          'important'\n        );\n      }\n\n      requestAnimationFrame(function(){\n        duaLockArabicViewport();\n        setTimeout(duaLockArabicViewport,80);\n        setTimeout(duaLockArabicViewport,280);\n      });\n\n      window.addEventListener('load',duaLockArabicViewport);\n      window.addEventListener('resize',function(){\n        clearTimeout(window.__duaArViewportTimer);\n        window.__duaArViewportTimer=setTimeout(duaLockArabicViewport,80);\n      });\n\n\n      \/* Remove Elementor\/theme spacing inherited above the HTML widget. *\/\n      let wrap=root.parentElement;\n      while(wrap&&wrap!==document.body){\n        wrap.style.setProperty('margin-top','0','important');\n        wrap.style.setProperty('padding-top','0','important');\n        wrap.style.setProperty('border-top-width','0','important');\n        wrap.style.setProperty('box-shadow','none','important');\n        wrap=wrap.parentElement;\n      }\n\n      \/* \u0627\u0644\u062a\u0646\u0642\u0644 \u0639\u0644\u0649 \u0627\u0644\u0647\u0627\u062a\u0641 *\/\n      const mobileToggle=root.querySelector('.dua-mobile-toggle');\n      const mobileNav=root.querySelector('.dua-mobile-nav');\n\n      if(mobileToggle&&mobileNav){\n        mobileToggle.addEventListener('click',function(){\n          const open=mobileNav.classList.toggle('open');\n          mobileToggle.setAttribute('aria-expanded',open?'true':'false');\n        });\n\n        mobileNav.querySelectorAll('a').forEach(function(link){\n          link.addEventListener('click',function(){\n            mobileNav.classList.remove('open');\n            mobileToggle.setAttribute('aria-expanded','false');\n          });\n        });\n      }\n\n      function duaLanguageUrl(target){\n        let path=window.location.pathname;\n        if(target==='ar'){\n          if(\/\\\/ar\\\/start-a-project-email\\\/?$\/i.test(path)) return path;\n          return path.replace(\/\\\/start-a-project-email\\\/?$\/i,'\/ar\/start-a-project-email\/');\n        }\n        return path.replace(\/\\\/ar\\\/start-a-project-email\\\/?$\/i,'\/start-a-project-email\/');\n      }\n\n      function ensureDuaLanguageSwitcher(){\n        let switcher=root.querySelector('.dua-project-topbar .dua-language-switcher');\n\n        if(!switcher){\n          switcher=document.createElement('div');\n          switcher.className='dua-language-switcher dua-fallback-language-switcher';\n          switcher.setAttribute('aria-label','\u062a\u063a\u064a\u064a\u0631 \u0627\u0644\u0644\u063a\u0629');\n          switcher.innerHTML='<a href=\"#\" data-dua-page-lang=\"en\">EN<\/a><span>\u00b7<\/span><a href=\"#\" data-dua-page-lang=\"ar\" aria-current=\"page\">AR<\/a>';\n\n          const cta=root.querySelector('.dua-project-cta');\n          if(cta) cta.before(switcher);\n        }\n\n        root.querySelectorAll('[data-dua-page-lang]').forEach(function(link){\n          link.href=window.location.origin+duaLanguageUrl(link.getAttribute('data-dua-page-lang'));\n        });\n\n        if(mobileNav&&!mobileNav.querySelector('.dua-mobile-language')){\n          const mobileLang=document.createElement('div');\n          mobileLang.className='dua-mobile-language';\n          mobileLang.innerHTML='<a href=\"#\" data-dua-mobile-lang=\"en\">EN<\/a><span>\u00b7<\/span><a href=\"#\" data-dua-mobile-lang=\"ar\" aria-current=\"page\">AR<\/a>';\n          const mobileCta=mobileNav.querySelector('.mobile-nav-cta');\n          if(mobileCta) mobileCta.before(mobileLang); else mobileNav.appendChild(mobileLang);\n\n          mobileLang.querySelectorAll('[data-dua-mobile-lang]').forEach(function(link){\n            link.href=window.location.origin+duaLanguageUrl(link.getAttribute('data-dua-mobile-lang'));\n          });\n        }\n      }\n\n      window.addEventListener('load',function(){\n        setTimeout(ensureDuaLanguageSwitcher,120);\n      });\n\n      const form=root.querySelector('[data-project-form]');\n      if(!form)return;\n\n      const routeChoices=[...root.querySelectorAll('[data-route-choice]')];\n      const routeEmpty=root.querySelector('[data-route-empty]');\n      const modeField=root.querySelector('[data-enquiry-mode]');\n      const enquiryCard=root.querySelector('#dua-enquiry-form');\n\n      const state={\n        route:'',\n        step:{\n          project:1,\n          consultation:1\n        },\n        total:{\n          project:4,\n          consultation:2\n        }\n      };\n\n      function setRoute(route){\n        if(route!=='project'&&route!=='consultation')return;\n\n        state.route=route;\n        state.step[route]=1;\n        modeField.value=route;\n\n        routeEmpty.hidden=true;\n        enquiryCard?.classList.add('is-routed');\n\n        root.querySelectorAll('[data-flow]').forEach(function(flow){\n          const active=flow.getAttribute('data-flow')===route;\n          flow.hidden=!active;\n\n          flow.querySelectorAll('input,select,textarea,button').forEach(function(control){\n            if(control.matches('[data-next],[data-back]')||control.type==='submit'){\n              control.disabled=!active;\n              return;\n            }\n            control.disabled=!active;\n          });\n        });\n\n        render(route);\n      }\n\n      function resetRoute(){\n        state.route='';\n        modeField.value='';\n        enquiryCard?.classList.remove('is-routed');\n\n        routeChoices.forEach(function(choice){\n          choice.checked=false;\n        });\n\n        routeEmpty.hidden=false;\n\n        root.querySelectorAll('[data-flow]').forEach(function(flow){\n          flow.hidden=true;\n          flow.querySelectorAll('input,select,textarea,button').forEach(function(control){\n            control.disabled=true;\n          });\n        });\n\n        setTimeout(function(){\n          enquiryCard?.scrollIntoView({behavior:'smooth',block:'start'});\n        },20);\n      }\n\n      function render(route){\n        const current=state.step[route];\n        const total=state.total[route];\n\n        root.querySelectorAll('.form-step[data-route=\"'+route+'\"]').forEach(function(step){\n          step.hidden=Number(step.getAttribute('data-step'))!==current;\n        });\n\n        const fill=root.querySelector('[data-progress-fill=\"'+route+'\"]');\n        if(fill){\n          fill.style.width=((current\/total)*100)+'%';\n        }\n\n        root.querySelectorAll('[data-progress-label=\"'+route+'\"]').forEach(function(label){\n          const number=Number(label.getAttribute('data-step-label'));\n          label.classList.toggle('is-active',number===current);\n          label.classList.toggle('is-complete',number<current);\n        });\n\n        const activeStep=root.querySelector('.form-step[data-route=\"'+route+'\"][data-step=\"'+current+'\"]');\n        if(activeStep){\n          setTimeout(function(){\n            activeStep.querySelector('input:not([type=\"hidden\"]):not([type=\"radio\"]):not([type=\"checkbox\"]),select,textarea')?.focus({preventScroll:true});\n          },30);\n        }\n      }\n\n      function activeStep(route){\n        return root.querySelector('.form-step[data-route=\"'+route+'\"][data-step=\"'+state.step[route]+'\"]');\n      }\n\n      function validateStep(step){\n        if(!step)return true;\n\n        const controls=[...step.querySelectorAll('input,select,textarea')].filter(function(el){\n          return !el.disabled&&el.type!=='hidden'&&el.offsetParent!==null;\n        });\n\n        for(const el of controls){\n          if(!el.checkValidity()){\n            el.reportValidity();\n            try{el.focus({preventScroll:true})}catch(e){}\n            return false;\n          }\n        }\n\n        return true;\n      }\n\n      function validateWholeRoute(route){\n        const steps=[...root.querySelectorAll('.form-step[data-route=\"'+route+'\"]')];\n\n        for(const step of steps){\n          const controls=[...step.querySelectorAll('input,select,textarea')].filter(function(el){\n            return !el.disabled&&el.type!=='hidden';\n          });\n\n          for(const el of controls){\n            if(!el.checkValidity()){\n              const stepNumber=Number(step.getAttribute('data-step'));\n              state.step[route]=stepNumber;\n              render(route);\n              setTimeout(function(){\n                el.reportValidity();\n                try{el.focus({preventScroll:true})}catch(e){}\n              },40);\n              return false;\n            }\n          }\n        }\n\n        return true;\n      }\n\n      routeChoices.forEach(function(choice){\n        choice.addEventListener('change',function(){\n          if(choice.checked)setRoute(choice.value);\n        });\n      });\n\n      root.querySelectorAll('[data-flow][hidden] input,[data-flow][hidden] select,[data-flow][hidden] textarea,[data-flow][hidden] button').forEach(function(control){\n        control.disabled=true;\n      });\n\n      root.addEventListener('click',function(e){\n        const changeRoute=e.target.closest('[data-change-route]');\n        const next=e.target.closest('[data-next]');\n        const back=e.target.closest('[data-back]');\n\n        if(changeRoute){\n          resetRoute();\n          return;\n        }\n\n        if(next){\n          const route=state.route;\n          if(!route)return;\n\n          const step=activeStep(route);\n          if(!validateStep(step))return;\n\n          if(state.step[route]<state.total[route]){\n            state.step[route]++;\n            render(route);\n            root.querySelector('#dua-enquiry-form')?.scrollIntoView({behavior:'smooth',block:'nearest'});\n          }\n        }\n\n        if(back){\n          const route=state.route;\n          if(!route)return;\n\n          if(state.step[route]>1){\n            state.step[route]--;\n            render(route);\n            root.querySelector('#dua-enquiry-form')?.scrollIntoView({behavior:'smooth',block:'nearest'});\n          }\n        }\n      });\n\n      \/* Show \/ hide current URL fields. *\/\n      root.querySelectorAll('[data-existing-radio]').forEach(function(radio){\n        radio.addEventListener('change',function(){\n          const route=radio.getAttribute('data-existing-radio');\n          const target=root.querySelector('[data-existing-url=\"'+route+'\"]');\n          if(!target)return;\n\n          const group\u0627\u0644\u0627\u0633\u0645=radio.name;\n          const selected=root.querySelector('input[name=\"'+group\u0627\u0644\u0627\u0633\u0645+'\"]:checked');\n          const show=selected&&(selected.value==='yes'||selected.value==='partly');\n\n          target.hidden=!show;\n          target.querySelectorAll('input,select,textarea').forEach(function(el){\n            el.disabled=!show||state.route!==route;\n          });\n        });\n      });\n\n      \/* Design-stage submit:\n         validate the active route, then move to the existing Thank You page.\n         The custom WordPress plugin will later save\/email the enquiry BEFORE this redirect. *\/\n      form.addEventListener('submit',function(e){\n        e.preventDefault();\n\n        const route=state.route;\n        if(!route)return;\n        if(!validateWholeRoute(route))return;\n\n        window.location.href='\/newsite\/ar\/thank-you\/';\n      });\n    })();\n  <\/script>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DUA SYSTEMS Websites Automation What We Build Insights About Start a Project \u2630 Websites Automation What We Build Insights About Start a Project Start a Project Tell us what needs to change.We\u2019ll shape the right direction. Start with what you know. If the project is already clear, send the details we need to review it. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_seopress_titles_title":"Start a Project \u2013 Websites & Automation | DUA SYSTEMS","_seopress_titles_desc":"Start your website, e-commerce or automation project with DUA SYSTEMS, or request guidance to choose the right digital solution.","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"","_seopress_redirections_param":"","_seopress_redirections_type":0,"_seopress_analysis_target_kw":"","footnotes":""},"class_list":["post-568","page","type-page","status-publish"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages\/568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/comments?post=568"}],"version-history":[{"count":29,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages\/568\/revisions"}],"predecessor-version":[{"id":721,"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/pages\/568\/revisions\/721"}],"wp:attachment":[{"href":"https:\/\/www.duaessam.com\/ar\/wp-json\/wp\/v2\/media?parent=568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}