{"id":154,"date":"2025-02-14T08:45:38","date_gmt":"2025-02-14T08:45:38","guid":{"rendered":"https:\/\/lightslategray-hummingbird-166239.hostingersite.com\/?page_id=154"},"modified":"2026-08-19T11:35:41","modified_gmt":"2026-08-19T11:35:41","slug":"contact","status":"publish","type":"page","link":"https:\/\/dindex.net\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"154\" class=\"elementor elementor-154\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-895d840 e-flex e-con-boxed e-con e-parent\" data-id=\"895d840\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39322d1 elementor-widget elementor-widget-html\" data-id=\"39322d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     CONTACT PAGE \u2014 FORM SECTION\n     Author: Mohamed El-Sehemy\n     English LTR - Elementor Compatible\n     WPForms ID: 293\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-contact-form-section),\n.elementor-widget-html:has(#dx-contact-form-section)\n    > .elementor-widget-container,\n.dx-contact-form-widget-fullwidth,\n.dx-contact-form-widget-fullwidth\n    > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n\/* =========================================================\n   RESET & VARIABLES\n========================================================= *\/\n\n#dx-contact-form-section,\n#dx-contact-form-section *,\n#dx-contact-form-section *::before,\n#dx-contact-form-section *::after {\n    box-sizing: border-box;\n}\n\n#dx-contact-form-section {\n    --dx-form-bg: #f7f5fb;\n    --dx-form-white: #ffffff;\n    --dx-form-dark: #180b35;\n    --dx-form-text: #6d6478;\n    --dx-form-muted: #958d9f;\n    --dx-form-purple: #6942d8;\n    --dx-form-purple-light: #9168ef;\n    --dx-form-yellow: #ffc441;\n    --dx-form-yellow-light: #ffd66e;\n    --dx-form-green: #54d696;\n    --dx-form-border: rgba(105,66,216,.14);\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    direction: ltr;\n\n    color: var(--dx-form-dark);\n\n    background:\n        radial-gradient(\n            circle at 93% 12%,\n            rgba(105,66,216,.08),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 6% 88%,\n            rgba(145,104,239,.08),\n            transparent 27%\n        ),\n        var(--dx-form-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    scroll-margin-top: 90px;\n}\n\n#dx-contact-form-section a {\n    color: inherit;\n    text-decoration: none;\n}\n\n#dx-contact-form-section button,\n#dx-contact-form-section input,\n#dx-contact-form-section textarea,\n#dx-contact-form-section select {\n    font-family: inherit;\n}\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-form-grid {\n    position: absolute;\n    z-index: -6;\n\n    inset: 0;\n\n    opacity: .16;\n\n    background-image:\n        linear-gradient(\n            rgba(105,66,216,.04) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(105,66,216,.04) 1px,\n            transparent 1px\n        );\n\n    background-size: 72px 72px;\n\n    -webkit-mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 16%,\n            transparent 83%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 16%,\n            transparent 83%\n        );\n\n    pointer-events: none;\n}\n\n#dx-contact-form-section .dx-contact-form-circle {\n    position: absolute;\n    z-index: -5;\n\n    border:\n        1px solid rgba(105,66,216,.08);\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-contact-form-section .dx-contact-form-circle-one {\n    top: -250px;\n    right: -210px;\n\n    width: 510px;\n    height: 510px;\n}\n\n#dx-contact-form-section .dx-contact-form-circle-two {\n    left: -270px;\n    bottom: -320px;\n\n    width: 610px;\n    height: 610px;\n}\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-form-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        96px\n        clamp(22px,5vw,90px)\n        104px;\n}\n\n#dx-contact-form-section .dx-contact-form-container {\n    width:\n        min(\n            1450px,\n            100%\n        );\n\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-form-header {\n    max-width: 860px;\n\n    margin:\n        0\n        auto\n        52px;\n\n    text-align: center;\n}\n\n#dx-contact-form-section .dx-contact-form-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 12px;\n\n    color:\n        var(--dx-form-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-contact-form-section .dx-contact-form-eyebrow::before,\n#dx-contact-form-section .dx-contact-form-eyebrow::after {\n    content: \"\";\n\n    width: 31px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-form-yellow),\n            var(--dx-form-purple-light)\n        );\n}\n\n#dx-contact-form-section .dx-contact-form-title {\n    margin: 0;\n\n    color:\n        var(--dx-form-dark);\n\n    font-size:\n        clamp(\n            32px,\n            3.6vw,\n            50px\n        );\n\n    font-weight: 900;\n    line-height: 1.2;\n    letter-spacing: -.45px;\n\n    text-wrap: balance;\n}\n\n#dx-contact-form-section .dx-contact-form-title span {\n    color:\n        var(--dx-form-purple);\n}\n\n#dx-contact-form-section .dx-contact-form-description {\n    max-width: 740px;\n\n    margin:\n        14px\n        auto\n        0;\n\n    color:\n        var(--dx-form-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.8;\n\n    text-wrap: pretty;\n}\n\n\/* =========================================================\n   LAYOUT\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-form-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1.35fr)\n        minmax(330px,.65fr);\n\n    align-items: start;\n\n    gap: 28px;\n}\n\n\/* =========================================================\n   FORM PANEL\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-form-panel {\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        34px\n        35px;\n\n    border:\n        1px solid var(--dx-form-border);\n\n    border-radius: 27px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.99),\n            rgba(250,248,254,.97)\n        );\n\n    box-shadow:\n        0 27px 70px rgba(40,18,84,.11),\n        inset 0 1px 0 rgba(255,255,255,1);\n}\n\n#dx-contact-form-section .dx-contact-form-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: 0;\n\n    top: 0;\n    left: 0;\n\n    width: 100%;\n    height: 5px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-form-purple),\n            var(--dx-form-purple-light),\n            var(--dx-form-yellow)\n        );\n}\n\n#dx-contact-form-section .dx-contact-form-panel-head,\n#dx-contact-form-section .dx-contact-form-embed {\n    position: relative;\n    z-index: 2;\n}\n\n#dx-contact-form-section .dx-contact-form-panel-head {\n    display: grid;\n\n    grid-template-columns:\n        58px\n        minmax(0,1fr);\n\n    align-items: center;\n\n    gap: 15px;\n\n    margin-bottom: 27px;\n    padding-bottom: 22px;\n\n    border-bottom:\n        1px solid rgba(105,66,216,.11);\n}\n\n#dx-contact-form-section .dx-contact-form-panel-icon {\n    width: 58px;\n    height: 58px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 17px;\n\n    color: #ffffff;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-form-purple),\n            var(--dx-form-purple-light)\n        );\n\n    box-shadow:\n        0 16px 35px rgba(105,66,216,.24);\n}\n\n#dx-contact-form-section .dx-contact-form-panel-icon svg {\n    width: 28px;\n    height: 28px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-form-section .dx-contact-form-panel-title {\n    margin: 0;\n\n    color:\n        var(--dx-form-dark);\n\n    font-size: 22px;\n    font-weight: 900;\n    line-height: 1.4;\n}\n\n\/* =========================================================\n   WPFORMS BASE\n========================================================= *\/\n\n#dx-contact-form-section .wpforms-container {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    direction: ltr !important;\n}\n\n#dx-contact-form-section .wpforms-container form {\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field {\n    margin:\n        0\n        0\n        18px !important;\n\n    padding: 0 !important;\n\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-label {\n    display: block !important;\n\n    margin:\n        0\n        0\n        8px !important;\n\n    color:\n        var(--dx-form-dark) !important;\n\n    font-size: 14px !important;\n    font-weight: 900 !important;\n    line-height: 1.7 !important;\n\n    text-align: left !important;\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-required-label {\n    color:\n        #d34e5b !important;\n}\n\n\/* =========================================================\n   INPUTS\n========================================================= *\/\n\n#dx-contact-form-section\n.wpforms-container\ninput[type=\"text\"],\n#dx-contact-form-section\n.wpforms-container\ninput[type=\"email\"],\n#dx-contact-form-section\n.wpforms-container\ninput[type=\"number\"],\n#dx-contact-form-section\n.wpforms-container\ninput[type=\"url\"],\n#dx-contact-form-section\n.wpforms-container\ninput[type=\"date\"],\n#dx-contact-form-section\n.wpforms-container\nselect,\n#dx-contact-form-section\n.wpforms-container\ntextarea {\n    width: 100% !important;\n    max-width: none !important;\n\n    min-height: 54px !important;\n\n    margin: 0 !important;\n\n    padding:\n        12px\n        15px !important;\n\n    border:\n        1px solid rgba(105,66,216,.16) !important;\n\n    border-radius: 12px !important;\n\n    color:\n        var(--dx-form-dark) !important;\n\n    background:\n        #ffffff !important;\n\n    box-shadow:\n        0 8px 22px rgba(40,18,84,.035) !important;\n\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    line-height: 1.6 !important;\n\n    text-align: left !important;\n    direction: ltr !important;\n\n    transition:\n        border-color .25s ease,\n        box-shadow .25s ease,\n        background .25s ease !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\ntextarea {\n    min-height: 145px !important;\n\n    resize: vertical !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\ninput::placeholder,\n#dx-contact-form-section\n.wpforms-container\ntextarea::placeholder {\n    color:\n        #aaa3b2 !important;\n\n    opacity: 1 !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\ninput:focus,\n#dx-contact-form-section\n.wpforms-container\nselect:focus,\n#dx-contact-form-section\n.wpforms-container\ntextarea:focus {\n    border-color:\n        var(--dx-form-purple) !important;\n\n    outline: none !important;\n\n    background:\n        #ffffff !important;\n\n    box-shadow:\n        0 0 0 4px rgba(105,66,216,.1),\n        0 12px 28px rgba(40,18,84,.07) !important;\n}\n\n\/* =========================================================\n   SMART PHONE FIELD\n========================================================= *\/\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone {\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti {\n    position: relative !important;\n\n    width: 100% !important;\n    max-width: none !important;\n\n    display: block !important;\n\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__country-container,\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__flag-container {\n    position: absolute !important;\n    z-index: 5 !important;\n\n    top: 0 !important;\n    bottom: 0 !important;\n\n    left: 0 !important;\n    right: auto !important;\n\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__selected-country {\n    height: 100% !important;\n\n    display: flex !important;\n    align-items: center !important;\n\n    padding:\n        0\n        10px !important;\n\n    border: 0 !important;\n    border-right:\n        1px solid rgba(105,66,216,.12) !important;\n\n    background:\n        rgba(105,66,216,.035) !important;\n\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__selected-flag {\n    height: 100% !important;\n\n    display: flex !important;\n    align-items: center !important;\n\n    padding:\n        0\n        11px\n        0\n        12px !important;\n\n    border: 0 !important;\n\n    border-right:\n        1px solid rgba(105,66,216,.12) !important;\n\n    background:\n        rgba(105,66,216,.035) !important;\n\n    direction: ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__selected-country-primary {\n    height: 100% !important;\n\n    display: flex !important;\n    align-items: center !important;\n\n    padding:\n        0\n        8px !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__flag,\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__flag-box {\n    flex:\n        0\n        0\n        auto !important;\n\n    direction:\n        ltr !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__arrow {\n    margin-left: 6px !important;\n    margin-right: 0 !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\ninput[type=\"tel\"],\n#dx-contact-form-section\n.wpforms-container\ninput.wpforms-smart-phone-field {\n    width: 100% !important;\n    max-width: none !important;\n\n    min-height: 54px !important;\n\n    margin: 0 !important;\n\n    padding:\n        12px\n        15px\n        12px\n        100px !important;\n\n    border:\n        1px solid rgba(105,66,216,.16) !important;\n\n    border-radius: 12px !important;\n\n    color:\n        var(--dx-form-dark) !important;\n\n    background:\n        #ffffff !important;\n\n    box-shadow:\n        0 8px 22px rgba(40,18,84,.035) !important;\n\n    font-size: 14px !important;\n    font-weight: 600 !important;\n    line-height: 1.6 !important;\n\n    direction: ltr !important;\n    text-align: left !important;\n    unicode-bidi: plaintext !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\ninput[type=\"tel\"]::placeholder,\n#dx-contact-form-section\n.wpforms-container\ninput.wpforms-smart-phone-field::placeholder {\n    direction: ltr !important;\n    text-align: left !important;\n\n    color:\n        #aaa3b2 !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__country-list,\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__dropdown-content {\n    z-index:\n        9999 !important;\n\n    direction: ltr !important;\n    text-align: left !important;\n\n    border:\n        1px solid rgba(105,66,216,.16) !important;\n\n    border-radius: 12px !important;\n\n    background:\n        #ffffff !important;\n\n    box-shadow:\n        0 20px 50px rgba(40,18,84,.18) !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-phone\n.iti__country {\n    direction: ltr !important;\n    text-align: left !important;\n}\n\n\/* =========================================================\n   WPFORMS EXTRA\n========================================================= *\/\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-description {\n    margin-top:\n        6px !important;\n\n    color:\n        var(--dx-form-muted) !important;\n\n    font-size: 14px !important;\n    line-height: 1.7 !important;\n\n    text-align: left !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-row {\n    max-width:\n        none !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-field-row-block {\n    padding:\n        0\n        5px !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\n.wpforms-submit-container {\n    margin:\n        5px\n        0\n        0 !important;\n\n    padding: 0 !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\nbutton[type=\"submit\"],\n#dx-contact-form-section\n.wpforms-container\ninput[type=\"submit\"],\n#dx-contact-form-section\n.wpforms-container\n.wpforms-submit {\n    width: 100% !important;\n\n    min-height: 55px !important;\n\n    display: inline-flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    margin: 0 !important;\n\n    padding:\n        0\n        24px !important;\n\n    border:\n        1px solid rgba(105,66,216,.18) !important;\n\n    border-radius: 12px !important;\n\n    color:\n        #ffffff !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-form-purple),\n            var(--dx-form-purple-light)\n        ) !important;\n\n    box-shadow:\n        0 17px 36px rgba(105,66,216,.24) !important;\n\n    font-size: 14px !important;\n    font-weight: 900 !important;\n    line-height: 1 !important;\n\n    cursor: pointer !important;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\nbutton[type=\"submit\"]:hover,\n#dx-contact-form-section\n.wpforms-container\nbutton[type=\"submit\"]:focus,\n#dx-contact-form-section\n.wpforms-container\n.wpforms-submit:hover,\n#dx-contact-form-section\n.wpforms-container\n.wpforms-submit:focus {\n    box-shadow:\n        0 23px 47px rgba(105,66,216,.32) !important;\n\n    transform:\n        translateY(-3px) !important;\n}\n\n#dx-contact-form-section\n.wpforms-container\nlabel.wpforms-error {\n    margin-top:\n        6px !important;\n\n    color:\n        #c63e4d !important;\n\n    font-size: 14px !important;\n    font-weight: 700 !important;\n\n    text-align: left !important;\n}\n\n#dx-contact-form-section\n.wpforms-confirmation-container-full {\n    margin: 0 !important;\n\n    padding: 20px !important;\n\n    border:\n        1px solid rgba(84,214,150,.25) !important;\n\n    border-radius: 14px !important;\n\n    background:\n        rgba(84,214,150,.09) !important;\n\n    color:\n        #176a4a !important;\n\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    line-height: 1.8 !important;\n\n    text-align: left !important;\n}\n\n\/* =========================================================\n   FORM NOTE\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-form-note {\n    margin-top: 21px;\n    padding-top: 18px;\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 10px;\n\n    border-top:\n        1px solid rgba(105,66,216,.1);\n\n    color:\n        var(--dx-form-muted);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.75;\n}\n\n#dx-contact-form-section .dx-contact-form-note-icon {\n    width: 27px;\n    height: 27px;\n    flex: 0 0 27px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    color: #17855b;\n\n    background:\n        rgba(84,214,150,.12);\n}\n\n#dx-contact-form-section .dx-contact-form-note-icon svg {\n    width: 14px;\n    height: 14px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.1;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   CONTACT SIDE\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-info-side {\n    display: grid;\n\n    gap: 16px;\n}\n\n\/* =========================================================\n   CONTACT INFORMATION PANEL\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-info-panel {\n    position: relative;\n\n    overflow: hidden;\n\n    padding:\n        32px\n        28px;\n\n    border:\n        1px solid rgba(255,255,255,.13);\n\n    border-radius: 25px;\n\n    color: #ffffff;\n\n    background:\n        radial-gradient(\n            circle at 95% 5%,\n            rgba(145,104,239,.21),\n            transparent 31%\n        ),\n        linear-gradient(\n            215deg,\n            #1b0a3d,\n            #0b0223\n        );\n\n    box-shadow:\n        0 27px 68px rgba(40,18,84,.2);\n}\n\n#dx-contact-form-section .dx-contact-info-panel::before {\n    content: \"\";\n\n    position: absolute;\n\n    left: -140px;\n    bottom: -170px;\n\n    width: 340px;\n    height: 340px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,196,65,.07);\n\n    filter:\n        blur(90px);\n\n    pointer-events: none;\n}\n\n#dx-contact-form-section .dx-contact-info-content {\n    position: relative;\n    z-index: 2;\n}\n\n#dx-contact-form-section .dx-contact-info-label {\n    display: block;\n\n    color:\n        var(--dx-form-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n\n    text-align: left;\n}\n\n#dx-contact-form-section .dx-contact-info-title {\n    margin:\n        7px\n        0\n        0;\n\n    color:\n        #ffffff;\n\n    font-size: 26px;\n    font-weight: 900;\n    line-height: 1.3;\n\n    text-align: left;\n    text-wrap: balance;\n}\n\n#dx-contact-form-section .dx-contact-info-text {\n    margin:\n        10px\n        0\n        0;\n\n    color:\n        rgba(255,255,255,.66);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.75;\n\n    text-align: left;\n}\n\n\/* =========================================================\n   CONTACT ITEMS\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-info-list {\n    margin-top: 25px;\n    padding-top: 21px;\n\n    display: grid;\n\n    gap: 11px;\n\n    border-top:\n        1px solid rgba(255,255,255,.1);\n}\n\n#dx-contact-form-section .dx-contact-info-item {\n    min-height: 70px;\n\n    display: grid;\n\n    grid-template-columns:\n        45px\n        minmax(0,1fr);\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding:\n        11px\n        12px;\n\n    border:\n        1px solid rgba(255,255,255,.1);\n\n    border-radius: 14px;\n\n    background:\n        rgba(255,255,255,.045);\n\n    direction: ltr;\n    text-align: left;\n\n    transition:\n        transform .25s ease,\n        border-color .25s ease,\n        background .25s ease;\n}\n\n#dx-contact-form-section\na.dx-contact-info-item:hover,\n#dx-contact-form-section\na.dx-contact-info-item:focus-visible {\n    border-color:\n        rgba(145,104,239,.5);\n\n    background:\n        rgba(145,104,239,.13);\n\n    transform:\n        translateX(4px);\n}\n\n#dx-contact-form-section .dx-contact-info-icon {\n    width: 45px;\n    height: 45px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 13px;\n\n    color:\n        #bda9ff;\n\n    background:\n        rgba(145,104,239,.13);\n}\n\n#dx-contact-form-section\n.dx-contact-info-item:nth-child(2)\n.dx-contact-info-icon {\n    color:\n        var(--dx-form-yellow);\n\n    background:\n        rgba(255,196,65,.1);\n}\n\n#dx-contact-form-section\n.dx-contact-info-item:nth-child(3)\n.dx-contact-info-icon {\n    color:\n        #7ce3b3;\n\n    background:\n        rgba(84,214,150,.1);\n}\n\n#dx-contact-form-section .dx-contact-info-icon svg {\n    width: 22px;\n    height: 22px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-form-section .dx-contact-info-copy {\n    min-width: 0;\n\n    direction: ltr;\n    text-align: left;\n}\n\n#dx-contact-form-section .dx-contact-info-name {\n    display: block;\n\n    color:\n        rgba(255,255,255,.49);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.5;\n\n    direction: ltr;\n    text-align: left;\n}\n\n#dx-contact-form-section .dx-contact-info-value {\n    display: block;\n\n    margin-top: 4px;\n\n    color:\n        rgba(255,255,255,.88);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.65;\n\n    direction: ltr;\n    text-align: left;\n\n    overflow-wrap: anywhere;\n}\n\n\/* =========================================================\n   MESSAGE GUIDE\n========================================================= *\/\n\n#dx-contact-form-section .dx-contact-guide {\n    padding:\n        27px\n        25px;\n\n    border:\n        1px solid var(--dx-form-border);\n\n    border-radius: 22px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.98),\n            rgba(250,248,254,.96)\n        );\n\n    box-shadow:\n        0 20px 52px rgba(40,18,84,.08);\n}\n\n#dx-contact-form-section .dx-contact-guide-title {\n    display: flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin: 0;\n\n    color:\n        var(--dx-form-dark);\n\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1.5;\n}\n\n#dx-contact-form-section .dx-contact-guide-title-icon {\n    width: 36px;\n    height: 36px;\n    flex: 0 0 36px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 11px;\n\n    color:\n        var(--dx-form-purple);\n\n    background:\n        rgba(105,66,216,.09);\n}\n\n#dx-contact-form-section .dx-contact-guide-title-icon svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-form-section .dx-contact-guide-list {\n    margin-top: 19px;\n\n    display: grid;\n\n    gap: 11px;\n}\n\n#dx-contact-form-section .dx-contact-guide-item {\n    display: flex;\n    align-items: flex-start;\n\n    gap: 10px;\n\n    color:\n        var(--dx-form-text);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.7;\n}\n\n#dx-contact-form-section .dx-contact-guide-number {\n    width: 25px;\n    height: 25px;\n    flex: 0 0 25px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    color:\n        var(--dx-form-purple);\n\n    background:\n        rgba(105,66,216,.08);\n\n    font-size: 14px;\n    font-weight: 900;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:1040px) {\n\n    #dx-contact-form-section .dx-contact-form-main {\n        padding:\n            78px\n            28px\n            84px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-layout {\n        grid-template-columns:\n            1fr;\n    }\n\n    #dx-contact-form-section .dx-contact-info-side {\n        grid-template-columns:\n            repeat(2,minmax(0,1fr));\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:680px) {\n\n    #dx-contact-form-section .dx-contact-form-main {\n        padding:\n            59px\n            16px\n            66px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-header {\n        margin-bottom:\n            34px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-eyebrow::before,\n    #dx-contact-form-section .dx-contact-form-eyebrow::after {\n        width: 22px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-title {\n        font-size:\n            clamp(\n                27px,\n                8.3vw,\n                36px\n            );\n\n        line-height: 1.22;\n        letter-spacing: -.2px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-description {\n        margin-top:\n            10px;\n\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    #dx-contact-form-section .dx-contact-form-layout {\n        gap: 15px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-panel {\n        padding:\n            27px\n            17px;\n\n        border-radius:\n            20px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-panel-head {\n        grid-template-columns:\n            50px\n            minmax(0,1fr);\n\n        gap: 12px;\n\n        margin-bottom: 22px;\n        padding-bottom: 18px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-panel-icon {\n        width: 50px;\n        height: 50px;\n\n        border-radius:\n            15px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-panel-icon svg {\n        width: 24px;\n        height: 24px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-panel-title {\n        font-size: 18px;\n    }\n\n    #dx-contact-form-section\n    .wpforms-container\n    .wpforms-field {\n        margin-bottom:\n            15px !important;\n    }\n\n    #dx-contact-form-section\n    .wpforms-container\n    input[type=\"text\"],\n    #dx-contact-form-section\n    .wpforms-container\n    input[type=\"email\"],\n    #dx-contact-form-section\n    .wpforms-container\n    input[type=\"number\"],\n    #dx-contact-form-section\n    .wpforms-container\n    input[type=\"url\"],\n    #dx-contact-form-section\n    .wpforms-container\n    input[type=\"date\"],\n    #dx-contact-form-section\n    .wpforms-container\n    select,\n    #dx-contact-form-section\n    .wpforms-container\n    textarea {\n        min-height:\n            50px !important;\n\n        padding:\n            11px\n            13px !important;\n\n        font-size:\n            14px !important;\n    }\n\n    #dx-contact-form-section\n    .wpforms-container\n    .wpforms-field-phone\n    input[type=\"tel\"],\n    #dx-contact-form-section\n    .wpforms-container\n    input.wpforms-smart-phone-field {\n        min-height:\n            50px !important;\n\n        padding:\n            11px\n            13px\n            11px\n            94px !important;\n\n        font-size:\n            14px !important;\n    }\n\n    #dx-contact-form-section\n    .wpforms-container\n    textarea {\n        min-height:\n            125px !important;\n    }\n\n    #dx-contact-form-section\n    .wpforms-container\n    .wpforms-field-row-block {\n        width:\n            100% !important;\n\n        margin:\n            0\n            0\n            10px !important;\n\n        padding:\n            0 !important;\n    }\n\n    #dx-contact-form-section .dx-contact-info-side {\n        grid-template-columns:\n            1fr;\n    }\n\n    #dx-contact-form-section .dx-contact-info-panel {\n        padding:\n            27px\n            19px;\n\n        border-radius:\n            20px;\n    }\n\n    #dx-contact-form-section .dx-contact-info-title {\n        font-size: 22px;\n    }\n\n    #dx-contact-form-section .dx-contact-guide {\n        padding:\n            23px\n            18px;\n\n        border-radius:\n            18px;\n    }\n\n    #dx-contact-form-section .dx-contact-form-circle {\n        display: none;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-contact-form-section a:focus-visible,\n#dx-contact-form-section button:focus-visible,\n#dx-contact-form-section input:focus-visible,\n#dx-contact-form-section textarea:focus-visible,\n#dx-contact-form-section select:focus-visible {\n    outline:\n        3px solid var(--dx-form-yellow);\n\n    outline-offset:\n        3px;\n}\n\n@media (prefers-reduced-motion:reduce) {\n\n    #dx-contact-form-section *,\n    #dx-contact-form-section *::before,\n    #dx-contact-form-section *::after {\n        animation-duration:\n            .01ms !important;\n\n        animation-iteration-count:\n            1 !important;\n\n        transition-duration:\n            .01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-contact-form-section\"\n    aria-labelledby=\"dx-contact-form-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div\n        class=\"dx-contact-form-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-contact-form-circle dx-contact-form-circle-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-contact-form-circle dx-contact-form-circle-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-contact-form-main\">\n\n        <div class=\"dx-contact-form-container\">\n\n            <!-- =============================================\n                 HEADER\n            ============================================== -->\n\n            <header class=\"dx-contact-form-header\">\n\n                <span class=\"dx-contact-form-eyebrow\">\n                    Tell Us What You Need\n                <\/span>\n\n                <h2\n                    id=\"dx-contact-form-title\"\n                    class=\"dx-contact-form-title\"\n                >\n                    Tell Us About\n                    <span>Your Project<\/span>\n                <\/h2>\n\n                <p class=\"dx-contact-form-description\">\n                    Share the key details about your project and the\n                    service you need. The more context you provide,\n                    the better we can understand your requirements\n                    and identify the right next step.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-contact-form-layout\">\n\n                <!-- =========================================\n                     FORM\n                ========================================== -->\n\n                <div class=\"dx-contact-form-panel\">\n\n                    <div class=\"dx-contact-form-panel-head\">\n\n                        <span\n                            class=\"dx-contact-form-panel-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path>\n                                <path d=\"M8 9h8\"><\/path>\n                                <path d=\"M8 13h5\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <div>\n\n                            <h3 class=\"dx-contact-form-panel-title\">\n                                Contact Form\n                            <\/h3>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"dx-contact-form-embed\">\n\n                        <style id=\"wpforms-css-vars-293\">\n\t\t\t\t#wpforms-293 {\n\t\t\t\t--wpforms-field-size-input-height: 43px;\n--wpforms-field-size-input-spacing: 15px;\n--wpforms-field-size-font-size: 16px;\n--wpforms-field-size-line-height: 19px;\n--wpforms-field-size-padding-h: 14px;\n--wpforms-field-size-checkbox-size: 16px;\n--wpforms-field-size-sublabel-spacing: 5px;\n--wpforms-field-size-icon-size: 1;\n--wpforms-label-size-font-size: 16px;\n--wpforms-label-size-line-height: 19px;\n--wpforms-label-size-sublabel-font-size: 14px;\n--wpforms-label-size-sublabel-line-height: 17px;\n--wpforms-button-size-font-size: 17px;\n--wpforms-button-size-height: 41px;\n--wpforms-button-size-padding-h: 15px;\n--wpforms-button-size-margin-top: 10px;\n--wpforms-container-shadow-size-box-shadow: none;\n\t\t\t}\n\t\t\t<\/style><div class=\"wpforms-container wpforms-container-full wpforms-render-modern\" id=\"wpforms-293\"><form id=\"wpforms-form-293\" class=\"wpforms-validate wpforms-form wpforms-ajax-form\" data-formid=\"293\" method=\"post\" enctype=\"multipart\/form-data\" action=\"\/en\/wp-json\/wp\/v2\/pages\/154\" data-token=\"a93a51fdf6f1906f7e88bfc20c741137\" data-token-time=\"1790020768\"><noscript class=\"wpforms-error-noscript\">Please enable JavaScript in your browser to complete this form.<\/noscript><div id=\"wpforms-error-noscript\" style=\"display: none;\">Please enable JavaScript in your browser to complete this form.<\/div><div class=\"wpforms-field-container\"><div id=\"wpforms-293-field_1-container\" class=\"wpforms-field wpforms-field-name\" data-field-id=\"1\"><label class=\"wpforms-field-label\" for=\"wpforms-293-field_1\">Name <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"text\" id=\"wpforms-293-field_1\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][1]\" aria-errormessage=\"wpforms-293-field_1-error\" required><\/div>\t\t<div id=\"wpforms-293-field_5-container\"\n\t\t\tclass=\"wpforms-field wpforms-field-text\"\n\t\t\tdata-field-type=\"text\"\n\t\t\tdata-field-id=\"5\"\n\t\t\t>\n\t\t\t<label class=\"wpforms-field-label\" for=\"wpforms-293-field_5\" >or Phone Comment<\/label>\n\t\t\t<input type=\"text\" id=\"wpforms-293-field_5\" class=\"wpforms-field-medium\" name=\"wpforms[fields][5]\" >\n\t\t<\/div>\n\t\t<div id=\"wpforms-293-field_2-container\" class=\"wpforms-field wpforms-field-email\" data-field-id=\"2\"><label class=\"wpforms-field-label\" for=\"wpforms-293-field_2\">Email <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"email\" id=\"wpforms-293-field_2\" class=\"wpforms-field-large wpforms-field-required\" name=\"wpforms[fields][2]\" spellcheck=\"false\" aria-errormessage=\"wpforms-293-field_2-error\" required><\/div><div id=\"wpforms-293-field_4-container\" class=\"wpforms-field wpforms-field-phone\" data-field-id=\"4\"><label class=\"wpforms-field-label\" for=\"wpforms-293-field_4\">Phone <span class=\"wpforms-required-label\" aria-hidden=\"true\">*<\/span><\/label><input type=\"tel\" id=\"wpforms-293-field_4\" class=\"wpforms-field-large wpforms-field-required wpforms-smart-phone-field\" data-rule-smart-phone-field=\"true\" name=\"wpforms[fields][4]\" aria-label=\"Phone\" aria-errormessage=\"wpforms-293-field_4-error\" required><\/div><div id=\"wpforms-293-field_3-container\" class=\"wpforms-field wpforms-field-textarea\" data-field-id=\"3\"><label class=\"wpforms-field-label\" for=\"wpforms-293-field_3\">Comment or Message<\/label><textarea id=\"wpforms-293-field_3\" class=\"wpforms-field-medium\" name=\"wpforms[fields][3]\" aria-errormessage=\"wpforms-293-field_3-error\" ><\/textarea><\/div><script>\n\t\t\t\t( function() {\n\t\t\t\t\tconst style = document.createElement( 'style' );\n\t\t\t\t\tstyle.appendChild( document.createTextNode( '#wpforms-293-field_5-container { position: absolute !important; overflow: hidden !important; display: inline !important; height: 1px !important; width: 1px !important; z-index: -1000 !important; padding: 0 !important; } #wpforms-293-field_5-container input { visibility: hidden; } #wpforms-conversational-form-page #wpforms-293-field_5-container label { counter-increment: none; }' ) );\n\t\t\t\t\tdocument.head.appendChild( style );\n\t\t\t\t\tdocument.currentScript?.remove();\n\t\t\t\t} )();\n\t\t\t<\/script><\/div><!-- .wpforms-field-container --><div class=\"wpforms-recaptcha-container wpforms-is-recaptcha wpforms-is-recaptcha-type-v3\" ><input type=\"hidden\" name=\"wpforms[recaptcha]\" value=\"\"><\/div><div class=\"wpforms-submit-container\" ><input type=\"hidden\" name=\"wpforms[id]\" value=\"293\"><input type=\"hidden\" name=\"page_title\" value=\"\"><input type=\"hidden\" name=\"page_url\" value=\"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/154\"><input type=\"hidden\" name=\"url_referer\" value=\"\"><button type=\"submit\" name=\"wpforms[submit]\" id=\"wpforms-submit-293\" class=\"wpforms-submit formbtn\" data-alt-text=\"Sending...\" data-submit-text=\"Submit\" aria-live=\"assertive\" value=\"wpforms-submit\">Submit<\/button><img decoding=\"async\" src=\"https:\/\/dindex.net\/wp-content\/plugins\/wpforms\/assets\/images\/submit-spin.svg\" class=\"wpforms-submit-spinner\" style=\"display: none;\" width=\"26\" height=\"26\" alt=\"Loading\"><\/div><\/form><\/div>  <!-- .wpforms-container -->\n\n                    <\/div>\n\n                    <div class=\"dx-contact-form-note\">\n\n                        <span\n                            class=\"dx-contact-form-note-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m5 12 4 4L19 6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n                            We use the information you submit only to review\n                            your enquiry and contact you regarding your project.\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- =========================================\n                     CONTACT INFORMATION\n                ========================================== -->\n\n                <aside class=\"dx-contact-info-side\">\n\n                    <div class=\"dx-contact-info-panel\">\n\n                        <div class=\"dx-contact-info-content\">\n\n                            <span class=\"dx-contact-info-label\">\n                                Contact Information\n                            <\/span>\n\n                            <h3 class=\"dx-contact-info-title\">\n                                Choose the Best Way to Reach Us\n                            <\/h3>\n\n                            <p class=\"dx-contact-info-text\">\n                                Send your enquiry through the form or contact\n                                us directly by email or phone. You can also\n                                visit our office in Sharjah.\n                            <\/p>\n\n                            <div class=\"dx-contact-info-list\">\n\n                                <!-- EMAIL -->\n\n                                <a\n                                    href=\"mailto:info@dindex.net\"\n                                    class=\"dx-contact-info-item\"\n                                >\n\n                                    <span\n                                        class=\"dx-contact-info-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <rect\n                                                x=\"3\"\n                                                y=\"5\"\n                                                width=\"18\"\n                                                height=\"14\"\n                                                rx=\"2\"\n                                            ><\/rect>\n\n                                            <path d=\"m3 7 9 6 9-6\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <span class=\"dx-contact-info-copy\">\n\n                                        <span class=\"dx-contact-info-name\">\n                                            Email\n                                        <\/span>\n\n                                        <span class=\"dx-contact-info-value\">\n                                            info@dindex.net\n                                        <\/span>\n\n                                    <\/span>\n\n                                <\/a>\n\n                                <!-- PHONE -->\n\n                                <a\n                                    href=\"tel:+971581909512\"\n                                    class=\"dx-contact-info-item\"\n                                >\n\n                                    <span\n                                        class=\"dx-contact-info-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7 12.8 12.8 0 0 0 .7 2.8 2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.5 12.8 12.8 0 0 0 2.8.7A2 2 0 0 1 22 16.9Z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <span class=\"dx-contact-info-copy\">\n\n                                        <span class=\"dx-contact-info-name\">\n                                            Phone\n                                        <\/span>\n\n                                        <span class=\"dx-contact-info-value\">\n                                            +971 58 190 9512\n                                        <\/span>\n\n                                    <\/span>\n\n                                <\/a>\n\n                                <!-- LOCATION -->\n\n                                <a\n                                    href=\"https:\/\/maps.app.goo.gl\/Hz89e3AwcPQYJdnj8\"\n                                    class=\"dx-contact-info-item\"\n                                    target=\"_blank\"\n                                    rel=\"noopener noreferrer\"\n                                >\n\n                                    <span\n                                        class=\"dx-contact-info-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\n\n                                            <circle\n                                                cx=\"12\"\n                                                cy=\"10\"\n                                                r=\"2.5\"\n                                            ><\/circle>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <span class=\"dx-contact-info-copy\">\n\n                                        <span class=\"dx-contact-info-name\">\n                                            Office Address\n                                        <\/span>\n\n                                        <span class=\"dx-contact-info-value\">\n                                            SPC Business Center \u2013 Sharjah \u2013\n                                            United Arab Emirates\n                                        <\/span>\n\n                                    <\/span>\n\n                                <\/a>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- =========================================\n                         MESSAGE GUIDE\n                    ========================================== -->\n\n                    <div class=\"dx-contact-guide\">\n\n                        <h3 class=\"dx-contact-guide-title\">\n\n                            <span\n                                class=\"dx-contact-guide-title-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M4 6h16\"><\/path>\n                                    <path d=\"M4 12h16\"><\/path>\n                                    <path d=\"M4 18h10\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            What Should You Include?\n\n                        <\/h3>\n\n                        <div class=\"dx-contact-guide-list\">\n\n                            <div class=\"dx-contact-guide-item\">\n\n                                <span class=\"dx-contact-guide-number\">\n                                    01\n                                <\/span>\n\n                                <span>\n                                    The type of service or project you\n                                    would like us to build.\n                                <\/span>\n\n                            <\/div>\n\n                            <div class=\"dx-contact-guide-item\">\n\n                                <span class=\"dx-contact-guide-number\">\n                                    02\n                                <\/span>\n\n                                <span>\n                                    Your main objective and the problem\n                                    you want to solve.\n                                <\/span>\n\n                            <\/div>\n\n                            <div class=\"dx-contact-guide-item\">\n\n                                <span class=\"dx-contact-guide-number\">\n                                    03\n                                <\/span>\n\n                                <span>\n                                    Required features, pages, systems,\n                                    or integrations.\n                                <\/span>\n\n                            <\/div>\n\n                            <div class=\"dx-contact-guide-item\">\n\n                                <span class=\"dx-contact-guide-number\">\n                                    04\n                                <\/span>\n\n                                <span>\n                                    Any reference links, examples, or\n                                    project files you already have.\n                                <\/span>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/aside>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxContactFormSection() {\n\n        const section =\n            document.getElementById(\n                \"dx-contact-form-section\"\n            );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized =\n            \"true\";\n\n        const widget =\n            section.closest(\n                \".elementor-widget-html\"\n            );\n\n        if (widget) {\n\n            widget.classList.add(\n                \"dx-contact-form-widget-fullwidth\"\n            );\n        }\n\n        \/*\n         * Keep WPForms international phone field\n         * correctly aligned in LTR mode.\n         *\/\n\n        function fixPhoneFieldDirection() {\n\n            const phoneFields =\n                section.querySelectorAll(\n                    \".wpforms-field-phone .iti\"\n                );\n\n            phoneFields.forEach(\n                function (phoneWrapper) {\n\n                    phoneWrapper.setAttribute(\n                        \"dir\",\n                        \"ltr\"\n                    );\n\n                    const phoneInput =\n                        phoneWrapper.querySelector(\n                            'input[type=\"tel\"]'\n                        );\n\n                    if (phoneInput) {\n\n                        phoneInput.setAttribute(\n                            \"dir\",\n                            \"ltr\"\n                        );\n\n                        phoneInput.style.setProperty(\n                            \"direction\",\n                            \"ltr\",\n                            \"important\"\n                        );\n\n                        phoneInput.style.setProperty(\n                            \"text-align\",\n                            \"left\",\n                            \"important\"\n                        );\n                    }\n\n                    const countryContainers =\n                        phoneWrapper.querySelectorAll(\n                            \".iti__country-container, .iti__flag-container\"\n                        );\n\n                    countryContainers.forEach(\n                        function (container) {\n\n                            container.style.setProperty(\n                                \"left\",\n                                \"0\",\n                                \"important\"\n                            );\n\n                            container.style.setProperty(\n                                \"right\",\n                                \"auto\",\n                                \"important\"\n                            );\n\n                        }\n                    );\n                }\n            );\n        }\n\n        fixPhoneFieldDirection();\n\n        window.setTimeout(\n            fixPhoneFieldDirection,\n            300\n        );\n\n        window.setTimeout(\n            fixPhoneFieldDirection,\n            1000\n        );\n\n        if (\n            \"MutationObserver\" in window\n        ) {\n\n            const phoneObserver =\n                new MutationObserver(\n                    function () {\n                        fixPhoneFieldDirection();\n                    }\n                );\n\n            phoneObserver.observe(\n                section,\n                {\n                    childList: true,\n                    subtree: true\n                }\n            );\n\n            window.setTimeout(\n                function () {\n                    phoneObserver.disconnect();\n                },\n                4000\n            );\n        }\n\n        if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        const formPanel =\n            section.querySelector(\n                \".dx-contact-form-panel\"\n            );\n\n        const sidePanels =\n            section.querySelectorAll(\n                \".dx-contact-info-side > *\"\n            );\n\n        if (formPanel) {\n\n            formPanel.style.opacity =\n                \"0\";\n\n            formPanel.style.transform =\n                \"translateX(-30px)\";\n\n            formPanel.style.transition =\n                \"opacity .7s ease, transform .7s ease\";\n        }\n\n        sidePanels.forEach(\n            function (panel,index) {\n\n                panel.style.opacity =\n                    \"0\";\n\n                panel.style.transform =\n                    \"translateX(28px)\";\n\n                panel.style.transition =\n                    \"opacity .65s ease \" +\n                    (.08 + index * .1) +\n                    \"s, transform .65s ease \" +\n                    (.08 + index * .1) +\n                    \"s\";\n            }\n        );\n\n        const observer =\n            new IntersectionObserver(\n                function (\n                    entries,\n                    currentObserver\n                ) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                !entry.isIntersecting\n                            ) {\n                                return;\n                            }\n\n                            if (formPanel) {\n\n                                formPanel.style.opacity =\n                                    \"1\";\n\n                                formPanel.style.transform =\n                                    \"translateX(0)\";\n                            }\n\n                            sidePanels.forEach(\n                                function (panel) {\n\n                                    panel.style.opacity =\n                                        \"1\";\n\n                                    panel.style.transform =\n                                        \"translateX(0)\";\n                                }\n                            );\n\n                            currentObserver.unobserve(\n                                entry.target\n                            );\n                        }\n                    );\n\n                },\n                {\n                    threshold: .12\n                }\n            );\n\n        observer.observe(section);\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxContactFormSection\n        );\n\n    } else {\n\n        initDxContactFormSection();\n\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2683d88 e-flex e-con-boxed e-con e-parent\" data-id=\"2683d88\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a895ac elementor-widget elementor-widget-html\" data-id=\"1a895ac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     CONTACT PAGE \u2014 NEXT STEPS SECTION\n     English LTR - Elementor Compatible\n========================================================== -->\n\n<style>\n.elementor-widget-html:has(#dx-contact-next-steps),\n.elementor-widget-html:has(#dx-contact-next-steps) > .elementor-widget-container,\n.dx-contact-next-steps-widget-fullwidth,\n.dx-contact-next-steps-widget-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-contact-next-steps,\n#dx-contact-next-steps *,\n#dx-contact-next-steps *::before,\n#dx-contact-next-steps *::after {\n    box-sizing: border-box;\n}\n\n#dx-contact-next-steps {\n    --dx-dark: #09001f;\n    --dx-dark-secondary: #17053d;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255,255,255,.74);\n    --dx-muted: rgba(255,255,255,.56);\n    --dx-purple: #6942d8;\n    --dx-purple-light: #9168ef;\n    --dx-yellow: #ffc441;\n    --dx-yellow-light: #ffd66e;\n    --dx-green: #54d696;\n    --dx-blue: #58a8f7;\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    direction: ltr;\n\n    color: var(--dx-white);\n\n    background:\n        radial-gradient(\n            circle at 90% 14%,\n            rgba(145,104,239,.22),\n            transparent 27%\n        ),\n        radial-gradient(\n            circle at 10% 86%,\n            rgba(105,66,216,.2),\n            transparent 30%\n        ),\n        linear-gradient(\n            215deg,\n            var(--dx-dark-secondary),\n            var(--dx-dark)\n        );\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-contact-next-steps a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-grid-bg {\n    position: absolute;\n    z-index: -6;\n\n    inset: 0;\n\n    opacity: .1;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,.045) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.045) 1px,\n            transparent 1px\n        );\n\n    background-size: 72px 72px;\n\n    -webkit-mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 16%,\n            transparent 83%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 16%,\n            transparent 83%\n        );\n\n    pointer-events: none;\n}\n\n#dx-contact-next-steps .dx-next-glow {\n    position: absolute;\n    z-index: -5;\n\n    border-radius: 50%;\n\n    filter: blur(105px);\n\n    pointer-events: none;\n}\n\n#dx-contact-next-steps .dx-next-glow-one {\n    top: 16%;\n    left: 38%;\n\n    width: 380px;\n    height: 380px;\n\n    background:\n        rgba(105,66,216,.18);\n}\n\n#dx-contact-next-steps .dx-next-glow-two {\n    right: -150px;\n    bottom: -190px;\n\n    width: 460px;\n    height: 390px;\n\n    background:\n        rgba(255,196,65,.055);\n}\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        94px\n        clamp(22px,5vw,90px)\n        100px;\n}\n\n#dx-contact-next-steps .dx-next-container {\n    width: min(1420px,100%);\n\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-header {\n    max-width: 880px;\n\n    margin:\n        0\n        auto\n        54px;\n\n    text-align: center;\n}\n\n#dx-contact-next-steps .dx-next-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 12px;\n\n    color:\n        var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-contact-next-steps .dx-next-eyebrow::before,\n#dx-contact-next-steps .dx-next-eyebrow::after {\n    content: \"\";\n\n    width: 31px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-yellow),\n            var(--dx-purple-light)\n        );\n}\n\n#dx-contact-next-steps .dx-next-title {\n    margin: 0;\n\n    color:\n        var(--dx-white);\n\n    font-size:\n        clamp(\n            33px,\n            3.7vw,\n            51px\n        );\n\n    font-weight: 900;\n    line-height: 1.2;\n    letter-spacing: -.45px;\n\n    text-wrap: balance;\n}\n\n#dx-contact-next-steps .dx-next-title span {\n    color:\n        var(--dx-yellow);\n}\n\n#dx-contact-next-steps .dx-next-description {\n    max-width: 760px;\n\n    margin:\n        14px\n        auto\n        0;\n\n    color:\n        var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.8;\n\n    text-wrap: pretty;\n}\n\n\/* =========================================================\n   STEPS WRAPPER\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-wrapper {\n    position: relative;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n}\n\n#dx-contact-next-steps .dx-next-line {\n    position: absolute;\n    z-index: 0;\n\n    top: 50%;\n    right: 12%;\n    left: 12%;\n\n    height: 2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,.06),\n            rgba(145,104,239,.45),\n            rgba(255,196,65,.5),\n            rgba(255,255,255,.06)\n        );\n\n    transform:\n        translateY(-50%);\n}\n\n#dx-contact-next-steps .dx-next-list {\n    position: relative;\n    z-index: 2;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    gap: 22px;\n}\n\n\/* =========================================================\n   STEP CARD\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-item {\n    position: relative;\n    isolation: isolate;\n\n    min-width: 0;\n    min-height: 330px;\n\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    padding:\n        30px\n        27px\n        27px;\n\n    border:\n        1px solid rgba(255,255,255,.12);\n\n    border-radius: 24px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.09),\n            rgba(255,255,255,.035)\n        );\n\n    box-shadow:\n        0 24px 60px rgba(2,0,20,.27),\n        inset 0 1px 0 rgba(255,255,255,.06);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    backdrop-filter:\n        blur(10px);\n\n    transition:\n        transform .35s ease,\n        border-color .35s ease,\n        background .35s ease,\n        box-shadow .35s ease;\n}\n\n#dx-contact-next-steps .dx-next-item:hover,\n#dx-contact-next-steps .dx-next-item:focus-within {\n    border-color:\n        rgba(145,104,239,.46);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(145,104,239,.16),\n            rgba(255,255,255,.045)\n        );\n\n    box-shadow:\n        0 34px 78px rgba(2,0,20,.36),\n        inset 0 1px 0 rgba(255,255,255,.08);\n\n    transform:\n        translateY(-8px);\n}\n\n#dx-contact-next-steps .dx-next-item::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -2;\n\n    left: -120px;\n    bottom: -145px;\n\n    width: 300px;\n    height: 300px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(105,66,216,.14);\n\n    filter:\n        blur(80px);\n\n    opacity: 0;\n\n    transition:\n        opacity .35s ease;\n\n    pointer-events: none;\n}\n\n#dx-contact-next-steps .dx-next-item:hover::before,\n#dx-contact-next-steps .dx-next-item:focus-within::before {\n    opacity: 1;\n}\n\n\/* =========================================================\n   STEP TOP\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-item-top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    gap: 18px;\n}\n\n#dx-contact-next-steps .dx-next-icon {\n    width: 68px;\n    height: 68px;\n    flex: 0 0 68px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border:\n        1px solid rgba(255,255,255,.15);\n\n    border-radius: 20px;\n\n    color: #ffffff;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n\n    box-shadow:\n        0 16px 34px rgba(105,66,216,.29);\n\n    transition:\n        transform .3s ease,\n        box-shadow .3s ease;\n}\n\n#dx-contact-next-steps .dx-next-item:nth-child(2)\n.dx-next-icon {\n    color: #2c143f;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            var(--dx-yellow-light)\n        );\n\n    box-shadow:\n        0 16px 34px rgba(255,196,65,.24);\n}\n\n#dx-contact-next-steps .dx-next-item:nth-child(3)\n.dx-next-icon {\n    color: #0b4f38;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-green),\n            #8ae6b9\n        );\n\n    box-shadow:\n        0 16px 34px rgba(84,214,150,.23);\n}\n\n#dx-contact-next-steps .dx-next-item:hover\n.dx-next-icon {\n    transform:\n        translateY(-4px)\n        rotate(4deg);\n}\n\n#dx-contact-next-steps .dx-next-icon svg {\n    width: 33px;\n    height: 33px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.75;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-next-steps .dx-next-number {\n    color:\n        rgba(255,255,255,.2);\n\n    font-size: 29px;\n    font-weight: 900;\n    line-height: 1;\n}\n\n\/* =========================================================\n   STEP CONTENT\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-content {\n    margin-top: 24px;\n}\n\n#dx-contact-next-steps .dx-next-label {\n    min-height: 30px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    padding:\n        0\n        11px;\n\n    border:\n        1px solid rgba(145,104,239,.16);\n\n    border-radius: 999px;\n\n    color:\n        rgba(255,255,255,.76);\n\n    background:\n        rgba(145,104,239,.11);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1;\n}\n\n#dx-contact-next-steps .dx-next-item:nth-child(2)\n.dx-next-label {\n    color:\n        var(--dx-yellow-light);\n\n    background:\n        rgba(255,196,65,.1);\n}\n\n#dx-contact-next-steps .dx-next-item:nth-child(3)\n.dx-next-label {\n    color: #8ae6b9;\n\n    background:\n        rgba(84,214,150,.1);\n}\n\n#dx-contact-next-steps .dx-next-item-title {\n    margin:\n        12px\n        0\n        0;\n\n    color:\n        var(--dx-white);\n\n    font-size: 21px;\n    font-weight: 900;\n    line-height: 1.35;\n\n    text-wrap: balance;\n}\n\n#dx-contact-next-steps .dx-next-item-text {\n    margin:\n        9px\n        0\n        0;\n\n    color:\n        var(--dx-text);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.75;\n\n    text-wrap: pretty;\n}\n\n\/* =========================================================\n   RESULT\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-result {\n    margin-top: auto;\n    padding-top: 20px;\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 10px;\n\n    border-top:\n        1px solid rgba(255,255,255,.09);\n\n    color:\n        var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.7;\n}\n\n#dx-contact-next-steps .dx-next-result-icon {\n    width: 24px;\n    height: 24px;\n    flex: 0 0 24px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    color: #7ce3b3;\n\n    background:\n        rgba(84,214,150,.12);\n}\n\n#dx-contact-next-steps .dx-next-result-icon svg {\n    width: 13px;\n    height: 13px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   BOTTOM CTA\n========================================================= *\/\n\n#dx-contact-next-steps .dx-next-bottom {\n    max-width: 1180px;\n\n    margin:\n        30px\n        auto\n        0;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0,1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 25px;\n\n    padding:\n        24px\n        26px;\n\n    border:\n        1px solid rgba(255,255,255,.13);\n\n    border-radius: 20px;\n\n    background:\n        rgba(255,255,255,.055);\n\n    box-shadow:\n        0 18px 44px rgba(2,0,20,.21);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    backdrop-filter:\n        blur(10px);\n}\n\n#dx-contact-next-steps .dx-next-bottom-copy {\n    min-width: 0;\n\n    display: flex;\n    align-items: center;\n\n    gap: 14px;\n}\n\n#dx-contact-next-steps .dx-next-bottom-icon {\n    width: 48px;\n    height: 48px;\n    flex: 0 0 48px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 14px;\n\n    color:\n        var(--dx-yellow);\n\n    background:\n        rgba(255,196,65,.1);\n}\n\n#dx-contact-next-steps .dx-next-bottom-icon svg {\n    width: 24px;\n    height: 24px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-next-steps .dx-next-bottom-title {\n    margin: 0;\n\n    color:\n        var(--dx-white);\n\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1.5;\n}\n\n#dx-contact-next-steps .dx-next-bottom-text {\n    margin:\n        4px\n        0\n        0;\n\n    color:\n        var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.7;\n}\n\n#dx-contact-next-steps .dx-next-button {\n    min-width: 220px;\n    min-height: 50px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    padding:\n        0\n        22px;\n\n    border:\n        1px solid rgba(255,255,255,.18);\n\n    border-radius: 12px;\n\n    color: #180b35;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            var(--dx-yellow-light)\n        );\n\n    box-shadow:\n        0 16px 34px rgba(255,196,65,.21);\n\n    font-size: 14px;\n    font-weight: 900;\n    white-space: nowrap;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n#dx-contact-next-steps .dx-next-button:hover,\n#dx-contact-next-steps .dx-next-button:focus-visible {\n    box-shadow:\n        0 22px 44px rgba(255,196,65,.3);\n\n    transform:\n        translateY(-3px);\n}\n\n#dx-contact-next-steps .dx-next-button svg {\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:980px) {\n\n    #dx-contact-next-steps .dx-next-main {\n        padding:\n            76px\n            28px\n            82px;\n    }\n\n    #dx-contact-next-steps .dx-next-list {\n        grid-template-columns: 1fr;\n    }\n\n    #dx-contact-next-steps .dx-next-line {\n        top: 8%;\n        left: 34px;\n        right: auto;\n        bottom: 8%;\n\n        width: 2px;\n        height: auto;\n\n        transform: none;\n\n        background:\n            linear-gradient(\n                180deg,\n                rgba(255,255,255,.06),\n                rgba(145,104,239,.45),\n                rgba(255,196,65,.5),\n                rgba(255,255,255,.06)\n            );\n    }\n\n    #dx-contact-next-steps .dx-next-item {\n        width:\n            calc(100% - 70px);\n\n        margin-left: 70px;\n    }\n\n    #dx-contact-next-steps .dx-next-bottom {\n        grid-template-columns: 1fr;\n\n        text-align: center;\n    }\n\n    #dx-contact-next-steps .dx-next-bottom-copy {\n        flex-direction: column;\n    }\n\n    #dx-contact-next-steps .dx-next-button {\n        width: 100%;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:680px) {\n\n    #dx-contact-next-steps .dx-next-main {\n        padding:\n            59px\n            16px\n            65px;\n    }\n\n    #dx-contact-next-steps .dx-next-header {\n        margin-bottom: 35px;\n    }\n\n    #dx-contact-next-steps .dx-next-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-contact-next-steps .dx-next-eyebrow::before,\n    #dx-contact-next-steps .dx-next-eyebrow::after {\n        width: 22px;\n    }\n\n    #dx-contact-next-steps .dx-next-title {\n        font-size:\n            clamp(\n                27px,\n                8.3vw,\n                36px\n            );\n\n        line-height: 1.22;\n        letter-spacing: -.2px;\n    }\n\n    #dx-contact-next-steps .dx-next-description {\n        margin-top: 10px;\n\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    #dx-contact-next-steps .dx-next-line {\n        left: 18px;\n    }\n\n    #dx-contact-next-steps .dx-next-list {\n        gap: 14px;\n    }\n\n    #dx-contact-next-steps .dx-next-item {\n        width:\n            calc(100% - 44px);\n\n        min-height: 0;\n\n        margin-left: 44px;\n\n        padding:\n            21px\n            18px;\n\n        border-radius: 18px;\n    }\n\n    #dx-contact-next-steps .dx-next-icon {\n        width: 57px;\n        height: 57px;\n        flex-basis: 57px;\n\n        border-radius: 17px;\n    }\n\n    #dx-contact-next-steps .dx-next-icon svg {\n        width: 28px;\n        height: 28px;\n    }\n\n    #dx-contact-next-steps .dx-next-number {\n        font-size: 23px;\n    }\n\n    #dx-contact-next-steps .dx-next-content {\n        margin-top: 18px;\n    }\n\n    #dx-contact-next-steps .dx-next-label {\n        min-height: 29px;\n\n        padding-right: 9px;\n        padding-left: 9px;\n\n        font-size: 14px;\n    }\n\n    #dx-contact-next-steps .dx-next-item-title {\n        margin-top: 9px;\n\n        font-size: 18px;\n        line-height: 1.35;\n    }\n\n    #dx-contact-next-steps .dx-next-item-text {\n        margin-top: 6px;\n\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    #dx-contact-next-steps .dx-next-result {\n        margin-top: 17px;\n        padding-top: 15px;\n\n        font-size: 14px;\n    }\n\n    #dx-contact-next-steps .dx-next-bottom {\n        margin-top: 18px;\n\n        gap: 16px;\n\n        padding:\n            19px\n            15px;\n\n        border-radius: 16px;\n    }\n\n    #dx-contact-next-steps .dx-next-bottom-title {\n        font-size: 16px;\n    }\n\n    #dx-contact-next-steps .dx-next-bottom-text {\n        font-size: 14px;\n    }\n\n    #dx-contact-next-steps .dx-next-button {\n        min-width: 0;\n        min-height: 50px;\n\n        font-size: 14px;\n    }\n\n    #dx-contact-next-steps .dx-next-glow {\n        display: none;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-contact-next-steps a:focus-visible {\n    outline:\n        3px solid var(--dx-yellow);\n\n    outline-offset: 4px;\n}\n\n@media (prefers-reduced-motion:reduce) {\n\n    #dx-contact-next-steps *,\n    #dx-contact-next-steps *::before,\n    #dx-contact-next-steps *::after {\n        animation-duration:\n            .01ms !important;\n\n        animation-iteration-count:\n            1 !important;\n\n        transition-duration:\n            .01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-contact-next-steps\"\n    aria-labelledby=\"dx-contact-next-steps-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div\n        class=\"dx-next-grid-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-next-glow dx-next-glow-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-next-glow dx-next-glow-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-next-main\">\n\n        <div class=\"dx-next-container\">\n\n            <!-- HEADER -->\n\n            <header class=\"dx-next-header\">\n\n                <span class=\"dx-next-eyebrow\">\n                    Clear Steps After You Get in Touch\n                <\/span>\n\n                <h2\n                    id=\"dx-contact-next-steps-title\"\n                    class=\"dx-next-title\"\n                >\n                    What Happens After\n                    <span>You Send Your Enquiry?<\/span>\n                <\/h2>\n\n                <p class=\"dx-next-description\">\n                    We review the information you provide to understand\n                    your project and objectives, then connect with you\n                    to discuss the details, define the scope, and identify\n                    the right next step.\n                <\/p>\n\n            <\/header>\n\n            <!-- STEPS -->\n\n            <div class=\"dx-next-wrapper\">\n\n                <div\n                    class=\"dx-next-line\"\n                    aria-hidden=\"true\"\n                ><\/div>\n\n                <div class=\"dx-next-list\">\n\n                    <!-- STEP 01 -->\n\n                    <article class=\"dx-next-item\">\n\n                        <div class=\"dx-next-item-top\">\n\n                            <span\n                                class=\"dx-next-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M4 5h16\"><\/path>\n                                    <path d=\"M4 12h10\"><\/path>\n                                    <path d=\"M4 19h7\"><\/path>\n                                    <circle\n                                        cx=\"18\"\n                                        cy=\"15\"\n                                        r=\"3\"\n                                    ><\/circle>\n                                    <path d=\"m20.2 17.2 1.8 1.8\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span class=\"dx-next-number\">\n                                01\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-next-content\">\n\n                            <span class=\"dx-next-label\">\n                                Review & Analysis\n                            <\/span>\n\n                            <h3 class=\"dx-next-item-title\">\n                                We Review Your Enquiry\n                            <\/h3>\n\n                            <p class=\"dx-next-item-text\">\n                                We review the information you submitted\n                                to understand the type of service, project\n                                goals, core requirements, and any areas\n                                that need further clarification.\n                            <\/p>\n\n                        <\/div>\n\n                        <div class=\"dx-next-result\">\n\n                            <span\n                                class=\"dx-next-result-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span>\n                                A clear initial understanding of your\n                                project requirements.\n                            <\/span>\n\n                        <\/div>\n\n                    <\/article>\n\n                    <!-- STEP 02 -->\n\n                    <article class=\"dx-next-item\">\n\n                        <div class=\"dx-next-item-top\">\n\n                            <span\n                                class=\"dx-next-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path>\n                                    <path d=\"M8 9h8\"><\/path>\n                                    <path d=\"M8 13h5\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span class=\"dx-next-number\">\n                                02\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-next-content\">\n\n                            <span class=\"dx-next-label\">\n                                Requirements Discussion\n                            <\/span>\n\n                            <h3 class=\"dx-next-item-title\">\n                                We Discuss the Details\n                            <\/h3>\n\n                            <p class=\"dx-next-item-text\">\n                                We connect with you to understand the\n                                project in greater depth, including your\n                                target audience, required functionality,\n                                references, and technical requirements.\n                            <\/p>\n\n                        <\/div>\n\n                        <div class=\"dx-next-result\">\n\n                            <span\n                                class=\"dx-next-result-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span>\n                                Aligned expectations, priorities, and\n                                project requirements.\n                            <\/span>\n\n                        <\/div>\n\n                    <\/article>\n\n                    <!-- STEP 03 -->\n\n                    <article class=\"dx-next-item\">\n\n                        <div class=\"dx-next-item-top\">\n\n                            <span\n                                class=\"dx-next-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M4 19V5\"><\/path>\n                                    <path d=\"M4 19h16\"><\/path>\n                                    <path d=\"m7 15 4-4 3 3 5-6\"><\/path>\n                                    <path d=\"M16 8h3v3\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span class=\"dx-next-number\">\n                                03\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-next-content\">\n\n                            <span class=\"dx-next-label\">\n                                Define the Next Step\n                            <\/span>\n\n                            <h3 class=\"dx-next-item-title\">\n                                We Define the Scope and Next Step\n                            <\/h3>\n\n                            <p class=\"dx-next-item-text\">\n                                Once the requirements are clear, we define\n                                the project scope, key stages, and suitable\n                                implementation approach before moving from\n                                the idea into execution.\n                            <\/p>\n\n                        <\/div>\n\n                        <div class=\"dx-next-result\">\n\n                            <span\n                                class=\"dx-next-result-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span>\n                                A clear path for starting and organizing\n                                the implementation process.\n                            <\/span>\n\n                        <\/div>\n\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- BOTTOM CTA -->\n\n            <div class=\"dx-next-bottom\">\n\n                <div class=\"dx-next-bottom-copy\">\n\n                    <span\n                        class=\"dx-next-bottom-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path>\n                            <path d=\"M8 9h8\"><\/path>\n                            <path d=\"M8 13h5\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <div>\n\n                        <h3 class=\"dx-next-bottom-title\">\n                            Have More Details About Your Project?\n                        <\/h3>\n\n                        <p class=\"dx-next-bottom-text\">\n                            Send us your idea, requirements, reference\n                            links, or any additional project information.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n                <a\n                    href=\"https:\/\/dindex.net\/en\/contact\/\"\n                    class=\"dx-next-button\"\n                >\n                    <span>\n                        Discuss Your Project\n                    <\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                    >\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxContactNextSteps() {\n\n        const section =\n            document.getElementById(\n                \"dx-contact-next-steps\"\n            );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized =\n            \"true\";\n\n        const widget =\n            section.closest(\n                \".elementor-widget-html\"\n            );\n\n        if (widget) {\n\n            widget.classList.add(\n                \"dx-contact-next-steps-widget-fullwidth\"\n            );\n        }\n\n        if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        const items =\n            section.querySelectorAll(\n                \".dx-next-item\"\n            );\n\n        const bottom =\n            section.querySelector(\n                \".dx-next-bottom\"\n            );\n\n        items.forEach(\n            function (item,index) {\n\n                item.style.opacity =\n                    \"0\";\n\n                item.style.transform =\n                    \"translateY(30px)\";\n\n                item.style.transition =\n                    \"opacity .65s ease \" +\n                    index * .1 +\n                    \"s, transform .65s ease \" +\n                    index * .1 +\n                    \"s\";\n            }\n        );\n\n        if (bottom) {\n\n            bottom.style.opacity =\n                \"0\";\n\n            bottom.style.transform =\n                \"translateY(24px)\";\n\n            bottom.style.transition =\n                \"opacity .65s ease .3s, transform .65s ease .3s\";\n        }\n\n        const observer =\n            new IntersectionObserver(\n                function (\n                    entries,\n                    currentObserver\n                ) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                !entry.isIntersecting\n                            ) {\n                                return;\n                            }\n\n                            items.forEach(\n                                function (item) {\n\n                                    item.style.opacity =\n                                        \"1\";\n\n                                    item.style.transform =\n                                        \"translateY(0)\";\n                                }\n                            );\n\n                            if (bottom) {\n\n                                bottom.style.opacity =\n                                    \"1\";\n\n                                bottom.style.transform =\n                                    \"translateY(0)\";\n                            }\n\n                            currentObserver.unobserve(\n                                entry.target\n                            );\n                        }\n                    );\n\n                },\n                {\n                    threshold: .14\n                }\n            );\n\n        observer.observe(section);\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxContactNextSteps\n        );\n\n    } else {\n\n        initDxContactNextSteps();\n\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4e4f150 e-flex e-con-boxed e-con e-parent\" data-id=\"4e4f150\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e6bfa67 elementor-widget elementor-widget-html\" data-id=\"e6bfa67\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.elementor-widget-html:has(#dx-contact-location),\n.elementor-widget-html:has(#dx-contact-location) > .elementor-widget-container,\n.dx-contact-location-widget-fullwidth,\n.dx-contact-location-widget-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-contact-location,\n#dx-contact-location *,\n#dx-contact-location *::before,\n#dx-contact-location *::after {\n    box-sizing: border-box;\n}\n\n#dx-contact-location {\n    --dx-location-bg: #f7f5fb;\n    --dx-location-white: #ffffff;\n    --dx-location-dark: #180b35;\n    --dx-location-text: #6d6478;\n    --dx-location-muted: #958d9f;\n    --dx-location-purple: #6942d8;\n    --dx-location-purple-light: #9168ef;\n    --dx-location-yellow: #ffc441;\n    --dx-location-yellow-light: #ffd66e;\n    --dx-location-green: #54d696;\n    --dx-location-border: rgba(105,66,216,.13);\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    direction: ltr;\n\n    color: var(--dx-location-dark);\n\n    background:\n        radial-gradient(\n            circle at 92% 14%,\n            rgba(105,66,216,.08),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 8% 86%,\n            rgba(145,104,239,.08),\n            transparent 27%\n        ),\n        var(--dx-location-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-contact-location a {\n    color: inherit;\n    text-decoration: none;\n}\n\n#dx-contact-location img,\n#dx-contact-location iframe {\n    display: block;\n    max-width: 100%;\n}\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n#dx-contact-location .dx-location-grid-bg {\n    position: absolute;\n    z-index: -6;\n\n    inset: 0;\n\n    opacity: .15;\n\n    background-image:\n        linear-gradient(\n            rgba(105,66,216,.04) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(105,66,216,.04) 1px,\n            transparent 1px\n        );\n\n    background-size: 72px 72px;\n\n    -webkit-mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 18%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 18%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n#dx-contact-location .dx-location-circle {\n    position: absolute;\n    z-index: -5;\n\n    border:\n        1px solid rgba(105,66,216,.08);\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-contact-location .dx-location-circle-one {\n    top: -220px;\n    right: -190px;\n\n    width: 460px;\n    height: 460px;\n}\n\n#dx-contact-location .dx-location-circle-two {\n    left: -240px;\n    bottom: -280px;\n\n    width: 530px;\n    height: 530px;\n}\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n#dx-contact-location .dx-location-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        94px\n        clamp(22px,5vw,90px)\n        100px;\n}\n\n#dx-contact-location .dx-location-container {\n    width: min(1420px,100%);\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#dx-contact-location .dx-location-header {\n    max-width: 850px;\n\n    margin:\n        0\n        auto\n        48px;\n\n    text-align: center;\n}\n\n#dx-contact-location .dx-location-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 12px;\n\n    color:\n        var(--dx-location-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-contact-location .dx-location-eyebrow::before,\n#dx-contact-location .dx-location-eyebrow::after {\n    content: \"\";\n\n    width: 31px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-location-yellow),\n            var(--dx-location-purple-light)\n        );\n}\n\n#dx-contact-location .dx-location-title {\n    margin: 0;\n\n    color:\n        var(--dx-location-dark);\n\n    font-size:\n        clamp(\n            32px,\n            3.6vw,\n            50px\n        );\n\n    font-weight: 900;\n    line-height: 1.2;\n    letter-spacing: -.45px;\n\n    text-wrap: balance;\n}\n\n#dx-contact-location .dx-location-title span {\n    color:\n        var(--dx-location-purple);\n}\n\n#dx-contact-location .dx-location-description {\n    max-width: 720px;\n\n    margin:\n        14px\n        auto\n        0;\n\n    color:\n        var(--dx-location-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.8;\n\n    text-wrap: pretty;\n}\n\n\/* =========================================================\n   LAYOUT\n========================================================= *\/\n\n#dx-contact-location .dx-location-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(340px,.72fr)\n        minmax(0,1.28fr);\n\n    align-items: stretch;\n\n    gap: 25px;\n}\n\n\/* =========================================================\n   INFO PANEL\n========================================================= *\/\n\n#dx-contact-location .dx-location-info {\n    position: relative;\n    isolation: isolate;\n\n    min-height: 100%;\n\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    padding:\n        34px\n        31px;\n\n    border:\n        1px solid rgba(105,66,216,.15);\n\n    border-radius: 26px;\n\n    color: #ffffff;\n\n    background:\n        radial-gradient(\n            circle at 95% 5%,\n            rgba(145,104,239,.22),\n            transparent 31%\n        ),\n        linear-gradient(\n            215deg,\n            #1b0a3d,\n            #0c0225\n        );\n\n    box-shadow:\n        0 27px 68px rgba(40,18,84,.18);\n}\n\n#dx-contact-location .dx-location-info::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -2;\n\n    left: -130px;\n    bottom: -160px;\n\n    width: 340px;\n    height: 340px;\n\n    border-radius: 50%;\n\n    background:\n        rgba(255,196,65,.08);\n\n    filter:\n        blur(95px);\n\n    pointer-events: none;\n}\n\n#dx-contact-location .dx-location-info-icon {\n    width: 72px;\n    height: 72px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border:\n        1px solid rgba(255,255,255,.13);\n\n    border-radius: 22px;\n\n    color:\n        #0b4f38;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-location-green),\n            #8ae6b9\n        );\n\n    box-shadow:\n        0 18px 38px rgba(84,214,150,.22);\n}\n\n#dx-contact-location .dx-location-info-icon svg {\n    width: 35px;\n    height: 35px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-location .dx-location-info-label {\n    display: block;\n\n    margin-top: 27px;\n\n    color:\n        var(--dx-location-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-contact-location .dx-location-info-title {\n    margin:\n        8px\n        0\n        0;\n\n    color: #ffffff;\n\n    font-size: 29px;\n    font-weight: 900;\n    line-height: 1.3;\n\n    text-wrap: balance;\n}\n\n#dx-contact-location .dx-location-info-text {\n    margin:\n        13px\n        0\n        0;\n\n    color:\n        rgba(255,255,255,.7);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.75;\n}\n\n\/* =========================================================\n   ADDRESS\n========================================================= *\/\n\n#dx-contact-location .dx-location-address {\n    margin-top: 25px;\n    padding-top: 21px;\n\n    display: flex;\n    align-items: flex-start;\n\n    gap: 12px;\n\n    border-top:\n        1px solid rgba(255,255,255,.1);\n}\n\n#dx-contact-location .dx-location-address-icon {\n    width: 42px;\n    height: 42px;\n    flex: 0 0 42px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 13px;\n\n    color: #7ce3b3;\n\n    background:\n        rgba(84,214,150,.12);\n}\n\n#dx-contact-location .dx-location-address-icon svg {\n    width: 21px;\n    height: 21px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-location .dx-location-address-name {\n    display: block;\n\n    color:\n        rgba(255,255,255,.48);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.5;\n}\n\n#dx-contact-location .dx-location-address-value {\n    display: block;\n\n    margin-top: 5px;\n\n    color:\n        rgba(255,255,255,.88);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.7;\n}\n\n\/* =========================================================\n   ACTIONS\n========================================================= *\/\n\n#dx-contact-location .dx-location-actions {\n    margin-top: auto;\n    padding-top: 27px;\n\n    display: grid;\n\n    gap: 10px;\n}\n\n#dx-contact-location .dx-location-button {\n    width: 100%;\n    min-height: 52px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    padding:\n        0\n        20px;\n\n    border:\n        1px solid rgba(255,255,255,.17);\n\n    border-radius: 12px;\n\n    color: #180b35;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-location-yellow),\n            var(--dx-location-yellow-light)\n        );\n\n    box-shadow:\n        0 17px 37px rgba(255,196,65,.21);\n\n    font-size: 14px;\n    font-weight: 900;\n\n    transition:\n        transform .25s ease,\n        box-shadow .25s ease;\n}\n\n#dx-contact-location .dx-location-button:hover,\n#dx-contact-location .dx-location-button:focus-visible {\n    box-shadow:\n        0 23px 47px rgba(255,196,65,.3);\n\n    transform:\n        translateY(-3px);\n}\n\n#dx-contact-location .dx-location-button svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   MAP\n========================================================= *\/\n\n#dx-contact-location .dx-location-map-panel {\n    position: relative;\n\n    min-height: 590px;\n\n    overflow: hidden;\n\n    padding: 11px;\n\n    border:\n        1px solid var(--dx-location-border);\n\n    border-radius: 27px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,.99),\n            rgba(250,248,254,.97)\n        );\n\n    box-shadow:\n        0 27px 68px rgba(40,18,84,.13),\n        inset 0 1px 0 rgba(255,255,255,1);\n}\n\n#dx-contact-location .dx-location-map-frame {\n    position: relative;\n\n    width: 100%;\n    height: 100%;\n    min-height: 568px;\n\n    overflow: hidden;\n\n    border-radius: 19px;\n\n    background: #ebe8f3;\n}\n\n#dx-contact-location .dx-location-map-frame iframe {\n    width: 100%;\n    height: 100%;\n    min-height: 568px;\n\n    border: 0;\n\n    filter:\n        saturate(.85)\n        contrast(1.02);\n\n    transition:\n        filter .4s ease;\n}\n\n#dx-contact-location .dx-location-map-panel:hover iframe {\n    filter:\n        saturate(1)\n        contrast(1);\n}\n\n\/* =========================================================\n   MAP BADGE\n========================================================= *\/\n\n#dx-contact-location .dx-location-map-badge {\n    position: absolute;\n    z-index: 3;\n\n    top: 27px;\n    left: 27px;\n\n    max-width:\n        calc(100% - 54px);\n\n    min-height: 48px;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 11px;\n\n    padding:\n        0\n        15px;\n\n    border:\n        1px solid rgba(105,66,216,.15);\n\n    border-radius: 14px;\n\n    color:\n        var(--dx-location-dark);\n\n    background:\n        rgba(255,255,255,.94);\n\n    box-shadow:\n        0 15px 35px rgba(40,18,84,.13);\n\n    -webkit-backdrop-filter:\n        blur(12px);\n\n    backdrop-filter:\n        blur(12px);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-contact-location .dx-location-map-badge-icon {\n    width: 30px;\n    height: 30px;\n    flex: 0 0 30px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 9px;\n\n    color: #16845a;\n\n    background:\n        rgba(84,214,150,.13);\n}\n\n#dx-contact-location .dx-location-map-badge-icon svg {\n    width: 16px;\n    height: 16px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   NOTES\n========================================================= *\/\n\n#dx-contact-location .dx-location-note {\n    margin-top: 22px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3,minmax(0,1fr));\n\n    gap: 14px;\n}\n\n#dx-contact-location .dx-location-note-item {\n    min-height: 84px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    padding:\n        14px\n        15px;\n\n    border:\n        1px solid var(--dx-location-border);\n\n    border-radius: 16px;\n\n    background:\n        rgba(255,255,255,.82);\n\n    box-shadow:\n        0 14px 35px rgba(40,18,84,.06);\n}\n\n#dx-contact-location .dx-location-note-icon {\n    width: 39px;\n    height: 39px;\n    flex: 0 0 39px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 12px;\n\n    color:\n        var(--dx-location-purple);\n\n    background:\n        rgba(105,66,216,.09);\n}\n\n#dx-contact-location\n.dx-location-note-item:nth-child(2)\n.dx-location-note-icon {\n    color: #936500;\n\n    background:\n        rgba(255,196,65,.15);\n}\n\n#dx-contact-location\n.dx-location-note-item:nth-child(3)\n.dx-location-note-icon {\n    color: #16845a;\n\n    background:\n        rgba(84,214,150,.13);\n}\n\n#dx-contact-location .dx-location-note-icon svg {\n    width: 20px;\n    height: 20px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-contact-location .dx-location-note-title {\n    display: block;\n\n    color:\n        var(--dx-location-dark);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-contact-location .dx-location-note-text {\n    display: block;\n\n    margin-top: 3px;\n\n    color:\n        var(--dx-location-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.65;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width:980px) {\n\n    #dx-contact-location .dx-location-main {\n        padding:\n            76px\n            28px\n            82px;\n    }\n\n    #dx-contact-location .dx-location-layout {\n        grid-template-columns: 1fr;\n    }\n\n    #dx-contact-location .dx-location-info {\n        min-height: 0;\n    }\n\n    #dx-contact-location .dx-location-map-panel,\n    #dx-contact-location .dx-location-map-frame,\n    #dx-contact-location .dx-location-map-frame iframe {\n        min-height: 500px;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width:680px) {\n\n    #dx-contact-location .dx-location-main {\n        padding:\n            59px\n            16px\n            65px;\n    }\n\n    #dx-contact-location .dx-location-header {\n        margin-bottom: 34px;\n    }\n\n    #dx-contact-location .dx-location-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-contact-location .dx-location-eyebrow::before,\n    #dx-contact-location .dx-location-eyebrow::after {\n        width: 22px;\n    }\n\n    #dx-contact-location .dx-location-title {\n        font-size:\n            clamp(\n                27px,\n                8.3vw,\n                36px\n            );\n\n        line-height: 1.22;\n        letter-spacing: -.2px;\n    }\n\n    #dx-contact-location .dx-location-description {\n        margin-top: 10px;\n\n        font-size: 14px;\n        line-height: 1.75;\n    }\n\n    #dx-contact-location .dx-location-layout {\n        gap: 15px;\n    }\n\n    #dx-contact-location .dx-location-info {\n        padding:\n            25px\n            20px;\n\n        border-radius: 20px;\n    }\n\n    #dx-contact-location .dx-location-info-icon {\n        width: 60px;\n        height: 60px;\n\n        border-radius: 18px;\n    }\n\n    #dx-contact-location .dx-location-info-icon svg {\n        width: 30px;\n        height: 30px;\n    }\n\n    #dx-contact-location .dx-location-info-label {\n        margin-top: 21px;\n\n        font-size: 14px;\n    }\n\n    #dx-contact-location .dx-location-info-title {\n        margin-top: 6px;\n\n        font-size: 23px;\n        line-height: 1.35;\n    }\n\n    #dx-contact-location .dx-location-info-text {\n        margin-top: 9px;\n\n        font-size: 14px;\n        line-height: 1.7;\n    }\n\n    #dx-contact-location .dx-location-address {\n        margin-top: 20px;\n        padding-top: 17px;\n    }\n\n    #dx-contact-location .dx-location-address-name,\n    #dx-contact-location .dx-location-address-value {\n        font-size: 14px;\n    }\n\n    #dx-contact-location .dx-location-map-panel {\n        min-height: 420px;\n\n        padding: 8px;\n\n        border-radius: 20px;\n    }\n\n    #dx-contact-location .dx-location-map-frame,\n    #dx-contact-location .dx-location-map-frame iframe {\n        min-height: 402px;\n\n        border-radius: 14px;\n    }\n\n    #dx-contact-location .dx-location-map-badge {\n        top: 18px;\n        left: 18px;\n\n        max-width:\n            calc(100% - 36px);\n\n        min-height: 43px;\n\n        padding:\n            0\n            11px;\n\n        border-radius: 12px;\n\n        font-size: 14px;\n    }\n\n    #dx-contact-location .dx-location-map-badge-icon {\n        width: 27px;\n        height: 27px;\n        flex-basis: 27px;\n    }\n\n    #dx-contact-location .dx-location-note {\n        margin-top: 15px;\n\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n    #dx-contact-location .dx-location-note-item {\n        min-height: 72px;\n    }\n\n    #dx-contact-location .dx-location-note-title,\n    #dx-contact-location .dx-location-note-text {\n        font-size: 14px;\n    }\n\n    #dx-contact-location .dx-location-circle {\n        display: none;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-contact-location a:focus-visible,\n#dx-contact-location iframe:focus-visible {\n    outline:\n        3px solid var(--dx-location-yellow);\n\n    outline-offset: 4px;\n}\n\n@media (prefers-reduced-motion:reduce) {\n\n    #dx-contact-location *,\n    #dx-contact-location *::before,\n    #dx-contact-location *::after {\n        animation-duration:\n            .01ms !important;\n\n        animation-iteration-count:\n            1 !important;\n\n        transition-duration:\n            .01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-contact-location\"\n    aria-labelledby=\"dx-contact-location-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div\n        class=\"dx-location-grid-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-location-circle dx-location-circle-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-location-circle dx-location-circle-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-location-main\">\n\n        <div class=\"dx-location-container\">\n\n            <header class=\"dx-location-header\">\n\n                <span class=\"dx-location-eyebrow\">\n                    Our Location\n                <\/span>\n\n                <h2\n                    id=\"dx-contact-location-title\"\n                    class=\"dx-location-title\"\n                >\n                    Visit Our Office in\n                    <span>Sharjah<\/span>\n                <\/h2>\n\n                <p class=\"dx-location-description\">\n                    View our office location and open directions directly\n                    in Google Maps to find the easiest route from your\n                    current location.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-location-layout\">\n\n                <!-- =========================================\n                     OFFICE INFO\n                ========================================== -->\n\n                <aside class=\"dx-location-info\">\n\n                    <span\n                        class=\"dx-location-info-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\n                            <circle\n                                cx=\"12\"\n                                cy=\"10\"\n                                r=\"2.5\"\n                            ><\/circle>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"dx-location-info-label\">\n                        Office Address\n                    <\/span>\n\n                    <h3 class=\"dx-location-info-title\">\n                        We\u2019re Ready to Discuss Your Project\n                    <\/h3>\n\n                    <p class=\"dx-location-info-text\">\n                        Use the map to locate our office and open\n                        turn-by-turn directions from your current\n                        location using Google Maps.\n                    <\/p>\n\n                    <div class=\"dx-location-address\">\n\n                        <span\n                            class=\"dx-location-address-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M3 21h18\"><\/path>\n                                <path d=\"M5 21V7l7-4 7 4v14\"><\/path>\n                                <path d=\"M9 9h2\"><\/path>\n                                <path d=\"M13 9h2\"><\/path>\n                                <path d=\"M9 13h2\"><\/path>\n                                <path d=\"M13 13h2\"><\/path>\n                                <path d=\"M10 21v-4h4v4\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n\n                            <span class=\"dx-location-address-name\">\n                                Location\n                            <\/span>\n\n                            <span class=\"dx-location-address-value\">\n                                SPC Business Center \u2013 Sharjah \u2013\n                                United Arab Emirates\n                            <\/span>\n\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"dx-location-actions\">\n\n                        <a\n                            href=\"https:\/\/maps.app.goo.gl\/Hz89e3AwcPQYJdnj8\"\n                            class=\"dx-location-button\"\n                            target=\"_blank\"\n                            rel=\"noopener noreferrer\"\n                        >\n                            <span>\n                                Open in Google Maps\n                            <\/span>\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                aria-hidden=\"true\"\n                            >\n                                <path d=\"M5 12h14\"><\/path>\n                                <path d=\"m13 6 6 6-6 6\"><\/path>\n                            <\/svg>\n                        <\/a>\n\n                    <\/div>\n\n                <\/aside>\n\n                <!-- =========================================\n                     MAP\n                ========================================== -->\n\n                <div class=\"dx-location-map-panel\">\n\n                    <div\n                        class=\"dx-location-map-badge\"\n                        aria-hidden=\"true\"\n                    >\n                        <span class=\"dx-location-map-badge-icon\">\n\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m5 12 4 4L19 6\"><\/path>\n                            <\/svg>\n\n                        <\/span>\n\n                        SPC Business Center \u2013 Sharjah\n                    <\/div>\n\n                    <div class=\"dx-location-map-frame\">\n\n                        <iframe\n                            src=\"https:\/\/www.google.com\/maps?q=SPC%20Free%20Zone%20Business%20Centre%20Sharjah%20United%20Arab%20Emirates&output=embed\"\n                            title=\"Map showing SPC Business Center in Sharjah\"\n                            loading=\"lazy\"\n                            referrerpolicy=\"no-referrer-when-downgrade\"\n                            allowfullscreen\n                        ><\/iframe>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =============================================\n                 LOCATION NOTES\n            ============================================== -->\n\n            <div class=\"dx-location-note\">\n\n                <div class=\"dx-location-note-item\">\n\n                    <span\n                        class=\"dx-location-note-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M20 10c0 5-8 11-8 11S4 15 4 10a8 8 0 1 1 16 0Z\"><\/path>\n                            <circle\n                                cx=\"12\"\n                                cy=\"10\"\n                                r=\"2.5\"\n                            ><\/circle>\n                        <\/svg>\n                    <\/span>\n\n                    <span>\n\n                        <span class=\"dx-location-note-title\">\n                            Easy to Find\n                        <\/span>\n\n                        <span class=\"dx-location-note-text\">\n                            Open directions directly from your current location.\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"dx-location-note-item\">\n\n                    <span\n                        class=\"dx-location-note-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M8 2v4\"><\/path>\n                            <path d=\"M16 2v4\"><\/path>\n                            <rect\n                                x=\"3\"\n                                y=\"5\"\n                                width=\"18\"\n                                height=\"16\"\n                                rx=\"2\"\n                            ><\/rect>\n                            <path d=\"M3 10h18\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span>\n\n                        <span class=\"dx-location-note-title\">\n                            Plan Your Visit\n                        <\/span>\n\n                        <span class=\"dx-location-note-text\">\n                            Send us your project details before visiting.\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"dx-location-note-item\">\n\n                    <span\n                        class=\"dx-location-note-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4Z\"><\/path>\n                            <path d=\"M8 9h8\"><\/path>\n                            <path d=\"M8 13h5\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span>\n\n                        <span class=\"dx-location-note-title\">\n                            Get in Touch\n                        <\/span>\n\n                        <span class=\"dx-location-note-text\">\n                            Use the contact form or call us with your enquiry.\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxContactLocation() {\n\n        const section =\n            document.getElementById(\n                \"dx-contact-location\"\n            );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized =\n            \"true\";\n\n        const widget =\n            section.closest(\n                \".elementor-widget-html\"\n            );\n\n        if (widget) {\n\n            widget.classList.add(\n                \"dx-contact-location-widget-fullwidth\"\n            );\n        }\n\n        if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        const info =\n            section.querySelector(\n                \".dx-location-info\"\n            );\n\n        const map =\n            section.querySelector(\n                \".dx-location-map-panel\"\n            );\n\n        const notes =\n            section.querySelectorAll(\n                \".dx-location-note-item\"\n            );\n\n        if (info) {\n\n            info.style.opacity =\n                \"0\";\n\n            info.style.transform =\n                \"translateX(-30px)\";\n\n            info.style.transition =\n                \"opacity .7s ease, transform .7s ease\";\n        }\n\n        if (map) {\n\n            map.style.opacity =\n                \"0\";\n\n            map.style.transform =\n                \"translateX(30px)\";\n\n            map.style.transition =\n                \"opacity .7s ease .08s, transform .7s ease .08s\";\n        }\n\n        notes.forEach(\n            function (note,index) {\n\n                note.style.opacity =\n                    \"0\";\n\n                note.style.transform =\n                    \"translateY(20px)\";\n\n                note.style.transition =\n                    \"opacity .6s ease \" +\n                    (.18 + index * .08) +\n                    \"s, transform .6s ease \" +\n                    (.18 + index * .08) +\n                    \"s\";\n            }\n        );\n\n        const observer =\n            new IntersectionObserver(\n                function (\n                    entries,\n                    currentObserver\n                ) {\n\n                    entries.forEach(\n                        function (entry) {\n\n                            if (\n                                !entry.isIntersecting\n                            ) {\n                                return;\n                            }\n\n                            if (info) {\n\n                                info.style.opacity =\n                                    \"1\";\n\n                                info.style.transform =\n                                    \"translateX(0)\";\n                            }\n\n                            if (map) {\n\n                                map.style.opacity =\n                                    \"1\";\n\n                                map.style.transform =\n                                    \"translateX(0)\";\n                            }\n\n                            notes.forEach(\n                                function (note) {\n\n                                    note.style.opacity =\n                                        \"1\";\n\n                                    note.style.transform =\n                                        \"translateY(0)\";\n                                }\n                            );\n\n                            currentObserver.unobserve(\n                                entry.target\n                            );\n                        }\n                    );\n\n                },\n                {\n                    threshold: .12\n                }\n            );\n\n        observer.observe(section);\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxContactLocation\n        );\n\n    } else {\n\n        initDxContactLocation();\n\n    }\n})();\n<\/script>\t\t\t\t<\/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>Tell Us What You Need Tell Us About Your Project Share the key details about your project and the service you need. The more context you provide, the better we can understand your requirements and identify the right next step. Contact Form We use the information you submit only to review your enquiry and contact [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-154","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contact - D-INDEX - Your Partner in Digital Transformation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/dindex.net\/en\/contact\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"og:description\" content=\"Tell Us What You Need Tell Us About Your Project Share the key details about your project and the service you need. The more context you provide, the better we can understand your requirements and identify the right next step. Contact Form We use the information you submit only to review your enquiry and contact [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dindex.net\/en\/contact\/\" \/>\n<meta property=\"og:site_name\" content=\"D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-19T11:35:41+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dindex.net\\\/en\\\/contact\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/en\\\/contact\\\/\",\"name\":\"Contact - D-INDEX - Your Partner in Digital Transformation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\"},\"datePublished\":\"2025-02-14T08:45:38+00:00\",\"dateModified\":\"2026-08-19T11:35:41+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/en\\\/contact\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dindex.net\\\/en\\\/contact\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dindex.net\\\/en\\\/contact\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/dindex.net\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\",\"url\":\"https:\\\/\\\/dindex.net\\\/\",\"name\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/dindex.net\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#organization\",\"name\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\",\"url\":\"https:\\\/\\\/dindex.net\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Dindex-logo.png\",\"contentUrl\":\"https:\\\/\\\/dindex.net\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/Dindex-logo.png\",\"width\":796,\"height\":313,\"caption\":\"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\"},\"image\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact - D-INDEX - Your Partner in Digital Transformation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/dindex.net\/en\/contact\/","og_locale":"en_US","og_type":"article","og_title":"Contact - D-INDEX - Your Partner in Digital Transformation","og_description":"Tell Us What You Need Tell Us About Your Project Share the key details about your project and the service you need. The more context you provide, the better we can understand your requirements and identify the right next step. Contact Form We use the information you submit only to review your enquiry and contact [&hellip;]","og_url":"https:\/\/dindex.net\/en\/contact\/","og_site_name":"D-INDEX - Your Partner in Digital Transformation","article_modified_time":"2026-08-19T11:35:41+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dindex.net\/en\/contact\/","url":"https:\/\/dindex.net\/en\/contact\/","name":"Contact - D-INDEX - Your Partner in Digital Transformation","isPartOf":{"@id":"https:\/\/dindex.net\/#website"},"datePublished":"2025-02-14T08:45:38+00:00","dateModified":"2026-08-19T11:35:41+00:00","breadcrumb":{"@id":"https:\/\/dindex.net\/en\/contact\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dindex.net\/en\/contact\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dindex.net\/en\/contact\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/dindex.net\/en\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/dindex.net\/#website","url":"https:\/\/dindex.net\/","name":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a","description":"","publisher":{"@id":"https:\/\/dindex.net\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/dindex.net\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/dindex.net\/#organization","name":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a","url":"https:\/\/dindex.net\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/dindex.net\/#\/schema\/logo\/image\/","url":"https:\/\/dindex.net\/wp-content\/uploads\/2026\/05\/Dindex-logo.png","contentUrl":"https:\/\/dindex.net\/wp-content\/uploads\/2026\/05\/Dindex-logo.png","width":796,"height":313,"caption":"\u062f\u064a \u0625\u0646\u062f\u0643\u0633 - \u0634\u0631\u0643\u0627\u0624\u0643 \u0641\u064a \u0627\u0644\u062a\u062d\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a"},"image":{"@id":"https:\/\/dindex.net\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/comments?post=154"}],"version-history":[{"count":18,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/154\/revisions"}],"predecessor-version":[{"id":3987,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/154\/revisions\/3987"}],"wp:attachment":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/media?parent=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}