{"id":422,"date":"2025-04-06T08:50:12","date_gmt":"2025-04-06T08:50:12","guid":{"rendered":"https:\/\/dindex.net\/?page_id=422"},"modified":"2026-08-20T10:59:01","modified_gmt":"2026-08-20T10:59:01","slug":"smart-digital-transformation","status":"publish","type":"page","link":"https:\/\/dindex.net\/en\/smart-digital-transformation\/","title":{"rendered":"Smart Digital Transformation"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"422\" class=\"elementor elementor-422\" 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-120053c e-flex e-con-boxed e-con e-parent\" data-id=\"120053c\" 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-e1e8401 elementor-widget elementor-widget-html\" data-id=\"e1e8401\" 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-smart-transformation-hero),\n.elementor-widget-html:has(#dx-smart-transformation-hero) > .elementor-widget-container,\n.dx-smart-transformation-hero-fullwidth,\n.dx-smart-transformation-hero-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-smart-transformation-hero,\n#dx-smart-transformation-hero *,\n#dx-smart-transformation-hero *::before,\n#dx-smart-transformation-hero *::after {\n    box-sizing: border-box;\n}\n\n#dx-smart-transformation-hero {\n    --dx-dark: #0d0228;\n    --dx-dark-light: #1c0a46;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255, 255, 255, 0.76);\n    --dx-muted: rgba(255, 255, 255, 0.58);\n    --dx-purple: #7447e8;\n    --dx-purple-light: #9366f2;\n    --dx-yellow: #ffc441;\n    --dx-green: #54d696;\n    --dx-blue: #65aef7;\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 10% 12%,\n            rgba(116, 71, 232, 0.25),\n            transparent 29%\n        ),\n        radial-gradient(\n            circle at 92% 88%,\n            rgba(147, 102, 242, 0.13),\n            transparent 30%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-dark-light),\n            var(--dx-dark) 58%\n        );\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-smart-transformation-hero a {\n    color: inherit;\n    text-decoration: none;\n}\n\n#dx-smart-transformation-hero img {\n    display: block;\n    max-width: 100%;\n}\n\n\/* =========================\n   BACKGROUND\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-grid {\n    position: absolute;\n    z-index: -5;\n\n    inset: 0;\n\n    opacity: 0.09;\n\n    background-image:\n        linear-gradient(\n            rgba(255, 255, 255, 0.045) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.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 15%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 15%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-hero .dx-sth-glow {\n    position: absolute;\n    z-index: -4;\n\n    border-radius: 50%;\n\n    filter: blur(120px);\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-hero .dx-sth-glow-one {\n    top: -220px;\n    left: 5%;\n\n    width: 500px;\n    height: 500px;\n\n    background: rgba(116, 71, 232, 0.18);\n}\n\n#dx-smart-transformation-hero .dx-sth-glow-two {\n    right: -190px;\n    bottom: -220px;\n\n    width: 500px;\n    height: 470px;\n\n    background: rgba(255, 196, 65, 0.05);\n}\n\n\/* =========================\n   LAYOUT\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        76px\n        clamp(22px, 5vw, 90px)\n        64px;\n}\n\n#dx-smart-transformation-hero .dx-sth-container {\n    width: min(1440px, 100%);\n    margin: 0 auto;\n}\n\n#dx-smart-transformation-hero .dx-sth-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        minmax(0, 1fr);\n\n    align-items: center;\n\n    gap: clamp(48px, 6vw, 95px);\n}\n\n\/* =========================\n   CONTENT\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-content {\n    min-width: 0;\n}\n\n#dx-smart-transformation-hero .dx-sth-eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 9px;\n\n    min-height: 36px;\n\n    margin-bottom: 19px;\n\n    padding:\n        0\n        15px;\n\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 999px;\n\n    color: #eadfff;\n\n    background: rgba(255, 255, 255, 0.055);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-hero .dx-sth-eyebrow-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: var(--dx-yellow);\n\n    background: rgba(255, 196, 65, 0.11);\n}\n\n#dx-smart-transformation-hero .dx-sth-eyebrow-icon svg {\n    width: 14px;\n    height: 14px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-smart-transformation-hero .dx-sth-title {\n    max-width: 800px;\n\n    margin: 0;\n\n    color: var(--dx-white);\n\n    font-size: clamp(43px, 4.8vw, 68px);\n    font-weight: 900;\n    line-height: 1.42;\n    letter-spacing: -0.7px;\n\n    text-wrap: balance;\n}\n\n#dx-smart-transformation-hero .dx-sth-title span {\n    display: block;\n\n    color: var(--dx-yellow);\n}\n\n#dx-smart-transformation-hero .dx-sth-description {\n    max-width: 760px;\n\n    margin:\n        20px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2.05;\n\n    text-wrap: pretty;\n}\n\n\/* =========================\n   BUTTONS\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-actions {\n    margin-top: 29px;\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap: 12px;\n}\n\n#dx-smart-transformation-hero .dx-sth-button {\n    min-height: 57px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    padding:\n        0\n        25px;\n\n    border: 1px solid transparent;\n    border-radius: 13px;\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        border-color 0.25s ease,\n        background 0.25s ease;\n}\n\n#dx-smart-transformation-hero .dx-sth-button-primary {\n    min-width: 225px;\n\n    color: #21103c;\n\n    border-color: rgba(255, 196, 65, 0.2);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 18px 38px rgba(255, 196, 65, 0.2);\n}\n\n#dx-smart-transformation-hero .dx-sth-button-secondary {\n    min-width: 195px;\n\n    color: #ffffff;\n\n    border-color: rgba(255, 255, 255, 0.14);\n\n    background: rgba(255, 255, 255, 0.055);\n\n    box-shadow:\n        0 14px 32px rgba(0, 0, 0, 0.16);\n}\n\n#dx-smart-transformation-hero .dx-sth-button:hover,\n#dx-smart-transformation-hero .dx-sth-button:focus-visible {\n    transform: translateY(-3px);\n}\n\n#dx-smart-transformation-hero .dx-sth-button-primary:hover,\n#dx-smart-transformation-hero .dx-sth-button-primary:focus-visible {\n    box-shadow:\n        0 24px 48px rgba(255, 196, 65, 0.28);\n}\n\n#dx-smart-transformation-hero .dx-sth-button-secondary:hover,\n#dx-smart-transformation-hero .dx-sth-button-secondary:focus-visible {\n    border-color: rgba(147, 102, 242, 0.45);\n\n    background: rgba(147, 102, 242, 0.13);\n}\n\n#dx-smart-transformation-hero .dx-sth-button svg {\n    width: 19px;\n    height: 19px;\n    flex: 0 0 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   POINTS\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-points {\n    margin-top: 25px;\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap:\n        12px\n        22px;\n}\n\n#dx-smart-transformation-hero .dx-sth-point {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 9px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.8;\n}\n\n#dx-smart-transformation-hero .dx-sth-point-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: 9px;\n\n    color: #75e1b3;\n\n    background: rgba(84, 214, 150, 0.12);\n}\n\n#dx-smart-transformation-hero .dx-sth-point-icon svg {\n    width: 14px;\n    height: 14px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   VISUAL\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-visual {\n    position: relative;\n\n    min-width: 0;\n\n    padding:\n        24px\n        22px;\n}\n\n#dx-smart-transformation-hero .dx-sth-visual::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    inset: 0;\n\n    border-radius: 20px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(236, 91, 204, 0.7),\n            rgba(116, 71, 232, 0.92),\n            rgba(88, 168, 247, 0.8)\n        );\n\n    box-shadow:\n        0 30px 75px rgba(38, 13, 87, 0.4);\n}\n\n#dx-smart-transformation-hero .dx-sth-image-wrap {\n    position: relative;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.16);\n    border-radius: 17px;\n\n    background: #111114;\n\n    box-shadow:\n        0 28px 65px rgba(8, 2, 27, 0.42);\n}\n\n#dx-smart-transformation-hero .dx-sth-image {\n    width: 100%;\n    height: auto;\n    min-height: 470px;\n\n    object-fit: cover;\n    object-position: center;\n}\n\n#dx-smart-transformation-hero .dx-sth-image-overlay {\n    position: absolute;\n\n    inset: 0;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(9, 2, 30, 0.02),\n            rgba(9, 2, 30, 0.18)\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   FLOATING LABELS\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-floating {\n    position: absolute;\n    z-index: 4;\n\n    min-height: 61px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 11px;\n\n    padding:\n        11px\n        14px;\n\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 15px;\n\n    color: #ffffff;\n\n    background: rgba(20, 8, 49, 0.9);\n\n    box-shadow:\n        0 18px 42px rgba(0, 0, 0, 0.28);\n\n    -webkit-backdrop-filter: blur(10px);\n    backdrop-filter: blur(10px);\n}\n\n#dx-smart-transformation-hero .dx-sth-floating-one {\n    top: 36px;\n    right: -18px;\n}\n\n#dx-smart-transformation-hero .dx-sth-floating-two {\n    left: -18px;\n    bottom: 42px;\n}\n\n#dx-smart-transformation-hero .dx-sth-floating-icon {\n    width: 41px;\n    height: 41px;\n    flex: 0 0 41px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 12px;\n\n    color: #25113f;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n}\n\n#dx-smart-transformation-hero\n    .dx-sth-floating-two\n    .dx-sth-floating-icon {\n    color: #0e5139;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-green),\n            #8ce7bd\n        );\n}\n\n#dx-smart-transformation-hero .dx-sth-floating-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-smart-transformation-hero .dx-sth-floating-title {\n    display: block;\n\n    color: #ffffff;\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.5;\n}\n\n#dx-smart-transformation-hero .dx-sth-floating-text {\n    display: block;\n\n    margin-top: 3px;\n\n    color: rgba(255, 255, 255, 0.6);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.6;\n}\n\n\/* =========================\n   BOTTOM FEATURES\n========================= *\/\n\n#dx-smart-transformation-hero .dx-sth-bottom {\n    margin-top: 43px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 17px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.075),\n            rgba(255, 255, 255, 0.025)\n        );\n\n    box-shadow:\n        0 20px 48px rgba(5, 0, 22, 0.22);\n\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n}\n\n#dx-smart-transformation-hero .dx-sth-bottom-item {\n    min-width: 0;\n    min-height: 92px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 13px;\n\n    padding:\n        17px\n        22px;\n\n    border-right: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n#dx-smart-transformation-hero .dx-sth-bottom-item:last-child {\n    border-right: 0;\n}\n\n#dx-smart-transformation-hero .dx-sth-bottom-icon {\n    width: 44px;\n    height: 44px;\n    flex: 0 0 44px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 13px;\n\n    color: #d4c5ff;\n\n    background: rgba(147, 102, 242, 0.12);\n}\n\n#dx-smart-transformation-hero\n    .dx-sth-bottom-item:nth-child(2)\n    .dx-sth-bottom-icon {\n    color: var(--dx-yellow);\n\n    background: rgba(255, 196, 65, 0.1);\n}\n\n#dx-smart-transformation-hero\n    .dx-sth-bottom-item:nth-child(3)\n    .dx-sth-bottom-icon {\n    color: #75e1b3;\n\n    background: rgba(84, 214, 150, 0.1);\n}\n\n#dx-smart-transformation-hero .dx-sth-bottom-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-smart-transformation-hero .dx-sth-bottom-title {\n    display: block;\n\n    color: #ffffff;\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n}\n\n#dx-smart-transformation-hero .dx-sth-bottom-text {\n    display: block;\n\n    margin-top: 4px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-hero a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1080px) {\n    #dx-smart-transformation-hero .dx-sth-layout {\n        grid-template-columns: 1fr;\n\n        gap: 50px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-content {\n        max-width: 900px;\n\n        margin: 0 auto;\n\n        text-align: center;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-eyebrow,\n    #dx-smart-transformation-hero .dx-sth-actions,\n    #dx-smart-transformation-hero .dx-sth-points {\n        justify-content: center;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-title,\n    #dx-smart-transformation-hero .dx-sth-description {\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-visual {\n        width: min(830px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 800px) {\n    #dx-smart-transformation-hero .dx-sth-main {\n        padding:\n            62px\n            27px\n            60px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-bottom {\n        grid-template-columns: 1fr;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-bottom-item {\n        border-right: 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    }\n\n    #dx-smart-transformation-hero .dx-sth-bottom-item:last-child {\n        border-bottom: 0;\n    }\n}\n\n@media (max-width: 600px) {\n    #dx-smart-transformation-hero .dx-sth-main {\n        padding:\n            47px\n            16px\n            52px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-layout {\n        gap: 34px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-eyebrow {\n        min-height: 33px;\n\n        margin-bottom: 14px;\n\n        padding:\n            0\n            12px;\n\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-title {\n        font-size: clamp(31px, 9vw, 42px);\n        line-height: 1.58;\n        letter-spacing: -0.25px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-description {\n        margin-top: 14px;\n\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-actions {\n        display: grid;\n        grid-template-columns: 1fr;\n\n        margin-top: 23px;\n\n        gap: 10px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-button {\n        width: 100%;\n        min-width: 0;\n        min-height: 54px;\n\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-points {\n        display: grid;\n\n        margin-top: 20px;\n\n        gap: 10px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-point {\n        justify-content: center;\n\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-visual {\n        padding:\n            13px\n            12px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-visual::before {\n        border-radius: 15px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-image-wrap {\n        border-radius: 12px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-image {\n        min-height: 300px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-floating {\n        position: static;\n\n        margin-top: 10px;\n\n        min-height: 57px;\n\n        text-align: left;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-floating-two {\n        display: none;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-bottom {\n        margin-top: 27px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-bottom-item {\n        min-height: 82px;\n\n        padding:\n            15px\n            16px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-bottom-title {\n        font-size: 15px;\n    }\n\n    #dx-smart-transformation-hero .dx-sth-bottom-text {\n        font-size: 14px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-smart-transformation-hero *,\n    #dx-smart-transformation-hero *::before,\n    #dx-smart-transformation-hero *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-smart-transformation-hero\"\n    aria-labelledby=\"dx-smart-transformation-hero-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n    <div\n        class=\"dx-sth-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-sth-glow dx-sth-glow-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-sth-glow dx-sth-glow-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-sth-main\">\n\n        <div class=\"dx-sth-container\">\n\n            <div class=\"dx-sth-layout\">\n\n                <!-- CONTENT -->\n                <div class=\"dx-sth-content\">\n\n                    <span class=\"dx-sth-eyebrow\">\n\n                        <span\n                            class=\"dx-sth-eyebrow-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 2v4\"><\/path>\n                                <path d=\"M12 18v4\"><\/path>\n                                <path d=\"M4.93 4.93l2.83 2.83\"><\/path>\n                                <path d=\"M16.24 16.24l2.83 2.83\"><\/path>\n                                <path d=\"M2 12h4\"><\/path>\n                                <path d=\"M18 12h4\"><\/path>\n                                <path d=\"M4.93 19.07l2.83-2.83\"><\/path>\n                                <path d=\"M16.24 7.76l2.83-2.83\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n                            <\/svg>\n                        <\/span>\n\n                        Smart Digital Transformation for Enterprises\n\n                    <\/span>\n\n                    <h1\n                        id=\"dx-smart-transformation-hero-title\"\n                        class=\"dx-sth-title\"\n                    >\n                        Leading Smart Digital Transformation\n                        <span>Across Modern Enterprises<\/span>\n                    <\/h1>\n\n                    <p class=\"dx-sth-description\">\n                        We re-engineer the way your organization operates\n                        through integrated intelligent solutions powered by\n                        artificial intelligence, machine learning, knowledge\n                        engineering, and process automation \u2014 transforming\n                        traditional operations into a faster, more agile\n                        digital ecosystem with stronger decision-making\n                        capabilities.\n                    <\/p>\n\n                    <div class=\"dx-sth-actions\">\n\n                        <a\n                            href=\"https:\/\/dindex.net\/en\/contact\/\"\n                            class=\"dx-sth-button dx-sth-button-primary\"\n                        >\n                            <span>Get a Free Consultation<\/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                        <a\n                            href=\"#dx-smart-transformation-services\"\n                            class=\"dx-sth-button dx-sth-button-secondary\"\n                        >\n                            <span>Explore Our Solutions<\/span>\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                aria-hidden=\"true\"\n                            >\n                                <path d=\"M12 5v14\"><\/path>\n                                <path d=\"m18 13-6 6-6-6\"><\/path>\n                            <\/svg>\n                        <\/a>\n\n                    <\/div>\n\n                    <div class=\"dx-sth-points\">\n\n                        <span class=\"dx-sth-point\">\n\n                            <span\n                                class=\"dx-sth-point-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                            Process Automation\n\n                        <\/span>\n\n                        <span class=\"dx-sth-point\">\n\n                            <span\n                                class=\"dx-sth-point-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                            AI & Machine Learning\n\n                        <\/span>\n\n                        <span class=\"dx-sth-point\">\n\n                            <span\n                                class=\"dx-sth-point-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                            Enterprise Knowledge Management\n\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- VISUAL -->\n                <div class=\"dx-sth-visual\">\n\n                    <div class=\"dx-sth-image-wrap\">\n\n                        <img fetchpriority=\"high\"\n                            class=\"dx-sth-image\"\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/07\/mustafa1993alk_Image_illustration_of_DX_digital_transformation_d7332084-3758-49fc-8c3f-c205287d2cda-copy-4.jpg\"\n                            alt=\"Smart digital transformation across modern enterprises\"\n                            width=\"1920\"\n                            height=\"1920\"\n                            loading=\"eager\"\n                            fetchpriority=\"high\"\n                            decoding=\"async\"\n                        >\n\n                        <span\n                            class=\"dx-sth-image-overlay\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                    <\/div>\n\n                    <div class=\"dx-sth-floating dx-sth-floating-one\">\n\n                        <span\n                            class=\"dx-sth-floating-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 3v3\"><\/path>\n                                <path d=\"M12 18v3\"><\/path>\n                                <path d=\"M3 12h3\"><\/path>\n                                <path d=\"M18 12h3\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n\n                            <span class=\"dx-sth-floating-title\">\n                                AI-Powered Solutions\n                            <\/span>\n\n                            <span class=\"dx-sth-floating-text\">\n                                Designed Around Enterprise Operations\n                            <\/span>\n\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"dx-sth-floating dx-sth-floating-two\">\n\n                        <span\n                            class=\"dx-sth-floating-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                            <\/svg>\n                        <\/span>\n\n                        <span>\n\n                            <span class=\"dx-sth-floating-title\">\n                                Faster, More Informed Decisions\n                            <\/span>\n\n                            <span class=\"dx-sth-floating-text\">\n                                Powered by Data and Knowledge\n                            <\/span>\n\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- BOTTOM FEATURES -->\n            <div class=\"dx-sth-bottom\">\n\n                <div class=\"dx-sth-bottom-item\">\n\n                    <span\n                        class=\"dx-sth-bottom-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 7h16\"><\/path>\n                            <path d=\"M7 4v6\"><\/path>\n                            <path d=\"M17 4v6\"><\/path>\n                            <rect\n                                x=\"4\"\n                                y=\"4\"\n                                width=\"16\"\n                                height=\"16\"\n                                rx=\"3\"\n                            ><\/rect>\n                        <\/svg>\n                    <\/span>\n\n                    <span>\n\n                        <span class=\"dx-sth-bottom-title\">\n                            Process Automation\n                        <\/span>\n\n                        <span class=\"dx-sth-bottom-text\">\n                            Reduce repetitive work and accelerate operations.\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"dx-sth-bottom-item\">\n\n                    <span\n                        class=\"dx-sth-bottom-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M8 4h8\"><\/path>\n                            <path d=\"M12 4v4\"><\/path>\n                            <rect\n                                x=\"5\"\n                                y=\"8\"\n                                width=\"14\"\n                                height=\"11\"\n                                rx=\"3\"\n                            ><\/rect>\n                            <path d=\"M8 13h.01\"><\/path>\n                            <path d=\"M16 13h.01\"><\/path>\n                            <path d=\"M9 16h6\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span>\n\n                        <span class=\"dx-sth-bottom-title\">\n                            Practical Artificial Intelligence\n                        <\/span>\n\n                        <span class=\"dx-sth-bottom-text\">\n                            Applicable solutions designed for real business environments.\n                        <\/span>\n\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"dx-sth-bottom-item\">\n\n                    <span\n                        class=\"dx-sth-bottom-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                        <\/svg>\n                    <\/span>\n\n                    <span>\n\n                        <span class=\"dx-sth-bottom-title\">\n                            Measurable Transformation\n                        <\/span>\n\n                        <span class=\"dx-sth-bottom-text\">\n                            Improve performance, efficiency, and decision-making.\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 initDxSmartTransformationHero() {\n        const section = document.getElementById(\n            \"dx-smart-transformation-hero\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-smart-transformation-hero-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 content = section.querySelector(\n            \".dx-sth-content\"\n        );\n\n        const visual = section.querySelector(\n            \".dx-sth-visual\"\n        );\n\n        const bottom = section.querySelector(\n            \".dx-sth-bottom\"\n        );\n\n        if (content) {\n            content.style.opacity = \"0\";\n            content.style.transform = \"translateX(-30px)\";\n            content.style.transition =\n                \"opacity 0.72s ease, transform 0.72s ease\";\n        }\n\n        if (visual) {\n            visual.style.opacity = \"0\";\n            visual.style.transform = \"translateX(30px)\";\n            visual.style.transition =\n                \"opacity 0.72s ease 0.08s, transform 0.72s ease 0.08s\";\n        }\n\n        if (bottom) {\n            bottom.style.opacity = \"0\";\n            bottom.style.transform = \"translateY(22px)\";\n            bottom.style.transition =\n                \"opacity 0.65s ease 0.18s, transform 0.65s ease 0.18s\";\n        }\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    if (content) {\n                        content.style.opacity = \"1\";\n                        content.style.transform = \"translateX(0)\";\n                    }\n\n                    if (visual) {\n                        visual.style.opacity = \"1\";\n                        visual.style.transform = \"translateX(0)\";\n                    }\n\n                    if (bottom) {\n                        bottom.style.opacity = \"1\";\n                        bottom.style.transform = \"translateY(0)\";\n                    }\n\n                    currentObserver.unobserve(entry.target);\n                });\n            },\n            {\n                threshold: 0.1\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSmartTransformationHero\n        );\n    } else {\n        initDxSmartTransformationHero();\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-5c20ab3 e-flex e-con-boxed e-con e-parent\" data-id=\"5c20ab3\" 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-69f890f elementor-widget elementor-widget-html\" data-id=\"69f890f\" 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-smart-transformation-services),\n.elementor-widget-html:has(#dx-smart-transformation-services) > .elementor-widget-container,\n.dx-smart-transformation-services-fullwidth,\n.dx-smart-transformation-services-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-smart-transformation-services,\n#dx-smart-transformation-services *,\n#dx-smart-transformation-services *::before,\n#dx-smart-transformation-services *::after {\n    box-sizing: border-box;\n}\n\n#dx-smart-transformation-services {\n    --dx-bg: #f7f4fb;\n    --dx-white: #ffffff;\n    --dx-dark: #17062f;\n    --dx-text: #655c71;\n    --dx-muted: #8b8296;\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n    --dx-blue: #65aef7;\n    --dx-border: rgba(112, 69, 223, 0.12);\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-dark);\n\n    background:\n        radial-gradient(\n            circle at 5% 7%,\n            rgba(112, 69, 223, 0.08),\n            transparent 27%\n        ),\n        radial-gradient(\n            circle at 96% 92%,\n            rgba(255, 196, 65, 0.08),\n            transparent 26%\n        ),\n        var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-smart-transformation-services a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   BACKGROUND\n========================= *\/\n\n#dx-smart-transformation-services .dx-sts-grid {\n    position: absolute;\n    z-index: -4;\n\n    inset: 0;\n\n    opacity: 0.12;\n\n    background-image:\n        linear-gradient(\n            rgba(112, 69, 223, 0.04) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(112, 69, 223, 0.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 15%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 15%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-smart-transformation-services .dx-sts-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        92px\n        clamp(22px, 5vw, 90px)\n        100px;\n}\n\n#dx-smart-transformation-services .dx-sts-container {\n    width: min(1420px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#dx-smart-transformation-services .dx-sts-header {\n    max-width: 900px;\n\n    margin:\n        0\n        auto\n        52px;\n\n    text-align: center;\n}\n\n#dx-smart-transformation-services .dx-sts-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 11px;\n\n    margin-bottom: 12px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-services .dx-sts-eyebrow::before,\n#dx-smart-transformation-services .dx-sts-eyebrow::after {\n    content: \"\";\n\n    width: 34px;\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-smart-transformation-services .dx-sts-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: clamp(35px, 3.8vw, 53px);\n    font-weight: 900;\n    line-height: 1.5;\n    letter-spacing: -0.45px;\n\n    text-wrap: balance;\n}\n\n#dx-smart-transformation-services .dx-sts-title span {\n    color: var(--dx-purple);\n}\n\n#dx-smart-transformation-services .dx-sts-description {\n    max-width: 790px;\n\n    margin:\n        15px\n        auto\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2;\n\n    text-wrap: pretty;\n}\n\n\/* =========================\n   SERVICES GRID\n========================= *\/\n\n#dx-smart-transformation-services .dx-sts-grid-list {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 17px;\n}\n\n#dx-smart-transformation-services .dx-sts-card {\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        27px\n        24px\n        23px;\n\n    border: 1px solid var(--dx-border);\n    border-radius: 21px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.96),\n            rgba(255, 255, 255, 0.78)\n        );\n\n    box-shadow:\n        0 17px 44px rgba(43, 22, 87, 0.07);\n\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n#dx-smart-transformation-services .dx-sts-card::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    top: -85px;\n    left: -80px;\n\n    width: 190px;\n    height: 190px;\n\n    border-radius: 50%;\n\n    background: rgba(112, 69, 223, 0.06);\n\n    filter: blur(18px);\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-services .dx-sts-card:hover {\n    transform: translateY(-6px);\n\n    border-color: rgba(112, 69, 223, 0.28);\n\n    box-shadow:\n        0 25px 57px rgba(43, 22, 87, 0.11);\n}\n\n#dx-smart-transformation-services .dx-sts-card-top {\n    display: flex;\n    align-items: flex-start;\n    justify-content: space-between;\n\n    gap: 20px;\n}\n\n#dx-smart-transformation-services .dx-sts-icon {\n    width: 57px;\n    height: 57px;\n    flex: 0 0 57px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 17px;\n\n    color: var(--dx-purple);\n\n    background: rgba(112, 69, 223, 0.1);\n}\n\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(2)\n    .dx-sts-icon,\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(6)\n    .dx-sts-icon {\n    color: #9a6800;\n\n    background: rgba(255, 196, 65, 0.16);\n}\n\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(3)\n    .dx-sts-icon,\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(7)\n    .dx-sts-icon {\n    color: #177f59;\n\n    background: rgba(83, 207, 146, 0.14);\n}\n\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(4)\n    .dx-sts-icon,\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(8)\n    .dx-sts-icon {\n    color: #287ac2;\n\n    background: rgba(101, 174, 247, 0.14);\n}\n\n#dx-smart-transformation-services .dx-sts-icon svg {\n    width: 28px;\n    height: 28px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-smart-transformation-services .dx-sts-number {\n    color: rgba(112, 69, 223, 0.16);\n\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1;\n\n    direction: ltr;\n}\n\n#dx-smart-transformation-services .dx-sts-card-title {\n    margin:\n        24px\n        0\n        0;\n\n    color: var(--dx-dark);\n\n    font-size: 19px;\n    font-weight: 900;\n    line-height: 1.65;\n}\n\n#dx-smart-transformation-services .dx-sts-card-text {\n    margin:\n        11px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 1.95;\n}\n\n#dx-smart-transformation-services .dx-sts-footer {\n    margin-top: auto;\n\n    padding-top: 18px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 9px;\n\n    border-top: 1px solid rgba(112, 69, 223, 0.09);\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-services .dx-sts-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--dx-purple);\n\n    box-shadow:\n        0 0 0 5px rgba(112, 69, 223, 0.08);\n}\n\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(2)\n    .dx-sts-dot,\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(6)\n    .dx-sts-dot {\n    background: var(--dx-yellow);\n\n    box-shadow:\n        0 0 0 5px rgba(255, 196, 65, 0.1);\n}\n\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(3)\n    .dx-sts-dot,\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(7)\n    .dx-sts-dot {\n    background: var(--dx-green);\n\n    box-shadow:\n        0 0 0 5px rgba(83, 207, 146, 0.1);\n}\n\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(4)\n    .dx-sts-dot,\n#dx-smart-transformation-services\n    .dx-sts-card:nth-child(8)\n    .dx-sts-dot {\n    background: var(--dx-blue);\n\n    box-shadow:\n        0 0 0 5px rgba(101, 174, 247, 0.1);\n}\n\n\/* =========================\n   BOTTOM STRIP\n========================= *\/\n\n#dx-smart-transformation-services .dx-sts-bottom {\n    margin-top: 23px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 24px;\n\n    padding:\n        24px\n        26px;\n\n    border: 1px solid rgba(112, 69, 223, 0.13);\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(112, 69, 223, 0.08),\n            rgba(255, 255, 255, 0.82)\n        );\n}\n\n#dx-smart-transformation-services .dx-sts-bottom-copy {\n    display: flex;\n    align-items: center;\n\n    gap: 14px;\n}\n\n#dx-smart-transformation-services .dx-sts-bottom-icon {\n    width: 50px;\n    height: 50px;\n    flex: 0 0 50px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 15px;\n\n    color: var(--dx-purple);\n\n    background: rgba(112, 69, 223, 0.1);\n}\n\n#dx-smart-transformation-services .dx-sts-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-smart-transformation-services .dx-sts-bottom-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-services .dx-sts-bottom-text {\n    margin:\n        5px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.8;\n}\n\n#dx-smart-transformation-services .dx-sts-button {\n    min-width: 215px;\n    min-height: 54px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    padding:\n        0\n        23px;\n\n    border-radius: 13px;\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 36px rgba(112, 69, 223, 0.22);\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-smart-transformation-services .dx-sts-button:hover,\n#dx-smart-transformation-services .dx-sts-button:focus-visible {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 22px 46px rgba(112, 69, 223, 0.3);\n}\n\n#dx-smart-transformation-services .dx-sts-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#dx-smart-transformation-services a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1120px) {\n    #dx-smart-transformation-services .dx-sts-grid-list {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 900px) {\n    #dx-smart-transformation-services .dx-sts-main {\n        padding:\n            76px\n            28px\n            82px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-bottom {\n        grid-template-columns: 1fr;\n\n        text-align: center;\n    }\n\n    #dx-smart-transformation-services .dx-sts-bottom-copy {\n        flex-direction: column;\n    }\n\n    #dx-smart-transformation-services .dx-sts-button {\n        width: 100%;\n    }\n}\n\n@media (max-width: 680px) {\n    #dx-smart-transformation-services .dx-sts-main {\n        padding:\n            59px\n            16px\n            65px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-header {\n        margin-bottom: 34px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-eyebrow::before,\n    #dx-smart-transformation-services .dx-sts-eyebrow::after {\n        width: 22px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-title {\n        font-size: clamp(28px, 8.5vw, 38px);\n        line-height: 1.62;\n        letter-spacing: -0.2px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-description {\n        margin-top: 10px;\n\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-services .dx-sts-grid-list {\n        grid-template-columns: 1fr;\n\n        gap: 12px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-card {\n        min-height: 290px;\n\n        padding:\n            23px\n            19px\n            20px;\n\n        border-radius: 18px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-card-title {\n        margin-top: 20px;\n\n        font-size: 18px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-card-text {\n        font-size: 14px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-services .dx-sts-bottom {\n        margin-top: 14px;\n\n        padding:\n            21px\n            17px;\n\n        border-radius: 16px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-bottom-title {\n        font-size: 17px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-bottom-text {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-services .dx-sts-button {\n        font-size: 14px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-smart-transformation-services *,\n    #dx-smart-transformation-services *::before,\n    #dx-smart-transformation-services *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-smart-transformation-services\"\n    aria-labelledby=\"dx-smart-transformation-services-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n    <div\n        class=\"dx-sts-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <div class=\"dx-sts-main\">\n\n        <div class=\"dx-sts-container\">\n\n            <header class=\"dx-sts-header\">\n\n                <span class=\"dx-sts-eyebrow\">\n                    Smart Digital Transformation Solutions\n                <\/span>\n\n                <h2\n                    id=\"dx-smart-transformation-services-title\"\n                    class=\"dx-sts-title\"\n                >\n                    What We Deliver\n                    <span>for Your Enterprise<\/span>\n                <\/h2>\n\n                <p class=\"dx-sts-description\">\n                    We combine artificial intelligence, automation,\n                    data, and knowledge engineering to build practical\n                    solutions that help organizations improve operations,\n                    accelerate decision-making, and enhance employee\n                    and customer experiences.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-sts-grid-list\">\n\n                <!-- 01 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 2v3\"><\/path>\n                                <path d=\"M12 19v3\"><\/path>\n                                <path d=\"M4.9 4.9 7 7\"><\/path>\n                                <path d=\"m17 17 2.1 2.1\"><\/path>\n                                <path d=\"M2 12h3\"><\/path>\n                                <path d=\"M19 12h3\"><\/path>\n                                <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            01\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        Process Automation & AI Enablement\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We redesign everyday workflows using automation\n                        and artificial intelligence to reduce repetitive\n                        work, improve operational efficiency, and enable\n                        teams to focus on higher-value activities.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Faster operations with less manual work<\/span>\n                    <\/div>\n\n                <\/article>\n\n                <!-- 02 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-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 3 1.5-5A7 7 0 0 1 3 13V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5Z\"><\/path>\n                                <path d=\"M8 10h.01\"><\/path>\n                                <path d=\"M12 10h.01\"><\/path>\n                                <path d=\"M16 10h.01\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            02\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        Intelligent Chatbot Development\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We build AI-powered assistants and chatbots\n                        for customer service, sales, human resources,\n                        and internal self-service experiences across\n                        the organization.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Faster experiences for employees and customers<\/span>\n                    <\/div>\n\n                <\/article>\n\n                <!-- 03 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M9 3h6\"><\/path>\n                                <path d=\"M12 3v5\"><\/path>\n                                <rect\n                                    x=\"4\"\n                                    y=\"8\"\n                                    width=\"16\"\n                                    height=\"12\"\n                                    rx=\"3\"\n                                ><\/rect>\n                                <path d=\"M8 13h.01\"><\/path>\n                                <path d=\"M16 13h.01\"><\/path>\n                                <path d=\"M9 17h6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            03\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        Machine Learning Model Design & Training\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We transform raw data into machine learning\n                        models that support prediction, classification,\n                        analysis, and performance improvement across\n                        sales, marketing, HR, and supply chain operations.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Data-driven decision-making<\/span>\n                    <\/div>\n\n                <\/article>\n\n                <!-- 04 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-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                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            04\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        AI-Driven Digital Transformation\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We develop integrated digital transformation\n                        frameworks powered by AI and data to improve\n                        agility, accelerate innovation, and strengthen\n                        the quality of organizational decision-making.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Scalable enterprise transformation<\/span>\n                    <\/div>\n\n                <\/article>\n\n                <!-- 05 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m12 3 1.8 4.2L18 9l-4.2 1.8L12 15l-1.8-4.2L6 9l4.2-1.8Z\"><\/path>\n                                <path d=\"m19 15 .8 1.9L22 18l-2.2 1.1L19 21l-.8-1.9L16 18l2.2-1.1Z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            05\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        Generative AI Solutions\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We enable marketing, human resources, and\n                        knowledge management teams to use Generative AI\n                        for content creation, task acceleration, and\n                        productivity improvement.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Higher productivity and faster execution<\/span>\n                    <\/div>\n\n                <\/article>\n\n                <!-- 06 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n                                <path d=\"m20 20-4-4\"><\/path>\n                                <path d=\"M8 11h6\"><\/path>\n                                <path d=\"M11 8v6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            06\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        Retrieval-Augmented Generation (RAG)\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We build solutions that connect AI models\n                        with internal documents and knowledge bases,\n                        enabling faster access to the most relevant\n                        organizational information.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Faster access to enterprise knowledge<\/span>\n                    <\/div>\n\n                <\/article>\n\n                <!-- 07 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M4 5h16v14H4Z\"><\/path>\n                                <path d=\"M8 9h8\"><\/path>\n                                <path d=\"M8 13h5\"><\/path>\n                                <path d=\"M8 17h8\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            07\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        Enterprise Knowledge Base Engineering\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We build structured knowledge architectures\n                        that help employees quickly access reliable\n                        information and organize internal knowledge\n                        within a scalable digital framework.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Organized knowledge available when needed<\/span>\n                    <\/div>\n\n                <\/article>\n\n                <!-- 08 -->\n                <article class=\"dx-sts-card\">\n\n                    <div class=\"dx-sts-card-top\">\n\n                        <span\n                            class=\"dx-sts-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M3 6 12 2l9 4-9 4Z\"><\/path>\n                                <path d=\"M7 8v6c0 2 2.2 4 5 4s5-2 5-4V8\"><\/path>\n                                <path d=\"M21 6v7\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-sts-number\">\n                            08\n                        <\/span>\n\n                    <\/div>\n\n                    <h3 class=\"dx-sts-card-title\">\n                        Digital Transformation Training & Enablement\n                    <\/h3>\n\n                    <p class=\"dx-sts-card-text\">\n                        We provide specialized programs to develop\n                        employee and leadership capabilities in\n                        artificial intelligence, automation, and\n                        data analysis to support the adoption of\n                        digital solutions across the organization.\n                    <\/p>\n\n                    <div class=\"dx-sts-footer\">\n                        <span class=\"dx-sts-dot\"><\/span>\n                        <span>Build sustainable internal capabilities<\/span>\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n            <!-- BOTTOM CTA -->\n            <div class=\"dx-sts-bottom\">\n\n                <div class=\"dx-sts-bottom-copy\">\n\n                    <span\n                        class=\"dx-sts-bottom-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 3v3\"><\/path>\n                            <path d=\"M12 18v3\"><\/path>\n                            <path d=\"M3 12h3\"><\/path>\n                            <path d=\"M18 12h3\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n                        <\/svg>\n                    <\/span>\n\n                    <div>\n\n                        <h3 class=\"dx-sts-bottom-title\">\n                            Your Organization Does Not Need Every Technology \u2014 It Needs the Right Solution\n                        <\/h3>\n\n                        <p class=\"dx-sts-bottom-text\">\n                            We begin by understanding your processes,\n                            challenges, and data, then identify the\n                            technologies that can deliver practical\n                            and measurable value.\n                        <\/p>\n\n                    <\/div>\n\n                <\/div>\n\n                <a\n                    href=\"https:\/\/dindex.net\/en\/contact\/\"\n                    class=\"dx-sts-button\"\n                >\n                    <span>Discuss Your Organization\u2019s Needs<\/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 initDxSmartTransformationServices() {\n        const section = document.getElementById(\n            \"dx-smart-transformation-services\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-smart-transformation-services-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 cards = section.querySelectorAll(\n            \".dx-sts-card\"\n        );\n\n        const bottom = section.querySelector(\n            \".dx-sts-bottom\"\n        );\n\n        cards.forEach(function (card, index) {\n            card.style.opacity = \"0\";\n            card.style.transform = \"translateY(24px)\";\n\n            card.style.transition =\n                \"opacity 0.62s ease \" +\n                (index * 0.055) +\n                \"s, transform 0.62s ease \" +\n                (index * 0.055) +\n                \"s\";\n        });\n\n        if (bottom) {\n            bottom.style.opacity = \"0\";\n            bottom.style.transform = \"translateY(20px)\";\n\n            bottom.style.transition =\n                \"opacity 0.65s ease 0.35s, transform 0.65s ease 0.35s\";\n        }\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    cards.forEach(function (card) {\n                        card.style.opacity = \"1\";\n                        card.style.transform = \"translateY(0)\";\n                    });\n\n                    if (bottom) {\n                        bottom.style.opacity = \"1\";\n                        bottom.style.transform = \"translateY(0)\";\n                    }\n\n                    currentObserver.unobserve(entry.target);\n                });\n            },\n            {\n                threshold: 0.08\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSmartTransformationServices\n        );\n    } else {\n        initDxSmartTransformationServices();\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-b9bb994 e-flex e-con-boxed e-con e-parent\" data-id=\"b9bb994\" 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-dec3e71 elementor-widget elementor-widget-html\" data-id=\"dec3e71\" 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-smart-transformation-why),\n.elementor-widget-html:has(#dx-smart-transformation-why) > .elementor-widget-container,\n.dx-smart-transformation-why-fullwidth,\n.dx-smart-transformation-why-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-smart-transformation-why,\n#dx-smart-transformation-why *,\n#dx-smart-transformation-why *::before,\n#dx-smart-transformation-why *::after {\n    box-sizing: border-box;\n}\n\n#dx-smart-transformation-why {\n    --dx-dark: #0d0228;\n    --dx-dark-light: #1d0b48;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255, 255, 255, 0.74);\n    --dx-muted: rgba(255, 255, 255, 0.56);\n    --dx-purple: #7447e8;\n    --dx-purple-light: #9a70f4;\n    --dx-yellow: #ffc441;\n    --dx-green: #54d696;\n    --dx-blue: #65aef7;\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 10% 12%,\n            rgba(116, 71, 232, 0.22),\n            transparent 29%\n        ),\n        radial-gradient(\n            circle at 92% 90%,\n            rgba(255, 196, 65, 0.055),\n            transparent 29%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-dark-light),\n            var(--dx-dark) 60%\n        );\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-smart-transformation-why a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   BACKGROUND\n========================= *\/\n\n#dx-smart-transformation-why .dx-stw-grid {\n    position: absolute;\n    z-index: -5;\n\n    inset: 0;\n\n    opacity: 0.085;\n\n    background-image:\n        linear-gradient(\n            rgba(255, 255, 255, 0.045) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.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 15%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 15%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-why .dx-stw-glow {\n    position: absolute;\n    z-index: -4;\n\n    border-radius: 50%;\n\n    filter: blur(120px);\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-why .dx-stw-glow-one {\n    top: -180px;\n    left: -140px;\n\n    width: 430px;\n    height: 430px;\n\n    background: rgba(116, 71, 232, 0.17);\n}\n\n#dx-smart-transformation-why .dx-stw-glow-two {\n    right: -160px;\n    bottom: -200px;\n\n    width: 460px;\n    height: 460px;\n\n    background: rgba(101, 174, 247, 0.09);\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-smart-transformation-why .dx-stw-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-smart-transformation-why .dx-stw-container {\n    width: min(1420px, 100%);\n    margin: 0 auto;\n}\n\n#dx-smart-transformation-why .dx-stw-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.84fr)\n        minmax(0, 1.16fr);\n\n    align-items: center;\n\n    gap: clamp(50px, 6vw, 95px);\n}\n\n\/* =========================\n   INTRO\n========================= *\/\n\n#dx-smart-transformation-why .dx-stw-copy {\n    min-width: 0;\n}\n\n#dx-smart-transformation-why .dx-stw-eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 14px;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-why .dx-stw-eyebrow::before {\n    content: \"\";\n\n    width: 36px;\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-smart-transformation-why .dx-stw-title {\n    max-width: 680px;\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(36px, 4vw, 54px);\n    font-weight: 900;\n    line-height: 1.5;\n    letter-spacing: -0.45px;\n\n    text-wrap: balance;\n}\n\n#dx-smart-transformation-why .dx-stw-title span {\n    color: var(--dx-yellow);\n}\n\n#dx-smart-transformation-why .dx-stw-description {\n    max-width: 680px;\n\n    margin:\n        17px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2.05;\n\n    text-wrap: pretty;\n}\n\n#dx-smart-transformation-why .dx-stw-highlight {\n    margin-top: 28px;\n\n    padding:\n        20px\n        21px;\n\n    border-left: 3px solid var(--dx-yellow);\n    border-radius: 13px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(255, 196, 65, 0.075),\n            rgba(255, 255, 255, 0.035)\n        );\n}\n\n#dx-smart-transformation-why .dx-stw-highlight-label {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-why .dx-stw-highlight-text {\n    margin: 0;\n\n    color: rgba(255, 255, 255, 0.8);\n\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.95;\n}\n\n\/* =========================\n   METRICS\n========================= *\/\n\n#dx-smart-transformation-why .dx-stw-metrics {\n    margin-top: 29px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 0;\n\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n\n    padding-top: 24px;\n}\n\n#dx-smart-transformation-why .dx-stw-metric {\n    min-width: 0;\n\n    padding:\n        0\n        18px;\n\n    border-right: 1px solid rgba(255, 255, 255, 0.09);\n}\n\n#dx-smart-transformation-why .dx-stw-metric:first-child {\n    padding-left: 0;\n}\n\n#dx-smart-transformation-why .dx-stw-metric:last-child {\n    border-right: 0;\n}\n\n#dx-smart-transformation-why .dx-stw-metric-value {\n    display: block;\n\n    color: #ffffff;\n\n    font-size: 21px;\n    font-weight: 900;\n    line-height: 1.4;\n}\n\n#dx-smart-transformation-why .dx-stw-metric-label {\n    display: block;\n\n    margin-top: 5px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.7;\n}\n\n\/* =========================\n   TRANSFORMATION PATH\n========================= *\/\n\n#dx-smart-transformation-why .dx-stw-path {\n    position: relative;\n\n    min-width: 0;\n\n    display: grid;\n\n    gap: 12px;\n}\n\n#dx-smart-transformation-why .dx-stw-path::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 35px;\n    bottom: 35px;\n    left: 31px;\n\n    width: 1px;\n\n    background:\n        linear-gradient(\n            to bottom,\n            transparent,\n            rgba(154, 112, 244, 0.6) 12%,\n            rgba(154, 112, 244, 0.6) 88%,\n            transparent\n        );\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-why .dx-stw-step {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        62px\n        minmax(0, 1fr);\n\n    gap: 17px;\n\n    align-items: center;\n\n    min-height: 116px;\n\n    padding:\n        17px\n        18px\n        17px\n        20px;\n\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.07),\n            rgba(255, 255, 255, 0.025)\n        );\n\n    box-shadow:\n        0 15px 38px rgba(3, 0, 17, 0.18);\n\n    transition:\n        transform 0.28s ease,\n        border-color 0.28s ease,\n        background 0.28s ease;\n}\n\n#dx-smart-transformation-why .dx-stw-step:hover {\n    transform: translateX(6px);\n\n    border-color: rgba(154, 112, 244, 0.35);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(154, 112, 244, 0.12),\n            rgba(255, 255, 255, 0.03)\n        );\n}\n\n#dx-smart-transformation-why .dx-stw-step-number {\n    position: relative;\n    z-index: 2;\n\n    width: 62px;\n    height: 62px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 18px;\n\n    color: #ffffff;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(116, 71, 232, 0.92),\n            rgba(154, 112, 244, 0.85)\n        );\n\n    box-shadow:\n        0 13px 30px rgba(116, 71, 232, 0.23);\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1;\n\n    direction: ltr;\n}\n\n#dx-smart-transformation-why\n    .dx-stw-step:nth-child(2)\n    .dx-stw-step-number {\n    color: #271139;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 13px 30px rgba(255, 196, 65, 0.17);\n}\n\n#dx-smart-transformation-why\n    .dx-stw-step:nth-child(3)\n    .dx-stw-step-number {\n    color: #0d5138;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-green),\n            #88e5b9\n        );\n\n    box-shadow:\n        0 13px 30px rgba(84, 214, 150, 0.15);\n}\n\n#dx-smart-transformation-why\n    .dx-stw-step:nth-child(4)\n    .dx-stw-step-number {\n    color: #154c78;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-blue),\n            #9bcfff\n        );\n\n    box-shadow:\n        0 13px 30px rgba(101, 174, 247, 0.15);\n}\n\n#dx-smart-transformation-why\n    .dx-stw-step:nth-child(5)\n    .dx-stw-step-number {\n    background:\n        linear-gradient(\n            135deg,\n            #b678f4,\n            #7447e8\n        );\n}\n\n#dx-smart-transformation-why .dx-stw-step-content {\n    min-width: 0;\n}\n\n#dx-smart-transformation-why .dx-stw-step-label {\n    display: block;\n\n    margin-bottom: 4px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-why .dx-stw-step-title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-why .dx-stw-step-text {\n    margin:\n        5px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.9;\n}\n\n\/* =========================\n   BOTTOM MESSAGE\n========================= *\/\n\n#dx-smart-transformation-why .dx-stw-bottom {\n    margin-top: 44px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 28px;\n\n    padding-top: 28px;\n\n    border-top: 1px solid rgba(255, 255, 255, 0.09);\n}\n\n#dx-smart-transformation-why .dx-stw-bottom-copy {\n    max-width: 800px;\n}\n\n#dx-smart-transformation-why .dx-stw-bottom-title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: 20px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-why .dx-stw-bottom-text {\n    margin:\n        5px\n        0\n        0;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.9;\n}\n\n#dx-smart-transformation-why .dx-stw-button {\n    min-width: 215px;\n    min-height: 54px;\n\n    flex: 0 0 auto;\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-radius: 13px;\n\n    color: #21103c;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 17px 37px rgba(255, 196, 65, 0.18);\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-smart-transformation-why .dx-stw-button:hover,\n#dx-smart-transformation-why .dx-stw-button:focus-visible {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 23px 47px rgba(255, 196, 65, 0.27);\n}\n\n#dx-smart-transformation-why .dx-stw-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#dx-smart-transformation-why a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1080px) {\n    #dx-smart-transformation-why .dx-stw-layout {\n        grid-template-columns: 1fr;\n\n        gap: 48px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-copy {\n        max-width: 850px;\n\n        margin: 0 auto;\n\n        text-align: center;\n    }\n\n    #dx-smart-transformation-why .dx-stw-title,\n    #dx-smart-transformation-why .dx-stw-description {\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    #dx-smart-transformation-why .dx-stw-eyebrow {\n        justify-content: center;\n    }\n\n    #dx-smart-transformation-why .dx-stw-highlight {\n        text-align: left;\n    }\n\n    #dx-smart-transformation-why .dx-stw-path {\n        width: min(850px, 100%);\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 800px) {\n    #dx-smart-transformation-why .dx-stw-main {\n        padding:\n            74px\n            26px\n            80px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-bottom {\n        flex-direction: column;\n\n        text-align: center;\n    }\n\n    #dx-smart-transformation-why .dx-stw-button {\n        width: 100%;\n    }\n}\n\n@media (max-width: 620px) {\n    #dx-smart-transformation-why .dx-stw-main {\n        padding:\n            58px\n            16px\n            64px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-eyebrow::before {\n        width: 26px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-title {\n        font-size: clamp(29px, 8.6vw, 39px);\n        line-height: 1.62;\n    }\n\n    #dx-smart-transformation-why .dx-stw-description {\n        margin-top: 11px;\n\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-why .dx-stw-highlight {\n        margin-top: 22px;\n\n        padding:\n            17px\n            16px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-highlight-text {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-metrics {\n        grid-template-columns: 1fr;\n\n        gap: 16px;\n\n        text-align: center;\n    }\n\n    #dx-smart-transformation-why .dx-stw-metric {\n        padding:\n            0\n            0\n            16px;\n\n        border-right: 0;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.08);\n    }\n\n    #dx-smart-transformation-why .dx-stw-metric:last-child {\n        padding-bottom: 0;\n\n        border-bottom: 0;\n    }\n\n    #dx-smart-transformation-why .dx-stw-step {\n        grid-template-columns:\n            52px\n            minmax(0, 1fr);\n\n        min-height: 108px;\n\n        gap: 13px;\n\n        padding:\n            15px\n            14px;\n\n        border-radius: 16px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-path::before {\n        left: 26px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-step-number {\n        width: 52px;\n        height: 52px;\n\n        border-radius: 15px;\n\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-step-title {\n        font-size: 17px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-step-text {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-bottom {\n        margin-top: 32px;\n        padding-top: 23px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-bottom-title {\n        font-size: 18px;\n    }\n\n    #dx-smart-transformation-why .dx-stw-button {\n        font-size: 14px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-smart-transformation-why *,\n    #dx-smart-transformation-why *::before,\n    #dx-smart-transformation-why *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-smart-transformation-why\"\n    aria-labelledby=\"dx-smart-transformation-why-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n    <div\n        class=\"dx-stw-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-stw-glow dx-stw-glow-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-stw-glow dx-stw-glow-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-stw-main\">\n\n        <div class=\"dx-stw-container\">\n\n            <div class=\"dx-stw-layout\">\n\n                <!-- COPY -->\n                <div class=\"dx-stw-copy\">\n\n                    <span class=\"dx-stw-eyebrow\">\n                        Why Smart Digital Transformation?\n                    <\/span>\n\n                    <h2\n                        id=\"dx-smart-transformation-why-title\"\n                        class=\"dx-stw-title\"\n                    >\n                        From Effort-Driven Operations\n                        <span>to an Intelligence-Driven Enterprise<\/span>\n                    <\/h2>\n\n                    <p class=\"dx-stw-description\">\n                        Real digital transformation is not simply about\n                        introducing new tools. It is about redesigning\n                        how operations are executed, how knowledge is\n                        accessed, and how decisions are made \u2014 so that\n                        technology becomes an integral part of the way\n                        the organization operates.\n                    <\/p>\n\n                    <div class=\"dx-stw-highlight\">\n\n                        <span class=\"dx-stw-highlight-label\">\n                            The Core Principle\n                        <\/span>\n\n                        <p class=\"dx-stw-highlight-text\">\n                            We do not begin with technology. We begin with\n                            the problem, the process, and the data, then\n                            design the digital solution that can create\n                            practical value across the organization.\n                        <\/p>\n\n                    <\/div>\n\n                    <div class=\"dx-stw-metrics\">\n\n                        <div class=\"dx-stw-metric\">\n\n                            <span class=\"dx-stw-metric-value\">\n                                Faster\n                            <\/span>\n\n                            <span class=\"dx-stw-metric-label\">\n                                Process Execution\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-stw-metric\">\n\n                            <span class=\"dx-stw-metric-value\">\n                                Clearer\n                            <\/span>\n\n                            <span class=\"dx-stw-metric-label\">\n                                Access to Information\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-stw-metric\">\n\n                            <span class=\"dx-stw-metric-value\">\n                                Smarter\n                            <\/span>\n\n                            <span class=\"dx-stw-metric-label\">\n                                Decision-Making\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- TRANSFORMATION -->\n                <div class=\"dx-stw-path\">\n\n                    <article class=\"dx-stw-step\">\n\n                        <span class=\"dx-stw-step-number\">\n                            01\n                        <\/span>\n\n                        <div class=\"dx-stw-step-content\">\n\n                            <span class=\"dx-stw-step-label\">\n                                From\n                            <\/span>\n\n                            <h3 class=\"dx-stw-step-title\">\n                                Manual, Repetitive Processes\n                            <\/h3>\n\n                            <p class=\"dx-stw-step-text\">\n                                To intelligent automation that reduces\n                                time and errors while accelerating\n                                everyday operations.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n                    <article class=\"dx-stw-step\">\n\n                        <span class=\"dx-stw-step-number\">\n                            02\n                        <\/span>\n\n                        <div class=\"dx-stw-step-content\">\n\n                            <span class=\"dx-stw-step-label\">\n                                From\n                            <\/span>\n\n                            <h3 class=\"dx-stw-step-title\">\n                                Fragmented, Underused Data\n                            <\/h3>\n\n                            <p class=\"dx-stw-step-text\">\n                                To structured data that can be analyzed\n                                and used for forecasting and performance\n                                measurement.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n                    <article class=\"dx-stw-step\">\n\n                        <span class=\"dx-stw-step-number\">\n                            03\n                        <\/span>\n\n                        <div class=\"dx-stw-step-content\">\n\n                            <span class=\"dx-stw-step-label\">\n                                From\n                            <\/span>\n\n                            <h3 class=\"dx-stw-step-title\">\n                                Knowledge Locked With Individuals\n                            <\/h3>\n\n                            <p class=\"dx-stw-step-text\">\n                                To an enterprise knowledge base that can\n                                be searched, retrieved, and used\n                                intelligently across the organization.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n                    <article class=\"dx-stw-step\">\n\n                        <span class=\"dx-stw-step-number\">\n                            04\n                        <\/span>\n\n                        <div class=\"dx-stw-step-content\">\n\n                            <span class=\"dx-stw-step-label\">\n                                From\n                            <\/span>\n\n                            <h3 class=\"dx-stw-step-title\">\n                                Disconnected Systems\n                            <\/h3>\n\n                            <p class=\"dx-stw-step-text\">\n                                To a connected digital environment where\n                                systems exchange data and support\n                                integrated workflows.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n                    <article class=\"dx-stw-step\">\n\n                        <span class=\"dx-stw-step-number\">\n                            05\n                        <\/span>\n\n                        <div class=\"dx-stw-step-content\">\n\n                            <span class=\"dx-stw-step-label\">\n                                From\n                            <\/span>\n\n                            <h3 class=\"dx-stw-step-title\">\n                                Decisions Based on Estimation\n                            <\/h3>\n\n                            <p class=\"dx-stw-step-text\">\n                                To decisions supported by data,\n                                analytics, and artificial intelligence.\n                            <\/p>\n\n                        <\/div>\n\n                    <\/article>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- BOTTOM -->\n            <div class=\"dx-stw-bottom\">\n\n                <div class=\"dx-stw-bottom-copy\">\n\n                    <h3 class=\"dx-stw-bottom-title\">\n                        Digital Transformation Is an Enterprise Journey, Not an Isolated Technology Project\n                    <\/h3>\n\n                    <p class=\"dx-stw-bottom-text\">\n                        We connect technology with processes, data,\n                        and people so the new solution delivers practical\n                        value, can be adopted effectively, and remains\n                        ready for future expansion.\n                    <\/p>\n\n                <\/div>\n\n                <a\n                    href=\"https:\/\/dindex.net\/en\/contact\/\"\n                    class=\"dx-stw-button\"\n                >\n                    <span>Start Your Transformation Journey<\/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 initDxSmartTransformationWhy() {\n        const section = document.getElementById(\n            \"dx-smart-transformation-why\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-smart-transformation-why-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 copy = section.querySelector(\n            \".dx-stw-copy\"\n        );\n\n        const steps = section.querySelectorAll(\n            \".dx-stw-step\"\n        );\n\n        const bottom = section.querySelector(\n            \".dx-stw-bottom\"\n        );\n\n        if (copy) {\n            copy.style.opacity = \"0\";\n            copy.style.transform = \"translateX(-28px)\";\n            copy.style.transition =\n                \"opacity 0.72s ease, transform 0.72s ease\";\n        }\n\n        steps.forEach(function (step, index) {\n            step.style.opacity = \"0\";\n            step.style.transform = \"translateX(24px)\";\n\n            step.style.transition =\n                \"opacity 0.62s ease \" +\n                (0.08 + index * 0.07) +\n                \"s, transform 0.62s ease \" +\n                (0.08 + index * 0.07) +\n                \"s\";\n        });\n\n        if (bottom) {\n            bottom.style.opacity = \"0\";\n            bottom.style.transform = \"translateY(18px)\";\n            bottom.style.transition =\n                \"opacity 0.65s ease 0.3s, transform 0.65s ease 0.3s\";\n        }\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    if (copy) {\n                        copy.style.opacity = \"1\";\n                        copy.style.transform = \"translateX(0)\";\n                    }\n\n                    steps.forEach(function (step) {\n                        step.style.opacity = \"1\";\n                        step.style.transform = \"translateX(0)\";\n                    });\n\n                    if (bottom) {\n                        bottom.style.opacity = \"1\";\n                        bottom.style.transform = \"translateY(0)\";\n                    }\n\n                    currentObserver.unobserve(entry.target);\n                });\n            },\n            {\n                threshold: 0.08\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSmartTransformationWhy\n        );\n    } else {\n        initDxSmartTransformationWhy();\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-3a098ac e-flex e-con-boxed e-con e-parent\" data-id=\"3a098ac\" 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-07e58b7 elementor-widget elementor-widget-html\" data-id=\"07e58b7\" 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-smart-transformation-process),\n.elementor-widget-html:has(#dx-smart-transformation-process) > .elementor-widget-container,\n.dx-smart-transformation-process-fullwidth,\n.dx-smart-transformation-process-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-smart-transformation-process,\n#dx-smart-transformation-process *,\n#dx-smart-transformation-process *::before,\n#dx-smart-transformation-process *::after {\n    box-sizing: border-box;\n}\n\n#dx-smart-transformation-process {\n    --dx-bg: #f7f4fb;\n    --dx-white: #ffffff;\n    --dx-dark: #17062f;\n    --dx-text: #655c71;\n    --dx-muted: #8b8296;\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n    --dx-blue: #65aef7;\n    --dx-border: rgba(112, 69, 223, 0.12);\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-dark);\n\n    background:\n        radial-gradient(\n            circle at 7% 12%,\n            rgba(112, 69, 223, 0.07),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 94% 88%,\n            rgba(255, 196, 65, 0.07),\n            transparent 25%\n        ),\n        var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-smart-transformation-process a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   BACKGROUND\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-grid {\n    position: absolute;\n    z-index: -4;\n\n    inset: 0;\n\n    opacity: 0.11;\n\n    background-image:\n        linear-gradient(\n            rgba(112, 69, 223, 0.04) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(112, 69, 223, 0.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 15%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 15%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        92px\n        clamp(22px, 5vw, 90px)\n        100px;\n}\n\n#dx-smart-transformation-process .dx-stp-container {\n    width: min(1420px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-header {\n    max-width: 900px;\n\n    margin:\n        0\n        auto\n        58px;\n\n    text-align: center;\n}\n\n#dx-smart-transformation-process .dx-stp-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 11px;\n\n    margin-bottom: 12px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-process .dx-stp-eyebrow::before,\n#dx-smart-transformation-process .dx-stp-eyebrow::after {\n    content: \"\";\n\n    width: 34px;\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-smart-transformation-process .dx-stp-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: clamp(35px, 3.8vw, 53px);\n    font-weight: 900;\n    line-height: 1.5;\n    letter-spacing: -0.45px;\n\n    text-wrap: balance;\n}\n\n#dx-smart-transformation-process .dx-stp-title span {\n    color: var(--dx-purple);\n}\n\n#dx-smart-transformation-process .dx-stp-description {\n    max-width: 790px;\n\n    margin:\n        15px\n        auto\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2;\n\n    text-wrap: pretty;\n}\n\n\/* =========================\n   PROCESS WRAPPER\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-process {\n    position: relative;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n\n    gap: 18px;\n}\n\n#dx-smart-transformation-process .dx-stp-process::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 43px;\n    right: 9%;\n    left: 9%;\n\n    height: 2px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(112, 69, 223, 0.12),\n            rgba(112, 69, 223, 0.55),\n            rgba(255, 196, 65, 0.45),\n            rgba(112, 69, 223, 0.55),\n            rgba(112, 69, 223, 0.12)\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   STEP\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-step {\n    position: relative;\n    z-index: 2;\n\n    min-width: 0;\n}\n\n#dx-smart-transformation-process .dx-stp-number-wrap {\n    height: 86px;\n\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n}\n\n#dx-smart-transformation-process .dx-stp-number {\n    position: relative;\n\n    width: 60px;\n    height: 60px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border: 6px solid var(--dx-bg);\n    border-radius: 18px;\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 13px 30px rgba(112, 69, 223, 0.2);\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1;\n\n    direction: ltr;\n}\n\n#dx-smart-transformation-process\n    .dx-stp-step:nth-child(2)\n    .dx-stp-number {\n    color: #27123c;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd86f\n        );\n\n    box-shadow:\n        0 13px 30px rgba(255, 196, 65, 0.2);\n}\n\n#dx-smart-transformation-process\n    .dx-stp-step:nth-child(3)\n    .dx-stp-number {\n    color: #0d5138;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-green),\n            #8be6bb\n        );\n\n    box-shadow:\n        0 13px 30px rgba(83, 207, 146, 0.18);\n}\n\n#dx-smart-transformation-process\n    .dx-stp-step:nth-child(4)\n    .dx-stp-number {\n    color: #164d7a;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-blue),\n            #a5d3fb\n        );\n\n    box-shadow:\n        0 13px 30px rgba(101, 174, 247, 0.18);\n}\n\n#dx-smart-transformation-process\n    .dx-stp-step:nth-child(5)\n    .dx-stp-number {\n    background:\n        linear-gradient(\n            135deg,\n            #9b70f3,\n            #6840d1\n        );\n}\n\n\/* =========================\n   CARD\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-card {\n    position: relative;\n\n    min-height: 315px;\n\n    display: flex;\n    flex-direction: column;\n\n    padding:\n        26px\n        22px\n        22px;\n\n    border: 1px solid var(--dx-border);\n    border-radius: 20px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.96),\n            rgba(255, 255, 255, 0.78)\n        );\n\n    box-shadow:\n        0 17px 44px rgba(43, 22, 87, 0.07);\n\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n#dx-smart-transformation-process .dx-stp-card:hover {\n    transform: translateY(-6px);\n\n    border-color: rgba(112, 69, 223, 0.27);\n\n    box-shadow:\n        0 25px 55px rgba(43, 22, 87, 0.11);\n}\n\n#dx-smart-transformation-process .dx-stp-icon {\n    width: 50px;\n    height: 50px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 15px;\n\n    color: var(--dx-purple);\n\n    background: rgba(112, 69, 223, 0.09);\n}\n\n#dx-smart-transformation-process\n    .dx-stp-step:nth-child(2)\n    .dx-stp-icon {\n    color: #936700;\n\n    background: rgba(255, 196, 65, 0.14);\n}\n\n#dx-smart-transformation-process\n    .dx-stp-step:nth-child(3)\n    .dx-stp-icon {\n    color: #177d58;\n\n    background: rgba(83, 207, 146, 0.13);\n}\n\n#dx-smart-transformation-process\n    .dx-stp-step:nth-child(4)\n    .dx-stp-icon {\n    color: #297cc4;\n\n    background: rgba(101, 174, 247, 0.13);\n}\n\n#dx-smart-transformation-process .dx-stp-icon svg {\n    width: 25px;\n    height: 25px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-smart-transformation-process .dx-stp-step-label {\n    display: block;\n\n    margin-top: 20px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-process .dx-stp-step-title {\n    margin:\n        4px\n        0\n        0;\n\n    color: var(--dx-dark);\n\n    font-size: 19px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-process .dx-stp-step-text {\n    margin:\n        10px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.95;\n}\n\n#dx-smart-transformation-process .dx-stp-result {\n    margin-top: auto;\n\n    padding-top: 17px;\n\n    border-top: 1px solid rgba(112, 69, 223, 0.09);\n\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-process .dx-stp-result-dot {\n    width: 8px;\n    height: 8px;\n    flex: 0 0 8px;\n\n    border-radius: 50%;\n\n    background: var(--dx-purple);\n\n    box-shadow:\n        0 0 0 5px rgba(112, 69, 223, 0.08);\n}\n\n\/* =========================\n   OUTCOME\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-outcome {\n    margin-top: 38px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 0.72fr)\n        minmax(0, 1.28fr);\n\n    align-items: stretch;\n\n    gap: 18px;\n}\n\n#dx-smart-transformation-process .dx-stp-outcome-main {\n    position: relative;\n    overflow: hidden;\n\n    padding:\n        30px\n        28px;\n\n    border-radius: 20px;\n\n    color: #ffffff;\n\n    background:\n        radial-gradient(\n            circle at 0% 0%,\n            rgba(149, 104, 239, 0.28),\n            transparent 36%\n        ),\n        linear-gradient(\n            145deg,\n            #211049,\n            #0d0228\n        );\n}\n\n#dx-smart-transformation-process .dx-stp-outcome-label {\n    display: block;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-process .dx-stp-outcome-title {\n    margin:\n        7px\n        0\n        0;\n\n    color: #ffffff;\n\n    font-size: 26px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-process .dx-stp-outcome-text {\n    margin:\n        10px\n        0\n        0;\n\n    color: rgba(255, 255, 255, 0.7);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 2;\n}\n\n#dx-smart-transformation-process .dx-stp-outcome-list {\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 12px;\n}\n\n#dx-smart-transformation-process .dx-stp-outcome-item {\n    min-width: 0;\n\n    display: flex;\n    align-items: center;\n\n    gap: 12px;\n\n    padding:\n        18px\n        19px;\n\n    border: 1px solid var(--dx-border);\n    border-radius: 15px;\n\n    background: rgba(255, 255, 255, 0.8);\n}\n\n#dx-smart-transformation-process .dx-stp-check {\n    width: 34px;\n    height: 34px;\n    flex: 0 0 34px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n\n    color: var(--dx-purple);\n\n    background: rgba(112, 69, 223, 0.09);\n}\n\n#dx-smart-transformation-process .dx-stp-check svg {\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.3;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-smart-transformation-process .dx-stp-outcome-item span:last-child {\n    color: var(--dx-dark);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.8;\n}\n\n\/* =========================\n   CTA\n========================= *\/\n\n#dx-smart-transformation-process .dx-stp-cta {\n    margin-top: 23px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 24px;\n\n    padding:\n        23px\n        25px;\n\n    border: 1px solid rgba(112, 69, 223, 0.13);\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(112, 69, 223, 0.075),\n            rgba(255, 255, 255, 0.8)\n        );\n}\n\n#dx-smart-transformation-process .dx-stp-cta-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: 18px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-smart-transformation-process .dx-stp-cta-text {\n    margin:\n        5px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.8;\n}\n\n#dx-smart-transformation-process .dx-stp-button {\n    min-width: 220px;\n    min-height: 54px;\n\n    flex: 0 0 auto;\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-radius: 13px;\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 36px rgba(112, 69, 223, 0.22);\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-smart-transformation-process .dx-stp-button:hover,\n#dx-smart-transformation-process .dx-stp-button:focus-visible {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 22px 46px rgba(112, 69, 223, 0.3);\n}\n\n#dx-smart-transformation-process .dx-stp-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#dx-smart-transformation-process a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1180px) {\n    #dx-smart-transformation-process .dx-stp-process {\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n    }\n\n    #dx-smart-transformation-process .dx-stp-process::before {\n        display: none;\n    }\n\n    #dx-smart-transformation-process .dx-stp-number-wrap {\n        height: 72px;\n    }\n}\n\n@media (max-width: 900px) {\n    #dx-smart-transformation-process .dx-stp-main {\n        padding:\n            76px\n            28px\n            82px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-process {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n\n    #dx-smart-transformation-process .dx-stp-outcome {\n        grid-template-columns: 1fr;\n    }\n\n    #dx-smart-transformation-process .dx-stp-cta {\n        flex-direction: column;\n\n        text-align: center;\n    }\n\n    #dx-smart-transformation-process .dx-stp-button {\n        width: 100%;\n    }\n}\n\n@media (max-width: 650px) {\n    #dx-smart-transformation-process .dx-stp-main {\n        padding:\n            58px\n            16px\n            64px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-header {\n        margin-bottom: 36px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-eyebrow::before,\n    #dx-smart-transformation-process .dx-stp-eyebrow::after {\n        width: 22px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-title {\n        font-size: clamp(28px, 8.5vw, 38px);\n        line-height: 1.62;\n    }\n\n    #dx-smart-transformation-process .dx-stp-description {\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-process .dx-stp-process {\n        grid-template-columns: 1fr;\n\n        gap: 14px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-number-wrap {\n        display: none;\n    }\n\n    #dx-smart-transformation-process .dx-stp-card {\n        min-height: 280px;\n\n        padding:\n            22px\n            18px\n            20px;\n\n        border-radius: 17px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-step-title {\n        font-size: 18px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-step-text {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-outcome {\n        margin-top: 27px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-outcome-main {\n        padding:\n            24px\n            20px;\n\n        border-radius: 17px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-outcome-title {\n        font-size: 22px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-outcome-list {\n        grid-template-columns: 1fr;\n    }\n\n    #dx-smart-transformation-process .dx-stp-cta {\n        margin-top: 16px;\n\n        padding:\n            21px\n            17px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-cta-title {\n        font-size: 17px;\n    }\n\n    #dx-smart-transformation-process .dx-stp-button {\n        font-size: 14px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-smart-transformation-process *,\n    #dx-smart-transformation-process *::before,\n    #dx-smart-transformation-process *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-smart-transformation-process\"\n    aria-labelledby=\"dx-smart-transformation-process-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n    <div\n        class=\"dx-stp-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <div class=\"dx-stp-main\">\n\n        <div class=\"dx-stp-container\">\n\n            <!-- HEADER -->\n            <header class=\"dx-stp-header\">\n\n                <span class=\"dx-stp-eyebrow\">\n                    A Clear Implementation Methodology\n                <\/span>\n\n                <h2\n                    id=\"dx-smart-transformation-process-title\"\n                    class=\"dx-stp-title\"\n                >\n                    How We Move Your Organization\n                    <span>From Challenge to Transformation<\/span>\n                <\/h2>\n\n                <p class=\"dx-stp-description\">\n                    We begin by understanding your current operations,\n                    challenges, and data, then build a clear transformation\n                    roadmap and implement solutions progressively to create\n                    practical, measurable value across the organization.\n                <\/p>\n\n            <\/header>\n\n            <!-- PROCESS -->\n            <div class=\"dx-stp-process\">\n\n                <!-- STEP 01 -->\n                <article class=\"dx-stp-step\">\n\n                    <div class=\"dx-stp-number-wrap\">\n                        <span class=\"dx-stp-number\">\n                            01\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"dx-stp-card\">\n\n                        <span\n                            class=\"dx-stp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <circle cx=\"11\" cy=\"11\" r=\"7\"><\/circle>\n                                <path d=\"m20 20-4-4\"><\/path>\n                                <path d=\"M8 11h6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-stp-step-label\">\n                            Discovery Phase\n                        <\/span>\n\n                        <h3 class=\"dx-stp-step-title\">\n                            Analyze the Current State\n                        <\/h3>\n\n                        <p class=\"dx-stp-step-text\">\n                            We review operations, systems, data sources,\n                            and day-to-day challenges that affect efficiency\n                            and the experience of employees and customers.\n                        <\/p>\n\n                        <div class=\"dx-stp-result\">\n                            <span class=\"dx-stp-result-dot\"><\/span>\n                            <span>A clear view of the current environment<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n                <!-- STEP 02 -->\n                <article class=\"dx-stp-step\">\n\n                    <div class=\"dx-stp-number-wrap\">\n                        <span class=\"dx-stp-number\">\n                            02\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"dx-stp-card\">\n\n                        <span\n                            class=\"dx-stp-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                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-stp-step-label\">\n                            Planning Phase\n                        <\/span>\n\n                        <h3 class=\"dx-stp-step-title\">\n                            Identify Improvement Opportunities\n                        <\/h3>\n\n                        <p class=\"dx-stp-step-text\">\n                            We identify processes that can be automated,\n                            data that can be better utilized, and use cases\n                            where artificial intelligence can create\n                            meaningful business value.\n                        <\/p>\n\n                        <div class=\"dx-stp-result\">\n                            <span class=\"dx-stp-result-dot\"><\/span>\n                            <span>Priorities aligned with business impact<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n                <!-- STEP 03 -->\n                <article class=\"dx-stp-step\">\n\n                    <div class=\"dx-stp-number-wrap\">\n                        <span class=\"dx-stp-number\">\n                            03\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"dx-stp-card\">\n\n                        <span\n                            class=\"dx-stp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M4 6h16\"><\/path>\n                                <path d=\"M7 3v6\"><\/path>\n                                <path d=\"M17 3v6\"><\/path>\n                                <rect\n                                    x=\"4\"\n                                    y=\"3\"\n                                    width=\"16\"\n                                    height=\"18\"\n                                    rx=\"3\"\n                                ><\/rect>\n                                <path d=\"M8 13h3\"><\/path>\n                                <path d=\"M13 13h3\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-stp-step-label\">\n                            Design Phase\n                        <\/span>\n\n                        <h3 class=\"dx-stp-step-title\">\n                            Build the Transformation Roadmap\n                        <\/h3>\n\n                        <p class=\"dx-stp-step-text\">\n                            We turn priorities into a clear roadmap covering\n                            solutions, implementation phases, integrations,\n                            data requirements, and the performance indicators\n                            needed to measure progress.\n                        <\/p>\n\n                        <div class=\"dx-stp-result\">\n                            <span class=\"dx-stp-result-dot\"><\/span>\n                            <span>A measurable implementation plan<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n                <!-- STEP 04 -->\n                <article class=\"dx-stp-step\">\n\n                    <div class=\"dx-stp-number-wrap\">\n                        <span class=\"dx-stp-number\">\n                            04\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"dx-stp-card\">\n\n                        <span\n                            class=\"dx-stp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m13 2-9 12h7l-1 8 9-12h-7Z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-stp-step-label\">\n                            Implementation Phase\n                        <\/span>\n\n                        <h3 class=\"dx-stp-step-title\">\n                            Develop & Integrate the Solutions\n                        <\/h3>\n\n                        <p class=\"dx-stp-step-text\">\n                            We develop automation, AI models, knowledge\n                            tools, and the required integrations within\n                            the organization\u2019s operational environment.\n                        <\/p>\n\n                        <div class=\"dx-stp-result\">\n                            <span class=\"dx-stp-result-dot\"><\/span>\n                            <span>Solutions embedded into real operations<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n                <!-- STEP 05 -->\n                <article class=\"dx-stp-step\">\n\n                    <div class=\"dx-stp-number-wrap\">\n                        <span class=\"dx-stp-number\">\n                            05\n                        <\/span>\n                    <\/div>\n\n                    <div class=\"dx-stp-card\">\n\n                        <span\n                            class=\"dx-stp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 3v18\"><\/path>\n                                <path d=\"m7 8 5-5 5 5\"><\/path>\n                                <path d=\"M5 15h4\"><\/path>\n                                <path d=\"M15 15h4\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span class=\"dx-stp-step-label\">\n                            Continuous Improvement\n                        <\/span>\n\n                        <h3 class=\"dx-stp-step-title\">\n                            Measure & Scale\n                        <\/h3>\n\n                        <p class=\"dx-stp-step-text\">\n                            We measure results, review performance,\n                            and progressively expand successful solutions\n                            across additional processes and departments\n                            within the organization.\n                        <\/p>\n\n                        <div class=\"dx-stp-result\">\n                            <span class=\"dx-stp-result-dot\"><\/span>\n                            <span>Continuous transformation, not a one-time project<\/span>\n                        <\/div>\n\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n            <!-- OUTCOME -->\n            <div class=\"dx-stp-outcome\">\n\n                <div class=\"dx-stp-outcome-main\">\n\n                    <span class=\"dx-stp-outcome-label\">\n                        The Outcome\n                    <\/span>\n\n                    <h3 class=\"dx-stp-outcome-title\">\n                        A Digital Ecosystem Built Around Your Organization\u2019s Goals\n                    <\/h3>\n\n                    <p class=\"dx-stp-outcome-text\">\n                        The objective is not to add more systems,\n                        but to build a connected operating environment\n                        that makes work faster, knowledge easier to access,\n                        and decisions more informed.\n                    <\/p>\n\n                <\/div>\n\n                <div class=\"dx-stp-outcome-list\">\n\n                    <div class=\"dx-stp-outcome-item\">\n\n                        <span\n                            class=\"dx-stp-check\"\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                            More Efficient Operations\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"dx-stp-outcome-item\">\n\n                        <span\n                            class=\"dx-stp-check\"\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                            More Usable Data\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"dx-stp-outcome-item\">\n\n                        <span\n                            class=\"dx-stp-check\"\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                            Knowledge Accessible to Teams\n                        <\/span>\n\n                    <\/div>\n\n                    <div class=\"dx-stp-outcome-item\">\n\n                        <span\n                            class=\"dx-stp-check\"\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                            Faster, More Informed Decisions\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- CTA -->\n            <div class=\"dx-stp-cta\">\n\n                <div>\n\n                    <h3 class=\"dx-stp-cta-title\">\n                        Not Sure Where to Start Your Transformation Journey?\n                    <\/h3>\n\n                    <p class=\"dx-stp-cta-text\">\n                        We help you identify the highest-priority starting\n                        points and build a roadmap aligned with your\n                        organization\u2019s current environment and objectives.\n                    <\/p>\n\n                <\/div>\n\n                <a\n                    href=\"https:\/\/dindex.net\/en\/contact\/\"\n                    class=\"dx-stp-button\"\n                >\n                    <span>Request a Consultation<\/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 initDxSmartTransformationProcess() {\n        const section = document.getElementById(\n            \"dx-smart-transformation-process\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-smart-transformation-process-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 steps = section.querySelectorAll(\n            \".dx-stp-step\"\n        );\n\n        const outcome = section.querySelector(\n            \".dx-stp-outcome\"\n        );\n\n        const cta = section.querySelector(\n            \".dx-stp-cta\"\n        );\n\n        steps.forEach(function (step, index) {\n            step.style.opacity = \"0\";\n            step.style.transform = \"translateY(24px)\";\n\n            step.style.transition =\n                \"opacity 0.62s ease \" +\n                (index * 0.07) +\n                \"s, transform 0.62s ease \" +\n                (index * 0.07) +\n                \"s\";\n        });\n\n        if (outcome) {\n            outcome.style.opacity = \"0\";\n            outcome.style.transform = \"translateY(20px)\";\n            outcome.style.transition =\n                \"opacity 0.65s ease 0.3s, transform 0.65s ease 0.3s\";\n        }\n\n        if (cta) {\n            cta.style.opacity = \"0\";\n            cta.style.transform = \"translateY(20px)\";\n            cta.style.transition =\n                \"opacity 0.65s ease 0.4s, transform 0.65s ease 0.4s\";\n        }\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    steps.forEach(function (step) {\n                        step.style.opacity = \"1\";\n                        step.style.transform = \"translateY(0)\";\n                    });\n\n                    if (outcome) {\n                        outcome.style.opacity = \"1\";\n                        outcome.style.transform = \"translateY(0)\";\n                    }\n\n                    if (cta) {\n                        cta.style.opacity = \"1\";\n                        cta.style.transform = \"translateY(0)\";\n                    }\n\n                    currentObserver.unobserve(entry.target);\n                });\n            },\n            {\n                threshold: 0.08\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSmartTransformationProcess\n        );\n    } else {\n        initDxSmartTransformationProcess();\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-cd4b087 e-con-full e-flex e-con e-parent\" data-id=\"cd4b087\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f6cd4d3 elementor-widget elementor-widget-html\" data-id=\"f6cd4d3\" 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     HOME TESTIMONIALS SECTION\n     Author: Mohamed El-Sehemy\n     Video + Text Testimonials\n     English LTR - Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-home-testimonials),\n.elementor-widget-html:has(#dx-home-testimonials) > .elementor-widget-container,\n.dx-testimonials-widget-fullwidth,\n.dx-testimonials-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\/* =========================================================\n   RESET\n========================================================= *\/\n\n#dx-home-testimonials,\n#dx-home-testimonials *,\n#dx-home-testimonials *::before,\n#dx-home-testimonials *::after {\n    box-sizing: border-box;\n}\n\n#dx-home-testimonials {\n    --dx-purple: #6942d8;\n    --dx-purple-light: #9168ef;\n    --dx-yellow: #ffc441;\n    --dx-dark: #160a31;\n    --dx-text: #625c6f;\n    --dx-muted: #85808e;\n    --dx-white: #ffffff;\n    --dx-bg: #f8f7fc;\n    --dx-border: rgba(105, 66, 216, 0.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\n    direction: ltr;\n\n    color: var(--dx-dark);\n\n    background:\n        radial-gradient(\n            circle at 8% 10%,\n            rgba(105, 66, 216, 0.075),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 92% 92%,\n            rgba(145, 104, 239, 0.065),\n            transparent 28%\n        ),\n        var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-home-testimonials button {\n    font: inherit;\n}\n\n\/* =========================================================\n   DECORATIONS\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-orbit {\n    position: absolute;\n    z-index: -3;\n\n    border: 1px solid rgba(105, 66, 216, 0.10);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-home-testimonials .dx-test-orbit-one {\n    top: -210px;\n    left: -180px;\n\n    width: 430px;\n    height: 430px;\n}\n\n#dx-home-testimonials .dx-test-orbit-two {\n    right: -190px;\n    bottom: -250px;\n\n    width: 480px;\n    height: 480px;\n}\n\n#dx-home-testimonials .dx-test-dots {\n    position: absolute;\n    z-index: -2;\n\n    width: 120px;\n    height: 120px;\n\n    opacity: 0.23;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-purple-light) 2px,\n            transparent 2.7px\n        );\n\n    background-size: 17px 17px;\n\n    pointer-events: none;\n}\n\n#dx-home-testimonials .dx-test-dots-one {\n    top: 70px;\n    right: 4%;\n}\n\n#dx-home-testimonials .dx-test-dots-two {\n    left: 3%;\n    bottom: 50px;\n}\n\n\/* =========================================================\n   SECTION LAYOUT\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        90px\n        clamp(22px, 5vw, 90px)\n        88px;\n}\n\n#dx-home-testimonials .dx-test-container {\n    width: min(1450px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   MAIN HEADER\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-header {\n    max-width: 800px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n#dx-home-testimonials .dx-test-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 11px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.6;\n}\n\n#dx-home-testimonials .dx-test-eyebrow::before,\n#dx-home-testimonials .dx-test-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-home-testimonials .dx-test-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: clamp(35px, 3.7vw, 56px);\n    font-weight: 900;\n    line-height: 1.25;\n    letter-spacing: -1px;\n}\n\n#dx-home-testimonials .dx-test-description {\n    max-width: 700px;\n\n    margin: 15px auto 0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.8;\n}\n\n\/* =========================================================\n   VIDEO TESTIMONIALS\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-video-grid {\n    width: min(1200px, 100%);\n\n    margin: 0 auto 62px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 25px;\n}\n\n#dx-home-testimonials .dx-test-video-card {\n    position: relative;\n    isolation: isolate;\n\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n\n    padding: 0;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(105, 66, 216, 0.12);\n    border-radius: 22px;\n\n    background: #13082f;\n\n    box-shadow:\n        0 24px 55px rgba(31, 13, 70, 0.18);\n\n    cursor: pointer;\n\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        border-color 0.35s ease;\n}\n\n#dx-home-testimonials .dx-test-video-card:hover,\n#dx-home-testimonials .dx-test-video-card:focus-visible {\n    border-color: rgba(105, 66, 216, 0.40);\n\n    box-shadow:\n        0 32px 70px rgba(31, 13, 70, 0.25);\n\n    transform: translateY(-7px);\n}\n\n#dx-home-testimonials .dx-test-video-image {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform 0.55s ease,\n        filter 0.55s ease;\n}\n\n#dx-home-testimonials .dx-test-video-card:hover .dx-test-video-image {\n    transform: scale(1.045);\n\n    filter: brightness(0.82);\n}\n\n#dx-home-testimonials .dx-test-video-overlay {\n    position: absolute;\n    z-index: 2;\n\n    inset: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(13, 4, 37, 0.08),\n            rgba(13, 4, 37, 0.35)\n        );\n}\n\n#dx-home-testimonials .dx-test-play {\n    position: relative;\n\n    width: 82px;\n    height: 82px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 50%;\n\n    color: var(--dx-white);\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(105, 66, 216, 0.96),\n            rgba(145, 104, 239, 0.96)\n        );\n\n    box-shadow:\n        0 18px 42px rgba(58, 26, 132, 0.40);\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n#dx-home-testimonials .dx-test-play::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: -12px;\n\n    border: 1px solid rgba(255, 255, 255, 0.27);\n    border-radius: 50%;\n\n    animation:\n        dxTestPulse\n        2.2s\n        ease-out\n        infinite;\n}\n\n#dx-home-testimonials .dx-test-video-card:hover .dx-test-play {\n    transform: scale(1.08);\n\n    box-shadow:\n        0 23px 50px rgba(58, 26, 132, 0.52);\n}\n\n#dx-home-testimonials .dx-test-play svg {\n    width: 31px;\n    height: 31px;\n\n    fill: currentColor;\n\n    transform: translateX(2px);\n}\n\n@keyframes dxTestPulse {\n\n    0% {\n        opacity: 0.75;\n\n        transform: scale(0.88);\n    }\n\n    100% {\n        opacity: 0;\n\n        transform: scale(1.35);\n    }\n}\n\n#dx-home-testimonials .dx-test-video-badge {\n    position: absolute;\n    z-index: 3;\n\n    left: 18px;\n    bottom: 17px;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 7px;\n\n    padding:\n        8px\n        12px;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.16);\n\n    border-radius:\n        999px;\n\n    color:\n        var(--dx-white);\n\n    background:\n        rgba(13, 4, 37, 0.70);\n\n    -webkit-backdrop-filter:\n        blur(12px);\n\n    backdrop-filter:\n        blur(12px);\n\n    font-size:\n        12px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.4;\n}\n\n#dx-home-testimonials .dx-test-video-badge svg {\n    width: 15px;\n    height: 15px;\n\n    fill: currentColor;\n}\n\n\/* =========================================================\n   TEXT TESTIMONIALS HEADER\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-text-section {\n    position: relative;\n\n    width: 100%;\n}\n\n#dx-home-testimonials .dx-test-subheader {\n    max-width: 720px;\n\n    margin: 0 auto 30px;\n\n    text-align: center;\n}\n\n#dx-home-testimonials .dx-test-subtitle {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size:\n        clamp(\n            25px,\n            2.4vw,\n            36px\n        );\n\n    font-weight: 900;\n    line-height: 1.3;\n}\n\n#dx-home-testimonials .dx-test-subdescription {\n    margin: 9px auto 0;\n\n    color: var(--dx-muted);\n\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.75;\n}\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-slider {\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        0\n        58px;\n}\n\n#dx-home-testimonials .dx-test-viewport {\n    width: 100%;\n\n    overflow: hidden;\n}\n\n#dx-home-testimonials .dx-test-track {\n    display: flex;\n\n    direction: ltr;\n\n    transition:\n        transform\n        1.05s\n        cubic-bezier(\n            0.22,\n            0.61,\n            0.36,\n            1\n        );\n\n    will-change: transform;\n}\n\n#dx-home-testimonials .dx-test-slide {\n    flex:\n        0\n        0\n        50%;\n\n    min-width: 0;\n\n    padding: 12px;\n}\n\n\/* =========================================================\n   REVIEW CARD\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-card {\n    position: relative;\n\n    height: 100%;\n    min-height: 320px;\n\n    padding:\n        31px\n        30px\n        28px;\n\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    border:\n        1px solid var(--dx-border);\n\n    border-radius:\n        21px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.98),\n            rgba(252, 250, 255, 0.96)\n        );\n\n    box-shadow:\n        0 20px 48px rgba(42, 20, 88, 0.09);\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease,\n        border-color 0.3s ease;\n}\n\n#dx-home-testimonials .dx-test-card:hover {\n    border-color:\n        rgba(105, 66, 216, 0.28);\n\n    box-shadow:\n        0 27px 58px rgba(42, 20, 88, 0.14);\n\n    transform:\n        translateY(-5px);\n}\n\n#dx-home-testimonials .dx-test-quote-icon {\n    position: absolute;\n\n    top: 22px;\n    right: 24px;\n\n    width: 54px;\n    height: 54px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 17px;\n\n    color: var(--dx-purple);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(105, 66, 216, 0.12),\n            rgba(145, 104, 239, 0.055)\n        );\n}\n\n#dx-home-testimonials .dx-test-quote-icon svg {\n    width: 27px;\n    height: 27px;\n\n    fill: currentColor;\n}\n\n#dx-home-testimonials .dx-test-stars {\n    display: flex;\n    align-items: center;\n\n    gap: 3px;\n\n    margin-bottom: 22px;\n\n    color: var(--dx-yellow);\n\n    font-size: 17px;\n    line-height: 1;\n}\n\n#dx-home-testimonials .dx-test-review {\n    flex-grow: 1;\n\n    margin: 0;\n\n    padding-right: 82px;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.9;\n}\n\n#dx-home-testimonials .dx-test-person {\n    margin-top: 27px;\n\n    padding-top: 21px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 13px;\n\n    border-top:\n        1px solid rgba(105, 66, 216, 0.10);\n}\n\n#dx-home-testimonials .dx-test-avatar {\n    width: 54px;\n    height: 54px;\n    flex: 0 0 54px;\n\n    overflow: hidden;\n\n    border:\n        3px solid rgba(105, 66, 216, 0.11);\n\n    border-radius: 50%;\n\n    background: #eeeaf7;\n}\n\n#dx-home-testimonials .dx-test-avatar img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n}\n\n#dx-home-testimonials .dx-test-person-info {\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    text-align: left;\n}\n\n#dx-home-testimonials .dx-test-person-name {\n    color: var(--dx-dark);\n\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.5;\n}\n\n#dx-home-testimonials .dx-test-person-company {\n    margin-top: 3px;\n\n    color: var(--dx-muted);\n\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n\/* =========================================================\n   SLIDER ARROWS\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-arrow {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n\n    width: 46px;\n    height: 46px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 0;\n\n    border:\n        1px solid rgba(105, 66, 216, 0.14);\n\n    border-radius: 50%;\n\n    color: var(--dx-purple);\n\n    background:\n        var(--dx-white);\n\n    box-shadow:\n        0 14px 30px rgba(41, 19, 87, 0.14);\n\n    cursor: pointer;\n\n    transform:\n        translateY(-50%);\n\n    transition:\n        color 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-home-testimonials .dx-test-arrow:hover,\n#dx-home-testimonials .dx-test-arrow:focus-visible {\n    color: var(--dx-white);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n\n    box-shadow:\n        0 18px 38px rgba(105, 66, 216, 0.28);\n}\n\n#dx-home-testimonials .dx-test-arrow-prev {\n    left: 0;\n}\n\n#dx-home-testimonials .dx-test-arrow-next {\n    right: 0;\n}\n\n#dx-home-testimonials .dx-test-arrow svg {\n    width: 20px;\n    height: 20px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   PAGINATION\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-pagination {\n    margin-top: 24px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n}\n\n#dx-home-testimonials .dx-test-dot {\n    width: 8px;\n    height: 8px;\n\n    padding: 0;\n\n    border: 0;\n    border-radius: 999px;\n\n    background:\n        rgba(105, 66, 216, 0.20);\n\n    cursor: pointer;\n\n    transition:\n        width 0.25s ease,\n        background 0.25s ease;\n}\n\n#dx-home-testimonials .dx-test-dot.is-active {\n    width: 28px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n}\n\n\/* =========================================================\n   VIDEO MODAL\n========================================================= *\/\n\n.dx-test-modal {\n    position: fixed;\n    z-index: 999999;\n\n    inset: 0;\n\n    display: none;\n    align-items: center;\n    justify-content: center;\n\n    padding:\n        70px\n        28px\n        28px;\n\n    background:\n        rgba(5, 0, 20, 0.92);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    backdrop-filter:\n        blur(10px);\n}\n\n.dx-test-modal.is-open {\n    display: flex;\n\n    animation:\n        dxTestModalFade\n        0.25s\n        ease\n        both;\n}\n\n@keyframes dxTestModalFade {\n\n    from {\n        opacity: 0;\n    }\n\n    to {\n        opacity: 1;\n    }\n}\n\n.dx-test-modal-dialog {\n    position: relative;\n\n    width:\n        min(\n            1200px,\n            100%\n        );\n\n    aspect-ratio:\n        16 \/ 9;\n\n    overflow: hidden;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.15);\n\n    border-radius:\n        20px;\n\n    background:\n        #000000;\n\n    box-shadow:\n        0 35px 100px rgba(0, 0, 0, 0.60);\n\n    animation:\n        dxTestModalScale\n        0.3s\n        ease\n        both;\n}\n\n@keyframes dxTestModalScale {\n\n    from {\n        opacity: 0;\n\n        transform:\n            scale(0.94)\n            translateY(10px);\n    }\n\n    to {\n        opacity: 1;\n\n        transform:\n            scale(1)\n            translateY(0);\n    }\n}\n\n.dx-test-modal-video {\n    width: 100%;\n    height: 100%;\n}\n\n.dx-test-modal-video iframe {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n}\n\n\/* =========================================================\n   VIDEO MODAL CLOSE BUTTON\n========================================================= *\/\n\n.dx-test-modal-close {\n    position:\n        fixed !important;\n\n    z-index:\n        2147483647 !important;\n\n    top:\n        22px !important;\n\n    right:\n        24px !important;\n\n    width:\n        48px !important;\n\n    height:\n        48px !important;\n\n    display:\n        flex !important;\n\n    align-items:\n        center !important;\n\n    justify-content:\n        center !important;\n\n    margin:\n        0 !important;\n\n    padding:\n        0 !important;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.35) !important;\n\n    border-radius:\n        14px !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            #6942d8,\n            #9168ef\n        ) !important;\n\n    box-shadow:\n        0 12px 30px rgba(0, 0, 0, 0.38) !important;\n\n    cursor:\n        pointer !important;\n\n    appearance:\n        none !important;\n\n    -webkit-appearance:\n        none !important;\n\n    opacity:\n        1 !important;\n\n    visibility:\n        visible !important;\n\n    transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease !important;\n}\n\n.dx-test-modal-close::before,\n.dx-test-modal-close::after {\n    content:\n        \"\" !important;\n\n    position:\n        absolute !important;\n\n    top:\n        50% !important;\n\n    left:\n        50% !important;\n\n    width:\n        23px !important;\n\n    height:\n        3px !important;\n\n    display:\n        block !important;\n\n    border-radius:\n        999px !important;\n\n    background:\n        #ffffff !important;\n\n    transform-origin:\n        center !important;\n\n    opacity:\n        1 !important;\n\n    visibility:\n        visible !important;\n\n    pointer-events:\n        none !important;\n}\n\n.dx-test-modal-close::before {\n    transform:\n        translate(-50%, -50%)\n        rotate(45deg) !important;\n}\n\n.dx-test-modal-close::after {\n    transform:\n        translate(-50%, -50%)\n        rotate(-45deg) !important;\n}\n\n.dx-test-modal-close:hover,\n.dx-test-modal-close:focus-visible {\n    background:\n        linear-gradient(\n            135deg,\n            #9168ef,\n            #6942d8\n        ) !important;\n\n    box-shadow:\n        0 16px 38px rgba(105, 66, 216, 0.48) !important;\n\n    transform:\n        scale(1.08) !important;\n}\n\n.dx-test-modal-close:focus-visible {\n    outline:\n        3px solid #ffc441 !important;\n\n    outline-offset:\n        4px !important;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    #dx-home-testimonials .dx-test-main {\n        padding:\n            76px\n            28px\n            74px;\n    }\n\n    #dx-home-testimonials .dx-test-video-grid {\n        gap: 18px;\n\n        margin-bottom:\n            52px;\n    }\n\n    #dx-home-testimonials .dx-test-slide {\n        flex-basis: 100%;\n    }\n\n    #dx-home-testimonials .dx-test-card {\n        min-height:\n            300px;\n    }\n}\n\n@media (max-width: 700px) {\n\n    #dx-home-testimonials .dx-test-video-grid {\n        grid-template-columns:\n            1fr;\n    }\n\n    #dx-home-testimonials .dx-test-slider {\n        padding:\n            0\n            37px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow {\n        width:\n            40px;\n\n        height:\n            40px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow-prev {\n        left:\n            -5px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow-next {\n        right:\n            -5px;\n    }\n}\n\n@media (max-width: 600px) {\n\n    #dx-home-testimonials .dx-test-main {\n        padding:\n            64px\n            20px\n            62px;\n    }\n\n    #dx-home-testimonials .dx-test-header {\n        margin-bottom:\n            35px;\n    }\n\n    #dx-home-testimonials .dx-test-title {\n        font-size:\n            clamp(\n                29px,\n                9vw,\n                40px\n            );\n\n        line-height:\n            1.3;\n    }\n\n    #dx-home-testimonials .dx-test-description {\n        font-size:\n            15px;\n\n        line-height:\n            1.75;\n    }\n\n    #dx-home-testimonials .dx-test-video-grid {\n        margin-bottom:\n            47px;\n    }\n\n    #dx-home-testimonials .dx-test-video-card {\n        border-radius:\n            17px;\n    }\n\n    #dx-home-testimonials .dx-test-play {\n        width:\n            66px;\n\n        height:\n            66px;\n    }\n\n    #dx-home-testimonials .dx-test-play svg {\n        width:\n            26px;\n\n        height:\n            26px;\n    }\n\n    #dx-home-testimonials .dx-test-subtitle {\n        font-size:\n            27px;\n\n        line-height:\n            1.35;\n    }\n\n    #dx-home-testimonials .dx-test-subdescription {\n        font-size:\n            14px;\n\n        line-height:\n            1.7;\n    }\n\n    #dx-home-testimonials .dx-test-slider {\n        padding:\n            0;\n    }\n\n    #dx-home-testimonials .dx-test-slide {\n        padding:\n            6px;\n    }\n\n    #dx-home-testimonials .dx-test-card {\n        min-height:\n            0;\n\n        padding:\n            26px\n            22px\n            23px;\n\n        border-radius:\n            17px;\n    }\n\n    #dx-home-testimonials .dx-test-quote-icon {\n        top:\n            18px;\n\n        right:\n            18px;\n\n        width:\n            46px;\n\n        height:\n            46px;\n\n        border-radius:\n            14px;\n    }\n\n    #dx-home-testimonials .dx-test-review {\n        padding-right:\n            58px;\n\n        font-size:\n            14px;\n\n        line-height:\n            1.8;\n    }\n\n    #dx-home-testimonials .dx-test-arrow {\n        top:\n            auto;\n\n        bottom:\n            -58px;\n\n        width:\n            42px;\n\n        height:\n            42px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow-prev {\n        left:\n            calc(50% - 50px);\n    }\n\n    #dx-home-testimonials .dx-test-arrow-next {\n        right:\n            calc(50% - 50px);\n    }\n\n    #dx-home-testimonials .dx-test-pagination {\n        margin-top:\n            73px;\n    }\n\n    .dx-test-modal {\n        padding:\n            65px\n            12px\n            20px;\n    }\n\n    .dx-test-modal-dialog {\n        border-radius:\n            13px;\n    }\n\n    .dx-test-modal-close {\n        top:\n            14px !important;\n\n        right:\n            14px !important;\n\n        width:\n            44px !important;\n\n        height:\n            44px !important;\n\n        border-radius:\n            12px !important;\n    }\n\n    .dx-test-modal-close::before,\n    .dx-test-modal-close::after {\n        width:\n            21px !important;\n\n        height:\n            3px !important;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-home-testimonials button:focus-visible {\n    outline:\n        2px solid var(--dx-yellow);\n\n    outline-offset:\n        4px;\n}\n\nbody.dx-test-modal-open {\n    overflow:\n        hidden !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    #dx-home-testimonials *,\n    #dx-home-testimonials *::before,\n    #dx-home-testimonials *::after,\n    .dx-test-modal *,\n    .dx-test-modal *::before,\n    .dx-test-modal *::after {\n        animation-duration:\n            0.01ms !important;\n\n        animation-iteration-count:\n            1 !important;\n\n        transition-duration:\n            0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-home-testimonials\"\n    aria-labelledby=\"dx-testimonials-title\"\n    dir=\"ltr\"\n>\n\n    <span\n        class=\"dx-test-orbit dx-test-orbit-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-test-orbit dx-test-orbit-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-test-dots dx-test-dots-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-test-dots dx-test-dots-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-test-main\">\n\n        <div class=\"dx-test-container\">\n\n            <!-- =================================================\n                 HEADER\n            ================================================== -->\n\n            <header class=\"dx-test-header\">\n\n                <span class=\"dx-test-eyebrow\">\n                    Client Testimonials\n                <\/span>\n\n                <h2\n                    id=\"dx-testimonials-title\"\n                    class=\"dx-test-title\"\n                >\n                    What Our Clients Say\n                <\/h2>\n\n                <p class=\"dx-test-description\">\n                    Real experiences from clients who trusted us\n                    to build, improve, and support their digital projects.\n                <\/p>\n\n            <\/header>\n\n            <!-- =================================================\n                 VIDEO TESTIMONIALS\n            ================================================== -->\n\n            <div class=\"dx-test-video-grid\">\n\n                <button\n                    type=\"button\"\n                    class=\"dx-test-video-card\"\n                    data-video-id=\"dtCRXdp2qag\"\n                    aria-label=\"Play the first client video testimonial\"\n                >\n                    <img loading=\"lazy\"\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/84ef21a8-e751-498c-be44-d2fdf0882d6d.webp\"\n                        class=\"dx-test-video-image\"\n                        alt=\"Client video testimonial\"\n                        width=\"1600\"\n                        height=\"900\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                    <span class=\"dx-test-video-overlay\">\n\n                        <span\n                            class=\"dx-test-play\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M8 5v14l11-7z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/span>\n\n                    <span class=\"dx-test-video-badge\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M8 5v14l11-7z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            Watch Client Story\n                        <\/span>\n\n                    <\/span>\n                <\/button>\n\n                <button\n                    type=\"button\"\n                    class=\"dx-test-video-card\"\n                    data-video-id=\"tB7nBjjZoy8\"\n                    aria-label=\"Play the second client video testimonial\"\n                >\n                    <img loading=\"lazy\"\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/e0eafccc-e822-4b9b-ace4-726086252662.webp\"\n                        class=\"dx-test-video-image\"\n                        alt=\"Client video testimonial\"\n                        width=\"1600\"\n                        height=\"900\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                    <span class=\"dx-test-video-overlay\">\n\n                        <span\n                            class=\"dx-test-play\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M8 5v14l11-7z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/span>\n\n                    <span class=\"dx-test-video-badge\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M8 5v14l11-7z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            Watch Client Story\n                        <\/span>\n\n                    <\/span>\n                <\/button>\n\n            <\/div>\n\n            <!-- =================================================\n                 TEXT TESTIMONIALS\n            ================================================== -->\n\n            <div class=\"dx-test-text-section\">\n\n                <header class=\"dx-test-subheader\">\n\n                    <h3 class=\"dx-test-subtitle\">\n                        Client Experiences\n                    <\/h3>\n\n                    <p class=\"dx-test-subdescription\">\n                        Feedback that reflects the quality of our work,\n                        communication, support, and overall client experience.\n                    <\/p>\n\n                <\/header>\n\n                <div\n                    class=\"dx-test-slider\"\n                    aria-roledescription=\"carousel\"\n                    aria-label=\"Client testimonials\"\n                >\n\n                    <!-- PREVIOUS -->\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-test-arrow dx-test-arrow-prev\"\n                        aria-label=\"Previous testimonials\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m15 18-6-6 6-6\"><\/path>\n                        <\/svg>\n                    <\/button>\n\n                    <div class=\"dx-test-viewport\">\n\n                        <div class=\"dx-test-track\">\n\n                            <!-- =====================================\n                                 TESTIMONIAL 1\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        I would like to thank the team for the\n                                        overall experience. It was very positive.\n                                        They listened carefully to my needs,\n                                        understood the idea clearly from the\n                                        beginning, and made a real effort to\n                                        bring it to life. Every question was\n                                        handled professionally and responses\n                                        were always quick, which was very\n                                        important to me.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"Waseem\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Waseem\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                Go Coach\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 2\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        What I appreciated most was the genuine\n                                        knowledge and the strong relationship\n                                        throughout the work. Wishing the team\n                                        continued success.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"Mohamed El Khouly\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Mohamed El Khouly\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                LUM\u00c9A\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 3\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        Great team and excellent service.\n                                        If you need a professional website to\n                                        promote your business or location,\n                                        D-INDEX is an excellent choice.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"James Swayze\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                James Swayze\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                GMCS Power Stations\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 4\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        I highly recommend D-INDEX.\n                                        The team is always ready to help\n                                        whenever you have a question or need\n                                        support.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\n                                                alt=\"Karina Salier\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Karina Salier\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                High Performance Brain Training\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 5\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        Honest and professional to work with,\n                                        very cooperative, and fairly priced.\n                                        Thank you for the great effort and\n                                        excellent work.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"DZ Daly\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                DZ Daly\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                DZ Store\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 6\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        One of the best companies I have worked\n                                        with. Great service and, more\n                                        importantly, great and honest people.\n                                        Truly a five-star experience.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"Ibrahim Hassan\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Ibrahim Hassan\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                R&amp;G\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 7\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        One of the most professional companies\n                                        I have worked with. They understood the\n                                        requirements from the first meeting,\n                                        were cooperative in finding solutions,\n                                        and responded quickly whenever an issue\n                                        came up. Their professionalism and\n                                        respectful communication were also\n                                        greatly appreciated.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\n                                                alt=\"Roaa Ahmed\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Roaa Ahmed\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                My Soul Space\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 8\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        I am genuinely grateful for the success\n                                        I achieved while working with D-INDEX.\n                                        They have a creative touch that is\n                                        clearly noticeable when you work with\n                                        their team.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\n                                                alt=\"Laila Kandil\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Laila Kandil\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                Educational Creativity Center\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- NEXT -->\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-test-arrow dx-test-arrow-next\"\n                        aria-label=\"Next testimonials\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m9 18 6-6-6-6\"><\/path>\n                        <\/svg>\n                    <\/button>\n\n                    <div\n                        class=\"dx-test-pagination\"\n                        aria-label=\"Testimonial navigation\"\n                    ><\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<!-- =========================================================\n     VIDEO MODAL\n========================================================== -->\n\n<div\n    class=\"dx-test-modal\"\n    id=\"dx-test-video-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Client video testimonial\"\n    aria-hidden=\"true\"\n>\n\n    <button\n        type=\"button\"\n        class=\"dx-test-modal-close\"\n        aria-label=\"Close video\"\n    ><\/button>\n\n    <div class=\"dx-test-modal-dialog\">\n\n        <div class=\"dx-test-modal-video\"><\/div>\n\n    <\/div>\n\n<\/div>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxTestimonials() {\n\n        const section =\n            document.getElementById(\n                \"dx-home-testimonials\"\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-testimonials-widget-fullwidth\"\n            );\n        }\n\n        \/* =====================================================\n           VIDEO MODAL\n        ====================================================== *\/\n\n        const videoButtons =\n            Array.from(\n                section.querySelectorAll(\n                    \".dx-test-video-card\"\n                )\n            );\n\n        const modal =\n            document.getElementById(\n                \"dx-test-video-modal\"\n            );\n\n        const modalVideo =\n            modal\n                ? modal.querySelector(\n                    \".dx-test-modal-video\"\n                )\n                : null;\n\n        const modalClose =\n            modal\n                ? modal.querySelector(\n                    \".dx-test-modal-close\"\n                )\n                : null;\n\n        let lastFocusedElement =\n            null;\n\n        function openVideo(\n            videoId,\n            trigger\n        ) {\n\n            if (\n                !modal ||\n                !modalVideo ||\n                !videoId\n            ) {\n                return;\n            }\n\n            lastFocusedElement =\n                trigger || null;\n\n            const iframe =\n                document.createElement(\n                    \"iframe\"\n                );\n\n            iframe.src =\n                \"https:\/\/www.youtube.com\/embed\/\" +\n                encodeURIComponent(videoId) +\n                \"?feature=oembed\" +\n                \"&autoplay=1\" +\n                \"&controls=1\" +\n                \"&rel=0\" +\n                \"&playsinline=1\";\n\n            iframe.title =\n                \"Client video testimonial\";\n\n            iframe.allow =\n                \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\";\n\n            iframe.allowFullscreen =\n                true;\n\n            iframe.referrerPolicy =\n                \"strict-origin-when-cross-origin\";\n\n            modalVideo.innerHTML =\n                \"\";\n\n            modalVideo.appendChild(\n                iframe\n            );\n\n            modal.classList.add(\n                \"is-open\"\n            );\n\n            modal.setAttribute(\n                \"aria-hidden\",\n                \"false\"\n            );\n\n            document.body.classList.add(\n                \"dx-test-modal-open\"\n            );\n\n            window.setTimeout(\n                function () {\n\n                    if (modalClose) {\n                        modalClose.focus();\n                    }\n\n                },\n                50\n            );\n        }\n\n        function closeVideo() {\n\n            if (\n                !modal ||\n                !modalVideo\n            ) {\n                return;\n            }\n\n            modal.classList.remove(\n                \"is-open\"\n            );\n\n            modal.setAttribute(\n                \"aria-hidden\",\n                \"true\"\n            );\n\n            modalVideo.innerHTML =\n                \"\";\n\n            document.body.classList.remove(\n                \"dx-test-modal-open\"\n            );\n\n            if (\n                lastFocusedElement &&\n                typeof lastFocusedElement.focus ===\n                    \"function\"\n            ) {\n                lastFocusedElement.focus();\n            }\n        }\n\n        videoButtons.forEach(\n            function (button) {\n\n                button.addEventListener(\n                    \"click\",\n                    function () {\n\n                        openVideo(\n                            button.getAttribute(\n                                \"data-video-id\"\n                            ),\n                            button\n                        );\n                    }\n                );\n            }\n        );\n\n        if (modalClose) {\n\n            modalClose.addEventListener(\n                \"click\",\n                closeVideo\n            );\n        }\n\n        if (modal) {\n\n            modal.addEventListener(\n                \"click\",\n                function (event) {\n\n                    if (\n                        event.target === modal\n                    ) {\n                        closeVideo();\n                    }\n                }\n            );\n        }\n\n        document.addEventListener(\n            \"keydown\",\n            function (event) {\n\n                if (\n                    event.key === \"Escape\" &&\n                    modal &&\n                    modal.classList.contains(\n                        \"is-open\"\n                    )\n                ) {\n                    closeVideo();\n                }\n            }\n        );\n\n        \/* =====================================================\n           TESTIMONIAL SLIDER\n        ====================================================== *\/\n\n        const slider =\n            section.querySelector(\n                \".dx-test-slider\"\n            );\n\n        const track =\n            section.querySelector(\n                \".dx-test-track\"\n            );\n\n        const slides =\n            Array.from(\n                section.querySelectorAll(\n                    \".dx-test-slide\"\n                )\n            );\n\n        const previousButton =\n            section.querySelector(\n                \".dx-test-arrow-prev\"\n            );\n\n        const nextButton =\n            section.querySelector(\n                \".dx-test-arrow-next\"\n            );\n\n        const pagination =\n            section.querySelector(\n                \".dx-test-pagination\"\n            );\n\n        if (\n            !slider ||\n            !track ||\n            slides.length === 0 ||\n            !pagination\n        ) {\n            return;\n        }\n\n        let currentIndex = 0;\n\n        let autoplayTimer =\n            null;\n\n        let touchStartX =\n            0;\n\n        let touchEndX =\n            0;\n\n        let resizeTimer =\n            null;\n\n        function getVisibleSlides() {\n\n            return window.innerWidth <= 900\n                ? 1\n                : 2;\n        }\n\n        function getPagesCount() {\n\n            return Math.max(\n                1,\n                Math.ceil(\n                    slides.length \/\n                    getVisibleSlides()\n                )\n            );\n        }\n\n        function normalizeIndex(\n            index\n        ) {\n\n            const pagesCount =\n                getPagesCount();\n\n            if (index < 0) {\n                return pagesCount - 1;\n            }\n\n            if (\n                index >= pagesCount\n            ) {\n                return 0;\n            }\n\n            return index;\n        }\n\n        function createPagination() {\n\n            pagination.innerHTML =\n                \"\";\n\n            const pagesCount =\n                getPagesCount();\n\n            for (\n                let index = 0;\n                index < pagesCount;\n                index += 1\n            ) {\n\n                const dot =\n                    document.createElement(\n                        \"button\"\n                    );\n\n                dot.type =\n                    \"button\";\n\n                dot.className =\n                    \"dx-test-dot\";\n\n                dot.setAttribute(\n                    \"aria-label\",\n                    \"Go to testimonial group \" +\n                    (index + 1)\n                );\n\n                dot.addEventListener(\n                    \"click\",\n                    function () {\n\n                        currentIndex =\n                            index;\n\n                        updateSlider();\n\n                        restartAutoplay();\n                    }\n                );\n\n                pagination.appendChild(\n                    dot\n                );\n            }\n        }\n\n        function updateSlider() {\n\n            const visibleSlides =\n                getVisibleSlides();\n\n            const slidePercentage =\n                100 \/ visibleSlides;\n\n            const offset =\n                currentIndex *\n                visibleSlides *\n                slidePercentage;\n\n            \/*\n             * LTR slider moves left as index increases.\n             *\/\n            track.style.transform =\n                \"translateX(-\" +\n                offset +\n                \"%)\";\n\n            const dots =\n                Array.from(\n                    pagination.querySelectorAll(\n                        \".dx-test-dot\"\n                    )\n                );\n\n            dots.forEach(\n                function (\n                    dot,\n                    index\n                ) {\n\n                    const isActive =\n                        index ===\n                        currentIndex;\n\n                    dot.classList.toggle(\n                        \"is-active\",\n                        isActive\n                    );\n\n                    dot.setAttribute(\n                        \"aria-current\",\n                        isActive\n                            ? \"true\"\n                            : \"false\"\n                    );\n                }\n            );\n        }\n\n        function goNext() {\n\n            currentIndex =\n                normalizeIndex(\n                    currentIndex + 1\n                );\n\n            updateSlider();\n        }\n\n        function goPrevious() {\n\n            currentIndex =\n                normalizeIndex(\n                    currentIndex - 1\n                );\n\n            updateSlider();\n        }\n\n        function stopAutoplay() {\n\n            if (autoplayTimer) {\n\n                window.clearInterval(\n                    autoplayTimer\n                );\n\n                autoplayTimer =\n                    null;\n            }\n        }\n\n        function startAutoplay() {\n\n            stopAutoplay();\n\n            autoplayTimer =\n                window.setInterval(\n                    goNext,\n                    5500\n                );\n        }\n\n        function restartAutoplay() {\n\n            stopAutoplay();\n\n            startAutoplay();\n        }\n\n        if (previousButton) {\n\n            previousButton.addEventListener(\n                \"click\",\n                function () {\n\n                    goPrevious();\n\n                    restartAutoplay();\n                }\n            );\n        }\n\n        if (nextButton) {\n\n            nextButton.addEventListener(\n                \"click\",\n                function () {\n\n                    goNext();\n\n                    restartAutoplay();\n                }\n            );\n        }\n\n        slider.addEventListener(\n            \"mouseenter\",\n            stopAutoplay\n        );\n\n        slider.addEventListener(\n            \"mouseleave\",\n            startAutoplay\n        );\n\n        slider.addEventListener(\n            \"focusin\",\n            stopAutoplay\n        );\n\n        slider.addEventListener(\n            \"focusout\",\n            startAutoplay\n        );\n\n        slider.addEventListener(\n            \"touchstart\",\n            function (event) {\n\n                touchStartX =\n                    event.changedTouches[0]\n                        .clientX;\n            },\n            {\n                passive: true\n            }\n        );\n\n        slider.addEventListener(\n            \"touchend\",\n            function (event) {\n\n                touchEndX =\n                    event.changedTouches[0]\n                        .clientX;\n\n                const distance =\n                    touchEndX -\n                    touchStartX;\n\n                if (\n                    Math.abs(distance) <\n                    45\n                ) {\n                    return;\n                }\n\n                \/*\n                 * LTR:\n                 * Swipe left  -> next\n                 * Swipe right -> previous\n                 *\/\n                if (\n                    distance < 0\n                ) {\n\n                    goNext();\n\n                } else {\n\n                    goPrevious();\n                }\n\n                restartAutoplay();\n            },\n            {\n                passive: true\n            }\n        );\n\n        window.addEventListener(\n            \"resize\",\n            function () {\n\n                window.clearTimeout(\n                    resizeTimer\n                );\n\n                resizeTimer =\n                    window.setTimeout(\n                        function () {\n\n                            currentIndex =\n                                0;\n\n                            createPagination();\n\n                            updateSlider();\n                        },\n                        150\n                    );\n            }\n        );\n\n        createPagination();\n        updateSlider();\n        startAutoplay();\n    }\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxTestimonials\n        );\n\n    } else {\n\n        initDxTestimonials();\n\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-903eee3 e-con-full e-flex e-con e-parent\" data-id=\"903eee3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-83a42f9 elementor-widget elementor-widget-html\" data-id=\"83a42f9\" 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-smart-transformation-faq),\n.elementor-widget-html:has(#dx-smart-transformation-faq) > .elementor-widget-container,\n.dx-smart-transformation-faq-fullwidth,\n.dx-smart-transformation-faq-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-smart-transformation-faq,\n#dx-smart-transformation-faq *,\n#dx-smart-transformation-faq *::before,\n#dx-smart-transformation-faq *::after {\n    box-sizing: border-box;\n}\n\n#dx-smart-transformation-faq {\n    --dx-bg: #f7f4fb;\n    --dx-white: #ffffff;\n    --dx-dark: #17062f;\n    --dx-dark-deep: #0d0228;\n    --dx-text: #655c71;\n    --dx-muted: #8b8296;\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n    --dx-border: rgba(112, 69, 223, 0.12);\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-dark);\n\n    background:\n        radial-gradient(\n            circle at 7% 12%,\n            rgba(112, 69, 223, 0.07),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 94% 88%,\n            rgba(255, 196, 65, 0.07),\n            transparent 25%\n        ),\n        var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-smart-transformation-faq a {\n    color: inherit;\n    text-decoration: none;\n}\n\n#dx-smart-transformation-faq button {\n    font: inherit;\n}\n\n\/* =========================\n   BACKGROUND\n========================= *\/\n\n#dx-smart-transformation-faq .dx-stf-grid {\n    position: absolute;\n    z-index: -4;\n\n    inset: 0;\n\n    opacity: 0.1;\n\n    background-image:\n        linear-gradient(\n            rgba(112, 69, 223, 0.04) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(112, 69, 223, 0.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 15%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 15%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-smart-transformation-faq .dx-stf-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        92px\n        clamp(22px, 5vw, 90px)\n        100px;\n}\n\n#dx-smart-transformation-faq .dx-stf-container {\n    width: min(1420px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#dx-smart-transformation-faq .dx-stf-header {\n    max-width: 900px;\n\n    margin:\n        0\n        auto\n        54px;\n\n    text-align: center;\n}\n\n#dx-smart-transformation-faq .dx-stf-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 11px;\n\n    margin-bottom: 12px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-faq .dx-stf-eyebrow::before,\n#dx-smart-transformation-faq .dx-stf-eyebrow::after {\n    content: \"\";\n\n    width: 34px;\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-smart-transformation-faq .dx-stf-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: clamp(35px, 3.8vw, 53px);\n    font-weight: 900;\n    line-height: 1.5;\n    letter-spacing: -0.45px;\n\n    text-wrap: balance;\n}\n\n#dx-smart-transformation-faq .dx-stf-title span {\n    color: var(--dx-purple);\n}\n\n#dx-smart-transformation-faq .dx-stf-description {\n    max-width: 760px;\n\n    margin:\n        15px\n        auto\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2;\n\n    text-wrap: pretty;\n}\n\n\/* =========================\n   LAYOUT\n========================= *\/\n\n#dx-smart-transformation-faq .dx-stf-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.25fr)\n        minmax(330px, 0.75fr);\n\n    align-items: stretch;\n\n    gap: 24px;\n}\n\n\/* =========================\n   FAQ LIST\n========================= *\/\n\n#dx-smart-transformation-faq .dx-stf-list {\n    min-width: 0;\n\n    display: grid;\n    gap: 11px;\n}\n\n#dx-smart-transformation-faq .dx-stf-item {\n    overflow: hidden;\n\n    border: 1px solid var(--dx-border);\n    border-radius: 16px;\n\n    background: rgba(255, 255, 255, 0.88);\n\n    box-shadow:\n        0 12px 32px rgba(43, 22, 87, 0.045);\n\n    transition:\n        border-color 0.25s ease,\n        box-shadow 0.25s ease,\n        background 0.25s ease;\n}\n\n#dx-smart-transformation-faq .dx-stf-item.is-open {\n    border-color: rgba(112, 69, 223, 0.26);\n\n    background: #ffffff;\n\n    box-shadow:\n        0 18px 42px rgba(43, 22, 87, 0.08);\n}\n\n#dx-smart-transformation-faq .dx-stf-question {\n    width: 100%;\n    min-height: 76px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        43px;\n\n    align-items: center;\n\n    gap: 18px;\n\n    padding:\n        16px\n        20px;\n\n    border: 0;\n\n    color: var(--dx-dark);\n    background: transparent;\n\n    text-align: left;\n\n    cursor: pointer;\n}\n\n#dx-smart-transformation-faq .dx-stf-question-text {\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1.75;\n}\n\n#dx-smart-transformation-faq .dx-stf-toggle {\n    position: relative;\n\n    width: 43px;\n    height: 43px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 12px;\n\n    color: var(--dx-purple);\n\n    background: rgba(112, 69, 223, 0.08);\n\n    transition:\n        color 0.25s ease,\n        background 0.25s ease,\n        transform 0.25s ease;\n}\n\n#dx-smart-transformation-faq .dx-stf-toggle::before,\n#dx-smart-transformation-faq .dx-stf-toggle::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 16px;\n    height: 2px;\n\n    border-radius: 99px;\n\n    background: currentColor;\n\n    transition: transform 0.25s ease;\n}\n\n#dx-smart-transformation-faq .dx-stf-toggle::after {\n    transform: rotate(90deg);\n}\n\n#dx-smart-transformation-faq\n    .dx-stf-item.is-open\n    .dx-stf-toggle {\n    color: #ffffff;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n\n    transform: rotate(180deg);\n}\n\n#dx-smart-transformation-faq\n    .dx-stf-item.is-open\n    .dx-stf-toggle::after {\n    transform: rotate(0deg);\n}\n\n#dx-smart-transformation-faq .dx-stf-answer {\n    display: grid;\n\n    grid-template-rows: 0fr;\n\n    transition:\n        grid-template-rows 0.34s ease,\n        opacity 0.28s ease;\n\n    opacity: 0;\n}\n\n#dx-smart-transformation-faq\n    .dx-stf-item.is-open\n    .dx-stf-answer {\n    grid-template-rows: 1fr;\n\n    opacity: 1;\n}\n\n#dx-smart-transformation-faq .dx-stf-answer-inner {\n    min-height: 0;\n    overflow: hidden;\n}\n\n#dx-smart-transformation-faq .dx-stf-answer-content {\n    padding:\n        0\n        20px\n        21px;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 2;\n}\n\n#dx-smart-transformation-faq .dx-stf-answer-content p {\n    margin: 0;\n}\n\n\/* =========================\n   DARK PANEL\n========================= *\/\n\n#dx-smart-transformation-faq .dx-stf-panel {\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        30px;\n\n    border-radius: 22px;\n\n    color: #ffffff;\n\n    background:\n        radial-gradient(\n            circle at 10% 5%,\n            rgba(149, 104, 239, 0.32),\n            transparent 34%\n        ),\n        radial-gradient(\n            circle at 95% 95%,\n            rgba(255, 196, 65, 0.07),\n            transparent 30%\n        ),\n        linear-gradient(\n            145deg,\n            #211049,\n            var(--dx-dark-deep)\n        );\n\n    box-shadow:\n        0 24px 58px rgba(29, 8, 70, 0.18);\n}\n\n#dx-smart-transformation-faq .dx-stf-panel::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    inset: 0;\n\n    opacity: 0.08;\n\n    background-image:\n        linear-gradient(\n            rgba(255, 255, 255, 0.05) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.05) 1px,\n            transparent 1px\n        );\n\n    background-size: 48px 48px;\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-icon {\n    width: 61px;\n    height: 61px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 18px;\n\n    color: #29153d;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 15px 35px rgba(255, 196, 65, 0.14);\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-icon svg {\n    width: 29px;\n    height: 29px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-label {\n    display: block;\n\n    margin-top: 28px;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-title {\n    margin:\n        7px\n        0\n        0;\n\n    color: #ffffff;\n\n    font-size: clamp(25px, 2.3vw, 34px);\n    font-weight: 900;\n    line-height: 1.55;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-text {\n    margin:\n        13px\n        0\n        0;\n\n    color: rgba(255, 255, 255, 0.7);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 2;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-points {\n    margin-top: 27px;\n\n    display: grid;\n    gap: 13px;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-point {\n    display: flex;\n    align-items: flex-start;\n\n    gap: 10px;\n\n    color: rgba(255, 255, 255, 0.79);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.85;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-check {\n    width: 27px;\n    height: 27px;\n    flex: 0 0 27px;\n\n    margin-top: 1px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 9px;\n\n    color: #75e1b3;\n\n    background: rgba(83, 207, 146, 0.1);\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-check svg {\n    width: 14px;\n    height: 14px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-bottom {\n    margin-top: auto;\n\n    padding-top: 30px;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-divider {\n    height: 1px;\n\n    margin-bottom: 22px;\n\n    background: rgba(255, 255, 255, 0.1);\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-small {\n    margin: 0;\n\n    color: rgba(255, 255, 255, 0.55);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.8;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-button {\n    width: 100%;\n    min-height: 54px;\n\n    margin-top: 16px;\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-radius: 13px;\n\n    color: #21103c;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 17px 37px rgba(255, 196, 65, 0.17);\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-button:hover,\n#dx-smart-transformation-faq .dx-stf-panel-button:focus-visible {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 23px 47px rgba(255, 196, 65, 0.26);\n}\n\n#dx-smart-transformation-faq .dx-stf-panel-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#dx-smart-transformation-faq button:focus-visible,\n#dx-smart-transformation-faq a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1020px) {\n    #dx-smart-transformation-faq .dx-stf-layout {\n        grid-template-columns: 1fr;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-panel {\n        min-height: auto;\n    }\n}\n\n@media (max-width: 780px) {\n    #dx-smart-transformation-faq .dx-stf-main {\n        padding:\n            74px\n            26px\n            80px;\n    }\n}\n\n@media (max-width: 600px) {\n    #dx-smart-transformation-faq .dx-stf-main {\n        padding:\n            58px\n            16px\n            64px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-header {\n        margin-bottom: 35px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-eyebrow::before,\n    #dx-smart-transformation-faq .dx-stf-eyebrow::after {\n        width: 22px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-title {\n        font-size: clamp(28px, 8.5vw, 38px);\n        line-height: 1.62;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-description {\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-question {\n        min-height: 69px;\n\n        grid-template-columns:\n            minmax(0, 1fr)\n            38px;\n\n        gap: 12px;\n\n        padding:\n            14px\n            15px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-question-text {\n        font-size: 15px;\n        line-height: 1.8;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-toggle {\n        width: 38px;\n        height: 38px;\n\n        border-radius: 11px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-answer-content {\n        padding:\n            0\n            15px\n            18px;\n\n        font-size: 14px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-panel {\n        padding:\n            27px\n            20px;\n\n        border-radius: 18px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-panel-title {\n        font-size: 24px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-panel-text {\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-faq .dx-stf-panel-button {\n        font-size: 14px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-smart-transformation-faq *,\n    #dx-smart-transformation-faq *::before,\n    #dx-smart-transformation-faq *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-smart-transformation-faq\"\n    aria-labelledby=\"dx-smart-transformation-faq-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n    <div\n        class=\"dx-stf-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <div class=\"dx-stf-main\">\n\n        <div class=\"dx-stf-container\">\n\n            <!-- HEADER -->\n            <header class=\"dx-stf-header\">\n\n                <span class=\"dx-stf-eyebrow\">\n                    Frequently Asked Questions\n                <\/span>\n\n                <h2\n                    id=\"dx-smart-transformation-faq-title\"\n                    class=\"dx-stf-title\"\n                >\n                    Everything You Need to Know About\n                    <span>Smart Digital Transformation<\/span>\n                <\/h2>\n\n                <p class=\"dx-stf-description\">\n                    We have gathered the key questions that can help you\n                    understand how to begin your digital transformation\n                    journey, choose the right solutions, and connect\n                    artificial intelligence with your organization\u2019s\n                    actual business needs.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-stf-layout\">\n\n                <!-- FAQ -->\n                <div class=\"dx-stf-list\">\n\n                    <!-- 01 -->\n                    <div class=\"dx-stf-item is-open\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"true\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                What Is Smart Digital Transformation?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        Smart digital transformation means improving\n                                        how an organization operates by redesigning\n                                        processes, connecting systems and data, and\n                                        using automation and artificial intelligence\n                                        where they can create practical value. It is\n                                        more than simply replacing traditional tools\n                                        with digital ones.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 02 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                Does an Organization Need to Replace All of Its Existing Systems?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        Not necessarily. We begin by assessing\n                                        the existing systems and processes to\n                                        identify what can be improved, integrated,\n                                        or automated, and what genuinely needs\n                                        to be replaced. The objective is to achieve\n                                        the best outcome with the least unnecessary\n                                        complexity.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 03 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                Where Should an Organization Start Its Digital Transformation Journey?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        We start by understanding current\n                                        processes, challenges, data sources,\n                                        and organizational goals. From there,\n                                        we identify the highest-priority\n                                        improvement opportunities and build\n                                        a phased roadmap rather than introducing\n                                        large, disconnected changes all at once.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 04 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                Can Artificial Intelligence Be Integrated With Our Existing Systems?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        In many cases, yes, especially when\n                                        existing systems support integration\n                                        through APIs or provide structured\n                                        access to the required data. Integration\n                                        feasibility is determined after reviewing\n                                        the technical architecture of each system.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 05 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                Which Processes Can Be Automated Within an Organization?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        Many repetitive activities can potentially\n                                        be automated, including data entry,\n                                        request processing, report generation,\n                                        notifications, approvals, customer service,\n                                        and selected HR and administrative workflows,\n                                        depending on the organization and the systems\n                                        currently in use.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 06 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                What Is the Difference Between a Traditional Chatbot and an AI Assistant Using Enterprise Data?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        A traditional chatbot usually relies\n                                        on predefined scenarios and responses.\n                                        An intelligent assistant can use AI\n                                        models and connect to internal knowledge\n                                        bases and documents to provide answers\n                                        that are more relevant to the organization\u2019s\n                                        context.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 07 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                Can You Build a RAG System Using Our Organization\u2019s Documents?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        Yes. RAG solutions can connect AI\n                                        models with an organization\u2019s documents\n                                        and knowledge bases, allowing relevant\n                                        information to be retrieved and used\n                                        when generating answers or helping\n                                        employees access information more quickly.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 08 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                How Are Data Security and Access Permissions Handled?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        Access and permissions are designed\n                                        according to the nature of the solution\n                                        and the systems connected to it. This\n                                        includes separating user permissions,\n                                        protecting integration points, and\n                                        limiting data access to what is required\n                                        for each function.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 09 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                Can Digital Transformation Be Implemented in Phases?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        Yes, and this is often the more practical\n                                        approach. The organization can begin\n                                        with a high-priority process or department,\n                                        measure the results, and then progressively\n                                        extend successful solutions to other\n                                        operations and teams according to the\n                                        agreed transformation roadmap.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- 10 -->\n                    <div class=\"dx-stf-item\">\n\n                        <button\n                            type=\"button\"\n                            class=\"dx-stf-question\"\n                            aria-expanded=\"false\"\n                        >\n                            <span class=\"dx-stf-question-text\">\n                                How Long Do Digital Transformation Projects Take?\n                            <\/span>\n\n                            <span\n                                class=\"dx-stf-toggle\"\n                                aria-hidden=\"true\"\n                            ><\/span>\n                        <\/button>\n\n                        <div class=\"dx-stf-answer\">\n\n                            <div class=\"dx-stf-answer-inner\">\n\n                                <div class=\"dx-stf-answer-content\">\n                                    <p>\n                                        The timeline depends on the number\n                                        of processes, systems, integrations,\n                                        volume of data, and overall complexity.\n                                        After the requirements analysis phase,\n                                        the project scope, phases, and estimated\n                                        timeline for each stage can be defined\n                                        more accurately.\n                                    <\/p>\n                                <\/div>\n\n                            <\/div>\n\n                        <\/div>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- DARK PANEL -->\n                <aside class=\"dx-stf-panel\">\n\n                    <span\n                        class=\"dx-stf-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 3 1.5-5A7 7 0 0 1 3 13V8a5 5 0 0 1 5-5h8a5 5 0 0 1 5 5Z\"><\/path>\n                            <path d=\"M9 9h6\"><\/path>\n                            <path d=\"M9 13h4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <span class=\"dx-stf-panel-label\">\n                        Before You Begin\n                    <\/span>\n\n                    <h3 class=\"dx-stf-panel-title\">\n                        Transformation Starts With Understanding the Problem, Not Choosing the Technology\n                    <\/h3>\n\n                    <p class=\"dx-stf-panel-text\">\n                        Before recommending any system or AI model,\n                        we analyze the processes, data, and challenges\n                        to determine where technology can create\n                        meaningful impact within the organization.\n                    <\/p>\n\n                    <div class=\"dx-stf-panel-points\">\n\n                        <div class=\"dx-stf-panel-point\">\n\n                            <span\n                                class=\"dx-stf-panel-check\"\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                                Analyze current processes and challenges.\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-stf-panel-point\">\n\n                            <span\n                                class=\"dx-stf-panel-check\"\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                                Prioritize transformation opportunities by impact.\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-stf-panel-point\">\n\n                            <span\n                                class=\"dx-stf-panel-check\"\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                                Select the right tools instead of adding unnecessary complexity.\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-stf-panel-point\">\n\n                            <span\n                                class=\"dx-stf-panel-check\"\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                                Implement progressively with measurable, scalable steps.\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"dx-stf-panel-bottom\">\n\n                        <div class=\"dx-stf-panel-divider\"><\/div>\n\n                        <p class=\"dx-stf-panel-small\">\n                            Have a specific challenge within your organization\n                            but are not sure which technical solution is the right fit?\n                        <\/p>\n\n                        <a\n                            href=\"https:\/\/dindex.net\/en\/contact\/\"\n                            class=\"dx-stf-panel-button\"\n                        >\n                            <span>Discuss the Challenge With Us<\/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            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxSmartTransformationFaq() {\n        const section = document.getElementById(\n            \"dx-smart-transformation-faq\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-smart-transformation-faq-fullwidth\"\n            );\n        }\n\n        const items = section.querySelectorAll(\n            \".dx-stf-item\"\n        );\n\n        items.forEach(function (item) {\n            const button = item.querySelector(\n                \".dx-stf-question\"\n            );\n\n            if (!button) {\n                return;\n            }\n\n            button.addEventListener(\n                \"click\",\n                function () {\n                    const isOpen =\n                        item.classList.contains(\n                            \"is-open\"\n                        );\n\n                    items.forEach(function (currentItem) {\n                        const currentButton =\n                            currentItem.querySelector(\n                                \".dx-stf-question\"\n                            );\n\n                        currentItem.classList.remove(\n                            \"is-open\"\n                        );\n\n                        if (currentButton) {\n                            currentButton.setAttribute(\n                                \"aria-expanded\",\n                                \"false\"\n                            );\n                        }\n                    });\n\n                    if (!isOpen) {\n                        item.classList.add(\n                            \"is-open\"\n                        );\n\n                        button.setAttribute(\n                            \"aria-expanded\",\n                            \"true\"\n                        );\n                    }\n                }\n            );\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSmartTransformationFaq\n        );\n    } else {\n        initDxSmartTransformationFaq();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9aaeb80 e-con-full e-flex e-con e-parent\" data-id=\"9aaeb80\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33df3bb elementor-widget elementor-widget-html\" data-id=\"33df3bb\" 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-smart-transformation-final-cta),\n.elementor-widget-html:has(#dx-smart-transformation-final-cta) > .elementor-widget-container,\n.dx-smart-transformation-final-cta-fullwidth,\n.dx-smart-transformation-final-cta-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-smart-transformation-final-cta,\n#dx-smart-transformation-final-cta *,\n#dx-smart-transformation-final-cta *::before,\n#dx-smart-transformation-final-cta *::after {\n    box-sizing: border-box;\n}\n\n#dx-smart-transformation-final-cta {\n    --dx-dark: #0d0228;\n    --dx-dark-light: #201047;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255, 255, 255, 0.74);\n    --dx-muted: rgba(255, 255, 255, 0.56);\n    --dx-purple: #7045df;\n    --dx-purple-light: #986cf1;\n    --dx-yellow: #ffc441;\n    --dx-green: #53d294;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    direction: ltr;\n\n    color: #ffffff;\n    background: transparent;\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    overflow: hidden;\n}\n\n#dx-smart-transformation-final-cta a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-smart-transformation-final-cta .dx-stc-main {\n    width: 100%;\n\n    padding:\n        34px\n        clamp(22px, 5vw, 90px)\n        90px;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-container {\n    width: min(1360px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   CTA BOX\n========================= *\/\n\n#dx-smart-transformation-final-cta .dx-stc-box {\n    position: relative;\n    isolation: isolate;\n\n    max-width: 1180px;\n\n    margin: 0 auto;\n\n    padding:\n        60px\n        clamp(30px, 5vw, 72px);\n\n    overflow: hidden;\n\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 28px;\n\n    text-align: center;\n\n    background:\n        radial-gradient(\n            circle at 7% 8%,\n            rgba(112, 69, 223, 0.3),\n            transparent 31%\n        ),\n        radial-gradient(\n            circle at 94% 92%,\n            rgba(255, 196, 65, 0.07),\n            transparent 27%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-dark-light),\n            var(--dx-dark) 62%\n        );\n\n    box-shadow:\n        0 28px 70px rgba(30, 10, 70, 0.17);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-box::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    inset: 0;\n\n    opacity: 0.08;\n\n    background-image:\n        linear-gradient(\n            rgba(255, 255, 255, 0.05) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.05) 1px,\n            transparent 1px\n        );\n\n    background-size: 60px 60px;\n\n    -webkit-mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 12%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 12%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-box::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 50%;\n\n    width: 340px;\n    height: 1px;\n\n    transform: translateX(50%);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--dx-yellow),\n            var(--dx-purple-light),\n            transparent\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   EYEBROW\n========================= *\/\n\n#dx-smart-transformation-final-cta .dx-stc-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    min-height: 37px;\n\n    margin-bottom: 16px;\n\n    padding:\n        0\n        15px;\n\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 999px;\n\n    color: #eadfff;\n\n    background: rgba(255, 255, 255, 0.05);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-eyebrow-dot {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--dx-green);\n\n    box-shadow:\n        0 0 0 5px rgba(83, 210, 148, 0.1);\n}\n\n\/* =========================\n   TITLE\n========================= *\/\n\n#dx-smart-transformation-final-cta .dx-stc-title {\n    max-width: 900px;\n\n    margin:\n        0\n        auto;\n\n    color: #ffffff;\n\n    font-size: clamp(38px, 4.5vw, 61px);\n    font-weight: 900;\n    line-height: 1.48;\n    letter-spacing: -0.55px;\n\n    text-wrap: balance;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-title span {\n    color: var(--dx-yellow);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-description {\n    max-width: 780px;\n\n    margin:\n        17px\n        auto\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2.05;\n\n    text-wrap: pretty;\n}\n\n\/* =========================\n   POINTS\n========================= *\/\n\n#dx-smart-transformation-final-cta .dx-stc-points {\n    margin-top: 26px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap:\n        11px\n        25px;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-point {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: rgba(255, 255, 255, 0.64);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.8;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-check {\n    width: 26px;\n    height: 26px;\n    flex: 0 0 26px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    color: #7ce6b7;\n\n    background: rgba(83, 210, 148, 0.1);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-check svg {\n    width: 14px;\n    height: 14px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   ACTIONS\n========================= *\/\n\n#dx-smart-transformation-final-cta .dx-stc-actions {\n    margin-top: 31px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap: 12px;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-button {\n    min-height: 58px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    padding:\n        0\n        27px;\n\n    border: 1px solid transparent;\n    border-radius: 13px;\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        border-color 0.25s ease,\n        background 0.25s ease;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-primary {\n    min-width: 245px;\n\n    color: #21103c;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd76d\n        );\n\n    box-shadow:\n        0 18px 40px rgba(255, 196, 65, 0.2);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-secondary {\n    min-width: 195px;\n\n    color: #ffffff;\n\n    border-color: rgba(255, 255, 255, 0.14);\n\n    background: rgba(255, 255, 255, 0.055);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-button:hover,\n#dx-smart-transformation-final-cta .dx-stc-button:focus-visible {\n    transform: translateY(-3px);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-primary:hover,\n#dx-smart-transformation-final-cta .dx-stc-primary:focus-visible {\n    box-shadow:\n        0 25px 50px rgba(255, 196, 65, 0.29);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-secondary:hover,\n#dx-smart-transformation-final-cta .dx-stc-secondary:focus-visible {\n    border-color: rgba(152, 108, 241, 0.42);\n\n    background: rgba(112, 69, 223, 0.14);\n}\n\n#dx-smart-transformation-final-cta .dx-stc-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   CONTACT\n========================= *\/\n\n#dx-smart-transformation-final-cta .dx-stc-contact {\n    margin-top: 31px;\n\n    padding-top: 24px;\n\n    border-top: 1px solid rgba(255, 255, 255, 0.09);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap:\n        11px\n        29px;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-contact-item {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.7;\n\n    transition: color 0.2s ease;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-contact-item:hover {\n    color: #ffffff;\n}\n\n#dx-smart-transformation-final-cta .dx-stc-contact-item svg {\n    width: 17px;\n    height: 17px;\n    flex: 0 0 17px;\n\n    color: var(--dx-yellow);\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-smart-transformation-final-cta a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 800px) {\n    #dx-smart-transformation-final-cta .dx-stc-main {\n        padding:\n            28px\n            26px\n            72px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-box {\n        padding:\n            48px\n            28px;\n\n        border-radius: 23px;\n    }\n}\n\n@media (max-width: 600px) {\n    #dx-smart-transformation-final-cta .dx-stc-main {\n        padding:\n            22px\n            16px\n            58px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-box {\n        padding:\n            38px\n            18px;\n\n        border-radius: 19px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-eyebrow {\n        min-height: 34px;\n\n        margin-bottom: 13px;\n\n        padding:\n            0\n            12px;\n\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-title {\n        font-size: clamp(30px, 9vw, 40px);\n        line-height: 1.62;\n        letter-spacing: -0.2px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-description {\n        margin-top: 12px;\n\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-points {\n        margin-top: 21px;\n\n        display: grid;\n\n        justify-content: stretch;\n\n        gap: 10px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-point {\n        justify-content: center;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-actions {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        margin-top: 25px;\n\n        gap: 10px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-button {\n        width: 100%;\n        min-width: 0;\n        min-height: 55px;\n\n        font-size: 14px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-contact {\n        margin-top: 25px;\n\n        padding-top: 20px;\n\n        display: grid;\n\n        gap: 12px;\n    }\n\n    #dx-smart-transformation-final-cta .dx-stc-contact-item {\n        justify-content: center;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-smart-transformation-final-cta *,\n    #dx-smart-transformation-final-cta *::before,\n    #dx-smart-transformation-final-cta *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-smart-transformation-final-cta\"\n    aria-labelledby=\"dx-smart-transformation-final-cta-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div class=\"dx-stc-main\">\n\n        <div class=\"dx-stc-container\">\n\n            <div class=\"dx-stc-box\">\n\n                <span class=\"dx-stc-eyebrow\">\n\n                    <span\n                        class=\"dx-stc-eyebrow-dot\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    Your Next Step Starts Here\n\n                <\/span>\n\n                <h2\n                    id=\"dx-smart-transformation-final-cta-title\"\n                    class=\"dx-stc-title\"\n                >\n                    Ready to Transform Your Organization\u2019s Operations\n                    <span>Into a Smarter Digital Ecosystem?<\/span>\n                <\/h2>\n\n                <p class=\"dx-stc-description\">\n                    Start with a consultation where we review your\n                    organization\u2019s needs, current challenges, existing\n                    systems, and available data. From there, we identify\n                    transformation opportunities that can deliver the\n                    strongest practical and measurable impact.\n                <\/p>\n\n                <div class=\"dx-stc-points\">\n\n                    <span class=\"dx-stc-point\">\n\n                        <span\n                            class=\"dx-stc-check\"\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                        Analyze Your Organization\u2019s Needs\n\n                    <\/span>\n\n                    <span class=\"dx-stc-point\">\n\n                        <span\n                            class=\"dx-stc-check\"\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                        Identify Automation & AI Opportunities\n\n                    <\/span>\n\n                    <span class=\"dx-stc-point\">\n\n                        <span\n                            class=\"dx-stc-check\"\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                        Build a Clear Transformation Roadmap\n\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"dx-stc-actions\">\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/contact\/\"\n                        class=\"dx-stc-button dx-stc-primary\"\n                    >\n                        <span>Get a Free Consultation<\/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                    <a\n                        href=\"tel:+971581909512\"\n                        class=\"dx-stc-button dx-stc-secondary\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92Z\"><\/path>\n                        <\/svg>\n\n                        <span>Call Us<\/span>\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"dx-stc-contact\">\n\n                    <a\n                        href=\"mailto:info@dindex.net\"\n                        class=\"dx-stc-contact-item\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <rect\n                                x=\"3\"\n                                y=\"5\"\n                                width=\"18\"\n                                height=\"14\"\n                                rx=\"2\"\n                            ><\/rect>\n                            <path d=\"m3 7 9 6 9-6\"><\/path>\n                        <\/svg>\n\n                        <span>info@dindex.net<\/span>\n                    <\/a>\n\n                    <a\n                        href=\"tel:+971581909512\"\n                        class=\"dx-stc-contact-item\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92Z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            +971 58 190 9512\n                        <\/span>\n                    <\/a>\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 initDxSmartTransformationFinalCta() {\n        const section = document.getElementById(\n            \"dx-smart-transformation-final-cta\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-smart-transformation-final-cta-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 box = section.querySelector(\n            \".dx-stc-box\"\n        );\n\n        if (!box) {\n            return;\n        }\n\n        box.style.opacity = \"0\";\n        box.style.transform = \"translateY(22px)\";\n        box.style.transition =\n            \"opacity 0.72s ease, transform 0.72s ease\";\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    box.style.opacity = \"1\";\n                    box.style.transform = \"translateY(0)\";\n\n                    currentObserver.unobserve(\n                        entry.target\n                    );\n                });\n            },\n            {\n                threshold: 0.12\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSmartTransformationFinalCta\n        );\n    } else {\n        initDxSmartTransformationFinalCta();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\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>Smart Digital Transformation for Enterprises Leading Smart Digital Transformation Across Modern Enterprises We re-engineer the way your organization operates through integrated intelligent solutions powered by artificial intelligence, machine learning, knowledge engineering, and process automation \u2014 transforming traditional operations into a faster, more agile digital ecosystem with stronger decision-making capabilities. Get a Free Consultation Explore Our [&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-422","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Smart Digital Transformation - 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\/smart-digital-transformation\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Smart Digital Transformation - D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"og:description\" content=\"Smart Digital Transformation for Enterprises Leading Smart Digital Transformation Across Modern Enterprises We re-engineer the way your organization operates through integrated intelligent solutions powered by artificial intelligence, machine learning, knowledge engineering, and process automation \u2014 transforming traditional operations into a faster, more agile digital ecosystem with stronger decision-making capabilities. Get a Free Consultation Explore Our [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dindex.net\/en\/smart-digital-transformation\/\" \/>\n<meta property=\"og:site_name\" content=\"D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-20T10:59:01+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=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/dindex.net\\\/en\\\/smart-digital-transformation\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/en\\\/smart-digital-transformation\\\/\",\"name\":\"Smart Digital Transformation - D-INDEX - Your Partner in Digital Transformation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\"},\"datePublished\":\"2025-04-06T08:50:12+00:00\",\"dateModified\":\"2026-08-20T10:59:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/en\\\/smart-digital-transformation\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dindex.net\\\/en\\\/smart-digital-transformation\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dindex.net\\\/en\\\/smart-digital-transformation\\\/#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\":\"Smart Digital Transformation\"}]},{\"@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":"Smart Digital Transformation - 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\/smart-digital-transformation\/","og_locale":"en_US","og_type":"article","og_title":"Smart Digital Transformation - D-INDEX - Your Partner in Digital Transformation","og_description":"Smart Digital Transformation for Enterprises Leading Smart Digital Transformation Across Modern Enterprises We re-engineer the way your organization operates through integrated intelligent solutions powered by artificial intelligence, machine learning, knowledge engineering, and process automation \u2014 transforming traditional operations into a faster, more agile digital ecosystem with stronger decision-making capabilities. Get a Free Consultation Explore Our [&hellip;]","og_url":"https:\/\/dindex.net\/en\/smart-digital-transformation\/","og_site_name":"D-INDEX - Your Partner in Digital Transformation","article_modified_time":"2026-08-20T10:59:01+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/dindex.net\/en\/smart-digital-transformation\/","url":"https:\/\/dindex.net\/en\/smart-digital-transformation\/","name":"Smart Digital Transformation - D-INDEX - Your Partner in Digital Transformation","isPartOf":{"@id":"https:\/\/dindex.net\/#website"},"datePublished":"2025-04-06T08:50:12+00:00","dateModified":"2026-08-20T10:59:01+00:00","breadcrumb":{"@id":"https:\/\/dindex.net\/en\/smart-digital-transformation\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dindex.net\/en\/smart-digital-transformation\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dindex.net\/en\/smart-digital-transformation\/#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":"Smart Digital Transformation"}]},{"@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\/422","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=422"}],"version-history":[{"count":19,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/422\/revisions"}],"predecessor-version":[{"id":4217,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/422\/revisions\/4217"}],"wp:attachment":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/media?parent=422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}