{"id":146,"date":"2025-02-14T08:44:39","date_gmt":"2025-02-14T08:44:39","guid":{"rendered":"https:\/\/lightslategray-hummingbird-166239.hostingersite.com\/?page_id=146"},"modified":"2026-10-18T10:35:23","modified_gmt":"2026-10-18T10:35:23","slug":"home","status":"publish","type":"page","link":"https:\/\/dindex.net\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"146\" class=\"elementor elementor-146\" 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-8bd524a e-con-full e-flex e-con e-parent\" data-id=\"8bd524a\" 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-134cc07 elementor-widget elementor-widget-html\" data-id=\"134cc07\" 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<!-- =========================================================\r\n     D-INDEX \u2014 HOME HERO SECTION\r\n     Author: Mohamed El-Sehemy\r\n     English LTR Version\r\n     Elementor Compatible\r\n========================================================== -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   ELEMENTOR FULL WIDTH\r\n========================================================= *\/\r\n\r\nhtml,\r\nbody {\r\n    max-width: 100%;\r\n    overflow-x: clip;\r\n}\r\n\r\n.elementor-widget-html:has(#dx-home-hero),\r\n.elementor-widget-html:has(#dx-home-hero) > .elementor-widget-container,\r\n.dx-hero-widget-fullwidth,\r\n.dx-hero-widget-fullwidth > .elementor-widget-container {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: visible !important;\r\n}\r\n\r\n\/* =========================================================\r\n   VARIABLES & RESET\r\n========================================================= *\/\r\n\r\n#dx-home-hero,\r\n#dx-home-hero *,\r\n#dx-home-hero *::before,\r\n#dx-home-hero *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#dx-home-hero {\r\n    --dx-dark: #08001f;\r\n    --dx-dark-light: #13043a;\r\n    --dx-purple: #6942d8;\r\n    --dx-purple-light: #8c62ee;\r\n    --dx-yellow: #ffc441;\r\n    --dx-white: #ffffff;\r\n    --dx-text: rgba(255, 255, 255, 0.76);\r\n    --dx-border: rgba(255, 255, 255, 0.11);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    margin-right: calc(50% - 50vw);\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    direction: ltr;\r\n    overflow: visible;\r\n\r\n    color: var(--dx-white);\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 18% 40%,\r\n            rgba(111, 62, 211, 0.23),\r\n            transparent 31%\r\n        ),\r\n        radial-gradient(\r\n            circle at 90% 18%,\r\n            rgba(101, 57, 205, 0.13),\r\n            transparent 26%\r\n        ),\r\n        linear-gradient(\r\n            135deg,\r\n            #08001f 0%,\r\n            #10032f 48%,\r\n            #090020 100%\r\n        );\r\n}\r\n\r\n#dx-home-hero a {\r\n    color: inherit;\r\n    text-decoration: none;\r\n}\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATIONS\r\n========================================================= *\/\r\n\r\n#dx-home-hero .dx-hero-background {\r\n    position: absolute;\r\n    z-index: -5;\r\n\r\n    inset: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n#dx-home-hero .dx-hero-background::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    opacity: 0.12;\r\n\r\n    background-image:\r\n        linear-gradient(\r\n            rgba(255, 255, 255, 0.03) 1px,\r\n            transparent 1px\r\n        ),\r\n        linear-gradient(\r\n            90deg,\r\n            rgba(255, 255, 255, 0.03) 1px,\r\n            transparent 1px\r\n        );\r\n\r\n    background-size: 76px 76px;\r\n\r\n    -webkit-mask-image:\r\n        linear-gradient(\r\n            to bottom,\r\n            #000 0%,\r\n            transparent 94%\r\n        );\r\n\r\n    mask-image:\r\n        linear-gradient(\r\n            to bottom,\r\n            #000 0%,\r\n            transparent 94%\r\n        );\r\n}\r\n\r\n#dx-home-hero .dx-hero-glow {\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    filter: blur(100px);\r\n}\r\n\r\n#dx-home-hero .dx-hero-glow-one {\r\n    top: 5%;\r\n    left: 14%;\r\n\r\n    width: 360px;\r\n    height: 360px;\r\n\r\n    background: rgba(105, 66, 216, 0.18);\r\n}\r\n\r\n#dx-home-hero .dx-hero-glow-two {\r\n    right: 8%;\r\n    bottom: -10%;\r\n\r\n    width: 430px;\r\n    height: 330px;\r\n\r\n    background: rgba(123, 68, 221, 0.19);\r\n}\r\n\r\n#dx-home-hero .dx-hero-line {\r\n    position: absolute;\r\n\r\n    border: 1px solid rgba(139, 98, 238, 0.19);\r\n    border-radius: 50%;\r\n}\r\n\r\n#dx-home-hero .dx-hero-line-one {\r\n    top: 78px;\r\n    right: -175px;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n}\r\n\r\n#dx-home-hero .dx-hero-line-two {\r\n    left: -130px;\r\n    bottom: 35px;\r\n\r\n    width: 290px;\r\n    height: 290px;\r\n}\r\n\r\n#dx-home-hero .dx-hero-dots {\r\n    position: absolute;\r\n\r\n    width: 105px;\r\n    height: 105px;\r\n\r\n    opacity: 0.33;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            circle,\r\n            var(--dx-purple-light) 2px,\r\n            transparent 2.5px\r\n        );\r\n\r\n    background-size: 17px 17px;\r\n}\r\n\r\n#dx-home-hero .dx-hero-dots-one {\r\n    top: 72px;\r\n    right: 5%;\r\n}\r\n\r\n#dx-home-hero .dx-hero-dots-two {\r\n    left: 4%;\r\n    bottom: 135px;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO MAIN\r\n========================================================= *\/\r\n\r\n#dx-home-hero .dx-hero-main {\r\n    position: relative;\r\n    z-index: 3;\r\n\r\n    width: 100%;\r\n    min-height: 540px;\r\n\r\n    padding:\r\n        54px\r\n        clamp(28px, 5vw, 90px)\r\n        105px;\r\n}\r\n\r\n#dx-home-hero .dx-hero-container {\r\n    width: min(1450px, 100%);\r\n    min-height: 390px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(440px, 1fr)\r\n        minmax(440px, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: clamp(42px, 5.5vw, 88px);\r\n}\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n#dx-home-hero .dx-hero-content {\r\n    position: relative;\r\n    z-index: 4;\r\n\r\n    max-width: 680px;\r\n\r\n    justify-self: start;\r\n\r\n    text-align: left;\r\n}\r\n\r\n#dx-home-hero .dx-hero-title {\r\n    margin: 0;\r\n\r\n    color: var(--dx-white);\r\n\r\n    font-size: clamp(56px, 5vw, 82px);\r\n    font-weight: 900;\r\n    line-height: 1.08;\r\n\r\n    letter-spacing: -2px;\r\n}\r\n\r\n#dx-home-hero .dx-hero-subtitle {\r\n    margin: 12px 0 0;\r\n\r\n    color: var(--dx-white);\r\n\r\n    font-size: clamp(30px, 2.8vw, 44px);\r\n    font-weight: 800;\r\n    line-height: 1.28;\r\n\r\n    letter-spacing: -0.8px;\r\n}\r\n\r\n#dx-home-hero .dx-hero-subtitle strong {\r\n    display: inline;\r\n\r\n    color: var(--dx-yellow);\r\n\r\n    font-weight: 900;\r\n}\r\n\r\n#dx-home-hero .dx-hero-description {\r\n    max-width: 610px;\r\n\r\n    margin: 22px 0 0;\r\n\r\n    color: var(--dx-text);\r\n\r\n    font-size: clamp(16px, 1.2vw, 18px);\r\n    font-weight: 400;\r\n    line-height: 1.8;\r\n}\r\n\r\n#dx-home-hero .dx-hero-actions {\r\n    margin-top: 30px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\/* =========================================================\r\n   BUTTONS\r\n========================================================= *\/\r\n\r\n#dx-home-hero .dx-hero-button {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    min-height: 54px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 11px;\r\n\r\n    padding:\r\n        0\r\n        25px;\r\n\r\n    overflow: hidden;\r\n\r\n    border-radius: 11px;\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1;\r\n\r\n    white-space: nowrap;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        border-color 0.25s ease,\r\n        background-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n#dx-home-hero .dx-hero-button-primary {\r\n    min-width: 225px;\r\n\r\n    border:\r\n        1px solid rgba(255, 255, 255, 0.13);\r\n\r\n    color: var(--dx-white);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--dx-purple),\r\n            var(--dx-purple-light)\r\n        );\r\n\r\n    box-shadow:\r\n        0 12px 28px rgba(105, 66, 216, 0.31),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.17);\r\n}\r\n\r\n#dx-home-hero .dx-hero-button-primary::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: -1;\r\n\r\n    top: 0;\r\n    left: -110%;\r\n\r\n    width: 75%;\r\n    height: 100%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(255, 255, 255, 0.24),\r\n            transparent\r\n        );\r\n\r\n    transform: skewX(-20deg);\r\n\r\n    transition: left 0.55s ease;\r\n}\r\n\r\n#dx-home-hero .dx-hero-button-primary:hover::before {\r\n    left: 135%;\r\n}\r\n\r\n#dx-home-hero .dx-hero-button-primary:hover,\r\n#dx-home-hero .dx-hero-button-primary:focus-visible {\r\n    transform: translateY(-3px);\r\n\r\n    box-shadow:\r\n        0 17px 36px rgba(105, 66, 216, 0.42),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.17);\r\n}\r\n\r\n#dx-home-hero .dx-hero-button-secondary {\r\n    min-width: 185px;\r\n\r\n    border:\r\n        1px solid rgba(255, 255, 255, 0.28);\r\n\r\n    color: var(--dx-white);\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.025);\r\n}\r\n\r\n#dx-home-hero .dx-hero-button-secondary:hover,\r\n#dx-home-hero .dx-hero-button-secondary:focus-visible {\r\n    border-color:\r\n        rgba(139, 98, 238, 0.72);\r\n\r\n    background:\r\n        rgba(105, 66, 216, 0.12);\r\n\r\n    transform:\r\n        translateY(-3px);\r\n}\r\n\r\n#dx-home-hero .dx-hero-button svg {\r\n    width: 19px;\r\n    height: 19px;\r\n    flex: 0 0 19px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.9;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================================\r\n   VISUAL\r\n========================================================= *\/\r\n\r\n#dx-home-hero .dx-hero-visual {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: flex-end;\r\n}\r\n\r\n#dx-home-hero .dx-hero-image-wrap {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: min(108%, 720px);\r\n\r\n    margin-right: -4%;\r\n}\r\n\r\n#dx-home-hero .dx-hero-image-wrap::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: -2;\r\n\r\n    top: 13%;\r\n    left: 9%;\r\n\r\n    width: 80%;\r\n    height: 72%;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(108, 60, 211, 0.29);\r\n\r\n    filter: blur(67px);\r\n}\r\n\r\n#dx-home-hero .dx-hero-image-wrap::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n    z-index: -1;\r\n\r\n    left: 8%;\r\n    bottom: 7%;\r\n\r\n    width: 82%;\r\n    height: 28%;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(63, 22, 128, 0.45);\r\n\r\n    filter: blur(35px);\r\n}\r\n\r\n#dx-home-hero .dx-hero-image {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: auto;\r\n\r\n    object-fit: contain;\r\n\r\n    border-radius: 0;\r\n\r\n    filter:\r\n        saturate(1.05)\r\n        contrast(1.04)\r\n        drop-shadow(\r\n            0\r\n            28px\r\n            42px\r\n            rgba(0, 0, 0, 0.23)\r\n        );\r\n\r\n    mix-blend-mode: screen;\r\n\r\n    -webkit-mask-image:\r\n        radial-gradient(\r\n            ellipse 70% 72% at 50% 50%,\r\n            #000 53%,\r\n            rgba(0, 0, 0, 0.96) 64%,\r\n            rgba(0, 0, 0, 0.70) 76%,\r\n            rgba(0, 0, 0, 0.20) 88%,\r\n            transparent 100%\r\n        );\r\n\r\n    mask-image:\r\n        radial-gradient(\r\n            ellipse 70% 72% at 50% 50%,\r\n            #000 53%,\r\n            rgba(0, 0, 0, 0.96) 64%,\r\n            rgba(0, 0, 0, 0.70) 76%,\r\n            rgba(0, 0, 0, 0.20) 88%,\r\n            transparent 100%\r\n        );\r\n\r\n    animation:\r\n        dxHeroFloat\r\n        5.8s\r\n        ease-in-out\r\n        infinite;\r\n\r\n    will-change: transform;\r\n}\r\n\r\n\/* =========================================================\r\n   STATS\r\n========================================================= *\/\r\n\r\n#dx-home-hero .dx-hero-stats-wrap {\r\n    position: absolute;\r\n    z-index: 12;\r\n\r\n    left: 50%;\r\n    bottom: -72px;\r\n\r\n    width:\r\n        calc(\r\n            100% -\r\n            clamp(70px, 14vw, 245px)\r\n        );\r\n\r\n    max-width: 1200px;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n}\r\n\r\n#dx-home-hero .dx-hero-stats {\r\n    width: 100%;\r\n    min-height: 138px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(\r\n            4,\r\n            minmax(0, 1fr)\r\n        );\r\n\r\n    align-items: center;\r\n\r\n    padding:\r\n        22px\r\n        24px;\r\n\r\n    border:\r\n        1px solid rgba(18, 5, 57, 0.08);\r\n\r\n    border-radius:\r\n        20px;\r\n\r\n    color:\r\n        #171025;\r\n\r\n    background:\r\n        rgba(255, 255, 255, 0.985);\r\n\r\n    box-shadow:\r\n        0 22px 48px rgba(9, 0, 31, 0.16),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.85);\r\n}\r\n\r\n#dx-home-hero .dx-hero-stat {\r\n    position: relative;\r\n\r\n    min-width: 0;\r\n    min-height: 92px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 16px;\r\n\r\n    padding:\r\n        10px\r\n        22px;\r\n\r\n    text-align: left;\r\n}\r\n\r\n#dx-home-hero .dx-hero-stat:not(:last-child)::after {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 8%;\r\n    right: 0;\r\n\r\n    width: 1px;\r\n    height: 84%;\r\n\r\n    background:\r\n        linear-gradient(\r\n            to bottom,\r\n            transparent,\r\n            rgba(105, 66, 216, 0.22),\r\n            transparent\r\n        );\r\n}\r\n\r\n#dx-home-hero .dx-hero-stat-icon {\r\n    width: 58px;\r\n    height: 58px;\r\n    flex: 0 0 58px;\r\n\r\n    display:\r\n        inline-flex;\r\n\r\n    align-items:\r\n        center;\r\n\r\n    justify-content:\r\n        center;\r\n\r\n    border-radius:\r\n        16px;\r\n\r\n    color:\r\n        var(--dx-purple);\r\n\r\n    background:\r\n        rgba(105, 66, 216, 0.08);\r\n}\r\n\r\n#dx-home-hero .dx-hero-stat-icon svg {\r\n    width: 32px;\r\n    height: 32px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 1.75;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n#dx-home-hero .dx-hero-stat-number {\r\n    display: block;\r\n\r\n    color: #170d2d;\r\n\r\n    font-size:\r\n        clamp(\r\n            28px,\r\n            2.25vw,\r\n            36px\r\n        );\r\n\r\n    font-weight: 900;\r\n    line-height: 1.1;\r\n}\r\n\r\n#dx-home-hero .dx-hero-stat-label {\r\n    display: block;\r\n\r\n    margin-top: 7px;\r\n\r\n    color: #6e6877;\r\n\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    line-height: 1.55;\r\n}\r\n\r\n\/* =========================================================\r\n   ANIMATION\r\n========================================================= *\/\r\n\r\n@keyframes dxHeroFloat {\r\n\r\n    0%,\r\n    100% {\r\n        transform:\r\n            translateY(0)\r\n            rotate(-0.35deg);\r\n    }\r\n\r\n    50% {\r\n        transform:\r\n            translateY(-14px)\r\n            rotate(0.35deg);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 1050px) {\r\n\r\n    #dx-home-hero .dx-hero-main {\r\n        padding-top:\r\n            55px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-container {\r\n        grid-template-columns:\r\n            minmax(360px, 0.95fr)\r\n            minmax(400px, 1.05fr);\r\n\r\n        gap: 30px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-title {\r\n        font-size:\r\n            clamp(\r\n                50px,\r\n                5.6vw,\r\n                68px\r\n            );\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-subtitle {\r\n        font-size:\r\n            clamp(\r\n                27px,\r\n                3.4vw,\r\n                38px\r\n            );\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-image-wrap {\r\n        width:\r\n            min(\r\n                110%,\r\n                660px\r\n            );\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat {\r\n        gap: 11px;\r\n\r\n        padding-right: 12px;\r\n        padding-left: 12px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat-icon {\r\n        width: 52px;\r\n        height: 52px;\r\n\r\n        flex-basis: 52px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat-icon svg {\r\n        width: 29px;\r\n        height: 29px;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE & SMALL TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 850px) {\r\n\r\n    #dx-home-hero .dx-hero-main {\r\n        min-height: 0;\r\n\r\n        padding:\r\n            58px\r\n            26px\r\n            180px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-container {\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap: 32px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-content {\r\n        max-width: 690px;\r\n\r\n        margin:\r\n            0\r\n            auto;\r\n\r\n        justify-self: center;\r\n\r\n        text-align: center;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-description {\r\n        margin-right: auto;\r\n        margin-left: auto;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-actions {\r\n        justify-content: center;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-visual {\r\n        justify-content: center;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-image-wrap {\r\n        width:\r\n            min(\r\n                110%,\r\n                660px\r\n            );\r\n\r\n        margin-right: auto;\r\n        margin-left: auto;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stats-wrap {\r\n        bottom: -166px;\r\n\r\n        width:\r\n            calc(\r\n                100% -\r\n                42px\r\n            );\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stats {\r\n        grid-template-columns:\r\n            repeat(\r\n                2,\r\n                minmax(0, 1fr)\r\n            );\r\n\r\n        min-height: 0;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat {\r\n        min-height: 108px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat:nth-child(2)::after {\r\n        display: none;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat:nth-child(-n + 2) {\r\n        border-bottom:\r\n            1px solid rgba(105, 66, 216, 0.12);\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #dx-home-hero .dx-hero-main {\r\n        padding:\r\n            42px\r\n            20px\r\n            190px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-container {\r\n        gap: 24px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-title {\r\n        font-size:\r\n            clamp(\r\n                42px,\r\n                12vw,\r\n                56px\r\n            );\r\n\r\n        line-height:\r\n            1.15;\r\n\r\n        letter-spacing:\r\n            -1px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-subtitle {\r\n        margin-top:\r\n            8px;\r\n\r\n        font-size:\r\n            clamp(\r\n                24px,\r\n                7vw,\r\n                32px\r\n            );\r\n\r\n        line-height:\r\n            1.4;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-description {\r\n        margin-top:\r\n            16px;\r\n\r\n        font-size:\r\n            15px;\r\n\r\n        line-height:\r\n            1.8;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-actions {\r\n        margin-top:\r\n            23px;\r\n\r\n        display:\r\n            grid;\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            10px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-button {\r\n        width:\r\n            100%;\r\n\r\n        min-width:\r\n            0;\r\n\r\n        min-height:\r\n            54px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-image-wrap {\r\n        width:\r\n            calc(\r\n                100% +\r\n                46px\r\n            );\r\n\r\n        margin-right:\r\n            -23px;\r\n\r\n        margin-left:\r\n            -23px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stats-wrap {\r\n        bottom:\r\n            -176px;\r\n\r\n        width:\r\n            calc(\r\n                100% -\r\n                28px\r\n            );\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stats {\r\n        padding:\r\n            13px\r\n            9px;\r\n\r\n        border-radius:\r\n            17px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat {\r\n        min-height:\r\n            112px;\r\n\r\n        flex-direction:\r\n            column;\r\n\r\n        gap:\r\n            7px;\r\n\r\n        padding:\r\n            10px\r\n            6px;\r\n\r\n        text-align:\r\n            center;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat-icon {\r\n        width:\r\n            46px;\r\n\r\n        height:\r\n            46px;\r\n\r\n        flex-basis:\r\n            46px;\r\n\r\n        border-radius:\r\n            12px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat-icon svg {\r\n        width:\r\n            26px;\r\n\r\n        height:\r\n            26px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat-number {\r\n        font-size:\r\n            25px;\r\n    }\r\n\r\n    #dx-home-hero .dx-hero-stat-label {\r\n        margin-top:\r\n            3px;\r\n\r\n        font-size:\r\n            12px;\r\n\r\n        line-height:\r\n            1.45;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n#dx-home-hero a:focus-visible {\r\n    outline:\r\n        2px solid var(--dx-yellow);\r\n\r\n    outline-offset:\r\n        5px;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #dx-home-hero *,\r\n    #dx-home-hero *::before,\r\n    #dx-home-hero *::after {\r\n        animation-duration:\r\n            0.01ms !important;\r\n\r\n        animation-iteration-count:\r\n            1 !important;\r\n\r\n        transition-duration:\r\n            0.01ms !important;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   GOOGLE REVIEWS TRUST BADGE \u2014 HERO\r\n========================================================= *\/\r\n#dx-home-hero .dx-google-rating {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    flex-wrap: wrap;\r\n    justify-content: flex-start;\r\n    gap: 9px;\r\n    max-width: 100%;\r\n    margin: 0 0 23px;\r\n    padding: 10px 16px;\r\n    border: 1px solid rgba(255,255,255,.18);\r\n    border-radius: 100px;\r\n    background: rgba(255,255,255,.065);\r\n    box-shadow: inset 0 1px 0 rgba(255,255,255,.065);\r\n    color: #fff;\r\n    font-size: 13px;\r\n    line-height: 1.5;\r\n    font-weight: 700;\r\n    transition: background .2s ease, border-color .2s ease, transform .2s ease;\r\n}\r\n#dx-home-hero .dx-google-rating:hover {\r\n    background: rgba(255,255,255,.12);\r\n    border-color: rgba(255,196,65,.38);\r\n    transform: translateY(-2px);\r\n}\r\n#dx-home-hero .dx-google-rating-brand { color: #fff; font-weight: 800; letter-spacing: .1px; }\r\n#dx-home-hero .dx-google-rating-score { color: #fff; font-size: 14px; font-weight: 900; }\r\n#dx-home-hero .dx-google-rating-stars { color: #ffc441; white-space: nowrap; font-size: 16px; letter-spacing: 1px; line-height: 1; }\r\n#dx-home-hero .dx-google-rating-count { color: rgba(255,255,255,.73); font-size: 12px; font-weight: 600; }\r\n#dx-home-hero .dx-google-rating-divider { background: rgba(255,255,255,.24); height: 15px; width: 1px; }\r\n@media (max-width: 850px) {\r\n    #dx-home-hero .dx-google-rating { justify-content: center; }\r\n}\r\n@media (max-width: 600px) {\r\n    #dx-home-hero .dx-google-rating {\r\n        gap: 6px 8px;\r\n        padding: 9px 12px;\r\n        margin-bottom: 20px;\r\n        font-size: 12px;\r\n    }\r\n    #dx-home-hero .dx-google-rating-stars { font-size: 14px; }\r\n    #dx-home-hero .dx-google-rating-count { font-size: 11px; }\r\n}\r\n\r\n<\/style>\r\n\r\n<section\r\n    id=\"dx-home-hero\"\r\n    aria-labelledby=\"dx-home-hero-title\"\r\n    dir=\"ltr\"\r\n>\r\n\r\n    <div\r\n        class=\"dx-hero-background\"\r\n        aria-hidden=\"true\"\r\n    >\r\n\r\n        <span\r\n            class=\"dx-hero-glow dx-hero-glow-one\"\r\n        ><\/span>\r\n\r\n        <span\r\n            class=\"dx-hero-glow dx-hero-glow-two\"\r\n        ><\/span>\r\n\r\n        <span\r\n            class=\"dx-hero-line dx-hero-line-one\"\r\n        ><\/span>\r\n\r\n        <span\r\n            class=\"dx-hero-line dx-hero-line-two\"\r\n        ><\/span>\r\n\r\n        <span\r\n            class=\"dx-hero-dots dx-hero-dots-one\"\r\n        ><\/span>\r\n\r\n        <span\r\n            class=\"dx-hero-dots dx-hero-dots-two\"\r\n        ><\/span>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"dx-hero-main\">\r\n\r\n        <div class=\"dx-hero-container\">\r\n\r\n            <!-- CONTENT -->\r\n\r\n            <div class=\"dx-hero-content\">\r\n\r\n                <!-- Google Reviews: values from the supplied portal screenshot (manual, not live) -->\r\n                <a class=\"dx-google-rating\" href=\"https:\/\/share.google\/hKcHFQW7FVppeKpao\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"View D-INDEX reviews on Google: 5 out of 5 based on 20 reviews\">\r\n                    <span class=\"dx-google-rating-brand\">Google<\/span>\r\n                    <span class=\"dx-google-rating-divider\" aria-hidden=\"true\"><\/span>\r\n                    <b class=\"dx-google-rating-score\">5.0<\/b>\r\n                    <span class=\"dx-google-rating-stars\" aria-hidden=\"true\">\u2605\u2605\u2605\u2605\u2605<\/span>\r\n                    <span class=\"dx-google-rating-count\">(20 reviews)<\/span>\r\n                <\/a>\r\n\r\n                <h1\r\n                    id=\"dx-home-hero-title\"\r\n                    class=\"dx-hero-title\"\r\n                >\r\n                    D-INDEX\r\n                <\/h1>\r\n\r\n                <h2 class=\"dx-hero-subtitle\">\r\n                    Your Partner in\r\n                    <strong>Digital Transformation<\/strong>\r\n                <\/h2>\r\n\r\n                <p class=\"dx-hero-description\">\r\n                    We build high-performing websites, mobile apps,\r\n                    e-commerce platforms, and custom digital solutions\r\n                    designed to help businesses grow and compete in a\r\n                    digital-first world.\r\n                <\/p>\r\n\r\n                <div class=\"dx-hero-actions\">\r\n\r\n                    <a\r\n                        href=\"https:\/\/dindex.net\/en\/contact\/\"\r\n                        class=\"dx-hero-button dx-hero-button-primary\"\r\n                    >\r\n                        <span>\r\n                            Get a Free Consultation\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M5 12h14\"><\/path>\r\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                    <a\r\n                        href=\"https:\/\/dindex.net\/en\/web-projects\/\"\r\n                        class=\"dx-hero-button dx-hero-button-secondary\"\r\n                    >\r\n                        <span>\r\n                            Explore Our Work\r\n                        <\/span>\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M8 5v14l11-7z\"><\/path>\r\n                        <\/svg>\r\n\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <!-- IMAGE -->\r\n\r\n            <div class=\"dx-hero-visual\">\r\n\r\n                <div class=\"dx-hero-image-wrap\">\r\n\r\n                    <img fetchpriority=\"high\"\r\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/10\/Neon-Digital-Solutions-Showcase.jpg\"\r\n                        class=\"dx-hero-image\"\r\n                        alt=\"Digital transformation, website development and mobile app solutions\"\r\n                        width=\"1536\"\r\n                        height=\"1024\"\r\n                        decoding=\"async\"\r\n                        fetchpriority=\"high\"\r\n                    >\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <!-- STATISTICS -->\r\n\r\n        <div class=\"dx-hero-stats-wrap\">\r\n\r\n            <div\r\n                class=\"dx-hero-stats\"\r\n                aria-label=\"D-INDEX key statistics\"\r\n            >\r\n\r\n                <!-- PROJECTS -->\r\n\r\n                <div class=\"dx-hero-stat\">\r\n\r\n                    <span\r\n                        class=\"dx-hero-stat-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"M4 7h16v12H4z\"><\/path>\r\n                            <path d=\"M8 7V4h8v3\"><\/path>\r\n                            <path d=\"M9 13h6\"><\/path>\r\n                            <path d=\"M12 10v6\"><\/path>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n\r\n                        <strong class=\"dx-hero-stat-number\">\r\n                            47\r\n                        <\/strong>\r\n\r\n                        <span class=\"dx-hero-stat-label\">\r\n                            Projects Delivered\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- CLIENTS -->\r\n\r\n                <div class=\"dx-hero-stat\">\r\n\r\n                    <span\r\n                        class=\"dx-hero-stat-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <circle\r\n                                cx=\"12\"\r\n                                cy=\"12\"\r\n                                r=\"9\"\r\n                            ><\/circle>\r\n\r\n                            <path d=\"M3 12h18\"><\/path>\r\n\r\n                            <path d=\"M12 3c3 3 3 15 0 18\"><\/path>\r\n\r\n                            <path d=\"M12 3c-3 3-3 15 0 18\"><\/path>\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n\r\n                        <strong class=\"dx-hero-stat-number\">\r\n                            115\r\n                        <\/strong>\r\n\r\n                        <span class=\"dx-hero-stat-label\">\r\n                            Clients Worldwide\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- TEAM -->\r\n\r\n                <div class=\"dx-hero-stat\">\r\n\r\n                    <span\r\n                        class=\"dx-hero-stat-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <circle\r\n                                cx=\"9\"\r\n                                cy=\"8\"\r\n                                r=\"3\"\r\n                            ><\/circle>\r\n\r\n                            <circle\r\n                                cx=\"17\"\r\n                                cy=\"9\"\r\n                                r=\"2.5\"\r\n                            ><\/circle>\r\n\r\n                            <path d=\"M3 20c0-4 2.5-6 6-6s6 2 6 6\"><\/path>\r\n\r\n                            <path d=\"M14 15c3.4-.5 6 1.2 7 4\"><\/path>\r\n\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n\r\n                        <strong class=\"dx-hero-stat-number\">\r\n                            12\r\n                        <\/strong>\r\n\r\n                        <span class=\"dx-hero-stat-label\">\r\n                            Employees\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n                <!-- SATISFACTION -->\r\n\r\n                <div class=\"dx-hero-stat\">\r\n\r\n                    <span\r\n                        class=\"dx-hero-stat-icon\"\r\n                        aria-hidden=\"true\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n\r\n                            <path d=\"M7 10v10H3V10z\"><\/path>\r\n\r\n                            <path d=\"M7 18h10.4a2 2 0 0 0 1.9-1.4l1.4-5A2 2 0 0 0 18.8 9H15l.5-3.2A2.4 2.4 0 0 0 13.1 3L7 10\"><\/path>\r\n\r\n                        <\/svg>\r\n                    <\/span>\r\n\r\n                    <span>\r\n\r\n                        <strong class=\"dx-hero-stat-number\">\r\n                            98%\r\n                        <\/strong>\r\n\r\n                        <span class=\"dx-hero-stat-label\">\r\n                            Client Satisfaction\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    function initDxHomeHero() {\r\n\r\n        const hero =\r\n            document.getElementById(\r\n                \"dx-home-hero\"\r\n            );\r\n\r\n        if (\r\n            !hero ||\r\n            hero.dataset.dxInitialized === \"true\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        hero.dataset.dxInitialized =\r\n            \"true\";\r\n\r\n        const htmlWidget =\r\n            hero.closest(\r\n                \".elementor-widget-html\"\r\n            );\r\n\r\n        if (htmlWidget) {\r\n\r\n            htmlWidget.classList.add(\r\n                \"dx-hero-widget-fullwidth\"\r\n            );\r\n        }\r\n\r\n        const imageWrap =\r\n            hero.querySelector(\r\n                \".dx-hero-image-wrap\"\r\n            );\r\n\r\n        const image =\r\n            hero.querySelector(\r\n                \".dx-hero-image\"\r\n            );\r\n\r\n        const supportsPointer =\r\n            window.matchMedia(\r\n                \"(hover: hover) and (pointer: fine)\"\r\n            ).matches;\r\n\r\n        const reducedMotion =\r\n            window.matchMedia(\r\n                \"(prefers-reduced-motion: reduce)\"\r\n            ).matches;\r\n\r\n        if (\r\n            imageWrap &&\r\n            image &&\r\n            supportsPointer &&\r\n            !reducedMotion\r\n        ) {\r\n\r\n            imageWrap.addEventListener(\r\n                \"mousemove\",\r\n                function (event) {\r\n\r\n                    const rect =\r\n                        imageWrap.getBoundingClientRect();\r\n\r\n                    const x =\r\n                        (\r\n                            event.clientX -\r\n                            rect.left\r\n                        ) \/\r\n                        rect.width;\r\n\r\n                    const y =\r\n                        (\r\n                            event.clientY -\r\n                            rect.top\r\n                        ) \/\r\n                        rect.height;\r\n\r\n                    const rotateY =\r\n                        (x - 0.5) * 2.4;\r\n\r\n                    const rotateX =\r\n                        (0.5 - y) * 2.4;\r\n\r\n                    image.style.animation =\r\n                        \"none\";\r\n\r\n                    image.style.transform =\r\n                        \"perspective(1200px) \" +\r\n                        \"rotateX(\" +\r\n                        rotateX +\r\n                        \"deg) \" +\r\n                        \"rotateY(\" +\r\n                        rotateY +\r\n                        \"deg) \" +\r\n                        \"translateY(-7px)\";\r\n                }\r\n            );\r\n\r\n            imageWrap.addEventListener(\r\n                \"mouseleave\",\r\n                function () {\r\n\r\n                    image.style.transform =\r\n                        \"\";\r\n\r\n                    image.style.animation =\r\n                        \"\";\r\n                }\r\n            );\r\n        }\r\n    }\r\n\r\n    if (\r\n        document.readyState === \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initDxHomeHero\r\n        );\r\n\r\n    } else {\r\n\r\n        initDxHomeHero();\r\n\r\n    }\r\n})();\r\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-1b5ee55 e-con-full e-flex e-con e-parent\" data-id=\"1b5ee55\" 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-601d8d6 elementor-widget elementor-widget-html\" data-id=\"601d8d6\" 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     D-INDEX \u2014 HOME ABOUT SECTION\n     Author: Mohamed El-Sehemy\n     English LTR Version\n     Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   HERO STATS OVERLAP\n========================================================= *\/\n\n#dx-home-hero {\n    position: relative;\n    z-index: 5;\n}\n\n#dx-home-hero .dx-hero-stats-wrap {\n    z-index: 50 !important;\n}\n\n.elementor-widget-html:has(#dx-home-hero),\n.elementor-widget-html:has(#dx-home-hero) > .elementor-widget-container {\n    position: relative;\n    z-index: 5;\n    overflow: visible !important;\n}\n\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-home-about),\n.elementor-widget-html:has(#dx-home-about) > .elementor-widget-container,\n.dx-about-widget-fullwidth,\n.dx-about-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 AND VARIABLES\n========================================================= *\/\n\n#dx-home-about,\n#dx-home-about *,\n#dx-home-about *::before,\n#dx-home-about *::after {\n    box-sizing: border-box;\n}\n\n#dx-home-about {\n    --dx-about-purple: #6942d8;\n    --dx-about-purple-dark: #291264;\n    --dx-about-purple-light: #8d64ef;\n    --dx-about-yellow: #ffc441;\n    --dx-about-dark: #13092d;\n    --dx-about-text: #5f596d;\n    --dx-about-muted: #777181;\n    --dx-about-white: #ffffff;\n\n    position: relative;\n    z-index: 1;\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-about-dark);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    background:\n        radial-gradient(\n            circle at 12% 15%,\n            rgba(105, 66, 216, 0.065),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 92% 78%,\n            rgba(141, 100, 239, 0.055),\n            transparent 25%\n        ),\n        #ffffff;\n}\n\n#dx-home-about a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================================================\n   DECORATIVE ELEMENTS\n========================================================= *\/\n\n#dx-home-about .dx-about-pattern {\n    position: absolute;\n    z-index: -2;\n\n    width: 112px;\n    height: 112px;\n\n    opacity: 0.42;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-about-purple) 2px,\n            transparent 2.6px\n        );\n\n    background-size: 16px 16px;\n\n    pointer-events: none;\n}\n\n#dx-home-about .dx-about-pattern-two {\n    right: 3%;\n    bottom: 66px;\n}\n\n#dx-home-about .dx-about-orbit {\n    position: absolute;\n    z-index: -2;\n\n    border:\n        1px solid rgba(105, 66, 216, 0.12);\n\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-home-about .dx-about-orbit-one {\n    left: -160px;\n    bottom: -170px;\n\n    width: 390px;\n    height: 390px;\n}\n\n#dx-home-about .dx-about-orbit-two {\n    top: -180px;\n    right: -150px;\n\n    width: 330px;\n    height: 330px;\n}\n\n\/* =========================================================\n   MAIN SECTION\n========================================================= *\/\n\n#dx-home-about .dx-about-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        145px\n        clamp(26px, 5vw, 90px)\n        90px;\n}\n\n#dx-home-about .dx-about-container {\n    width:\n        min(\n            1420px,\n            100%\n        );\n\n    margin:\n        0 auto;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        minmax(440px, 1.02fr)\n        minmax(430px, 0.98fr);\n\n    align-items:\n        center;\n\n    gap:\n        clamp(\n            55px,\n            7vw,\n            105px\n        );\n}\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n#dx-home-about .dx-about-content {\n    position: relative;\n    z-index: 5;\n\n    max-width: 680px;\n\n    justify-self: start;\n\n    text-align: left;\n}\n\n#dx-home-about .dx-about-eyebrow {\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        10px;\n\n    margin-bottom:\n        12px;\n\n    color:\n        var(--dx-about-purple);\n\n    font-size:\n        14px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1.6;\n}\n\n#dx-home-about .dx-about-eyebrow::before {\n    content: \"\";\n\n    width:\n        36px;\n\n    height:\n        2px;\n\n    border-radius:\n        999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-about-yellow),\n            var(--dx-about-purple-light)\n        );\n}\n\n#dx-home-about .dx-about-title {\n    max-width:\n        630px;\n\n    margin:\n        0;\n\n    color:\n        var(--dx-about-dark);\n\n    font-size:\n        clamp(\n            35px,\n            3.5vw,\n            54px\n        );\n\n    font-weight:\n        900;\n\n    line-height:\n        1.25;\n\n    letter-spacing:\n        -1px;\n\n    text-wrap:\n        balance;\n}\n\n#dx-home-about .dx-about-title strong {\n    color:\n        var(--dx-about-purple);\n\n    font-weight:\n        900;\n}\n\n#dx-home-about .dx-about-description {\n    max-width:\n        630px;\n\n    margin:\n        20px\n        0\n        0;\n\n    color:\n        var(--dx-about-text);\n\n    font-size:\n        clamp(\n            15px,\n            1.12vw,\n            17px\n        );\n\n    font-weight:\n        400;\n\n    line-height:\n        1.85;\n\n    text-wrap:\n        pretty;\n}\n\n\/* =========================================================\n   FEATURES\n========================================================= *\/\n\n#dx-home-about .dx-about-features {\n    width:\n        100%;\n\n    margin-top:\n        32px;\n\n    display:\n        grid;\n\n    grid-template-columns:\n        repeat(\n            4,\n            minmax(0, 1fr)\n        );\n\n    gap:\n        14px;\n}\n\n#dx-home-about .dx-about-feature {\n    min-width:\n        0;\n\n    display:\n        flex;\n\n    flex-direction:\n        column;\n\n    align-items:\n        flex-start;\n\n    padding:\n        4px\n        0;\n\n    text-align:\n        left;\n}\n\n#dx-home-about .dx-about-feature-icon {\n    width:\n        47px;\n\n    height:\n        47px;\n\n    flex:\n        0 0 47px;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    margin-bottom:\n        12px;\n\n    border:\n        1px solid rgba(105, 66, 216, 0.14);\n\n    border-radius:\n        14px;\n\n    color:\n        var(--dx-about-purple);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(105, 66, 216, 0.09),\n            rgba(141, 100, 239, 0.035)\n        );\n\n    box-shadow:\n        0 10px 22px rgba(105, 66, 216, 0.08);\n\n    transition:\n        color 0.25s ease,\n        transform 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-home-about .dx-about-feature:hover\n    .dx-about-feature-icon {\n    color:\n        var(--dx-about-white);\n\n    background:\n        linear-gradient(\n            145deg,\n            var(--dx-about-purple),\n            var(--dx-about-purple-light)\n        );\n\n    box-shadow:\n        0 14px 30px rgba(105, 66, 216, 0.22);\n\n    transform:\n        translateY(-4px);\n}\n\n#dx-home-about .dx-about-feature-icon svg {\n    width:\n        24px;\n\n    height:\n        24px;\n\n    fill:\n        none;\n\n    stroke:\n        currentColor;\n\n    stroke-width:\n        1.75;\n\n    stroke-linecap:\n        round;\n\n    stroke-linejoin:\n        round;\n}\n\n#dx-home-about .dx-about-feature-title {\n    display:\n        block;\n\n    margin:\n        0;\n\n    color:\n        var(--dx-about-dark);\n\n    font-size:\n        14px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1.55;\n}\n\n#dx-home-about .dx-about-feature-text {\n    display:\n        block;\n\n    margin-top:\n        5px;\n\n    color:\n        var(--dx-about-muted);\n\n    font-size:\n        12px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.6;\n}\n\n\/* =========================================================\n   CTA\n========================================================= *\/\n\n#dx-home-about .dx-about-actions {\n    margin-top:\n        31px;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        flex-start;\n}\n\n#dx-home-about .dx-about-button {\n    position:\n        relative;\n\n    isolation:\n        isolate;\n\n    min-width:\n        160px;\n\n    min-height:\n        50px;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        9px;\n\n    padding:\n        0\n        22px;\n\n    overflow:\n        hidden;\n\n    border:\n        1px solid rgba(105, 66, 216, 0.12);\n\n    border-radius:\n        10px;\n\n    color:\n        var(--dx-about-white);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-about-purple),\n            var(--dx-about-purple-light)\n        );\n\n    box-shadow:\n        0 12px 28px rgba(105, 66, 216, 0.24),\n        inset 0 1px 0 rgba(255, 255, 255, 0.18);\n\n    font-size:\n        14px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1;\n\n    white-space:\n        nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-home-about .dx-about-button::before {\n    content: \"\";\n\n    position:\n        absolute;\n\n    z-index:\n        -1;\n\n    top:\n        0;\n\n    left:\n        -110%;\n\n    width:\n        75%;\n\n    height:\n        100%;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255, 255, 255, 0.25),\n            transparent\n        );\n\n    transform:\n        skewX(-20deg);\n\n    transition:\n        left 0.55s ease;\n}\n\n#dx-home-about .dx-about-button:hover::before {\n    left:\n        135%;\n}\n\n#dx-home-about .dx-about-button:hover,\n#dx-home-about .dx-about-button:focus-visible {\n    transform:\n        translateY(-3px);\n\n    box-shadow:\n        0 17px 35px rgba(105, 66, 216, 0.34),\n        inset 0 1px 0 rgba(255, 255, 255, 0.18);\n}\n\n#dx-home-about .dx-about-button svg {\n    width:\n        17px;\n\n    height:\n        17px;\n\n    fill:\n        none;\n\n    stroke:\n        currentColor;\n\n    stroke-width:\n        1.9;\n\n    stroke-linecap:\n        round;\n\n    stroke-linejoin:\n        round;\n}\n\n\/* =========================================================\n   IMAGE\n========================================================= *\/\n\n#dx-home-about .dx-about-visual {\n    position:\n        relative;\n\n    width:\n        100%;\n\n    min-width:\n        0;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        flex-end;\n}\n\n#dx-home-about .dx-about-image-frame {\n    position:\n        relative;\n\n    isolation:\n        isolate;\n\n    width:\n        min(\n            100%,\n            665px\n        );\n\n    padding:\n        12px;\n}\n\n#dx-home-about .dx-about-image-frame::before {\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    z-index:\n        -2;\n\n    top:\n        4%;\n\n    left:\n        4%;\n\n    width:\n        92%;\n\n    height:\n        92%;\n\n    border-radius:\n        30px;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(105, 66, 216, 0.18),\n            rgba(255, 196, 65, 0.08)\n        );\n\n    transform:\n        rotate(-2.5deg)\n        translate(-9px, 8px);\n}\n\n#dx-home-about .dx-about-image-frame::after {\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    z-index:\n        -3;\n\n    left:\n        10%;\n\n    bottom:\n        -8%;\n\n    width:\n        75%;\n\n    height:\n        28%;\n\n    border-radius:\n        50%;\n\n    background:\n        rgba(105, 66, 216, 0.17);\n\n    filter:\n        blur(40px);\n}\n\n#dx-home-about .dx-about-image {\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    display:\n        block;\n\n    width:\n        100%;\n\n    aspect-ratio:\n        1.42 \/ 1;\n\n    object-fit:\n        cover;\n\n    object-position:\n        center;\n\n    border:\n        1px solid rgba(105, 66, 216, 0.12);\n\n    border-radius:\n        25px;\n\n    background:\n        linear-gradient(\n            135deg,\n            #1c0a4a,\n            #5b2fa6\n        );\n\n    box-shadow:\n        0 28px 55px rgba(30, 9, 76, 0.18);\n\n    transition:\n        transform 0.5s ease,\n        box-shadow 0.5s ease;\n}\n\n#dx-home-about .dx-about-image-frame:hover\n    .dx-about-image {\n    transform:\n        translateY(-5px)\n        scale(1.012);\n\n    box-shadow:\n        0 35px 65px rgba(30, 9, 76, 0.24);\n}\n\n#dx-home-about .dx-about-yellow-ring {\n    position:\n        absolute;\n\n    z-index:\n        5;\n\n    top:\n        -2px;\n\n    right:\n        -3px;\n\n    width:\n        70px;\n\n    height:\n        70px;\n\n    border:\n        12px solid var(--dx-about-yellow);\n\n    border-left-color:\n        transparent;\n\n    border-bottom-color:\n        transparent;\n\n    border-radius:\n        50%;\n\n    filter:\n        drop-shadow(\n            0 8px 12px rgba(255, 196, 65, 0.24)\n        );\n\n    transform:\n        rotate(12deg);\n\n    pointer-events:\n        none;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    #dx-home-about .dx-about-main {\n        padding-top:\n            158px;\n    }\n\n    #dx-home-about .dx-about-container {\n        grid-template-columns:\n            minmax(400px, 1fr)\n            minmax(390px, 1fr);\n\n        gap:\n            45px;\n    }\n\n    #dx-home-about .dx-about-features {\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            22px\n            18px;\n    }\n\n    #dx-home-about .dx-about-feature {\n        flex-direction:\n            row;\n\n        align-items:\n            flex-start;\n\n        gap:\n            11px;\n    }\n\n    #dx-home-about .dx-about-feature-icon {\n        margin-bottom:\n            0;\n    }\n}\n\n\/* =========================================================\n   SMALL TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    #dx-home-about .dx-about-main {\n        padding:\n            215px\n            28px\n            75px;\n    }\n\n    #dx-home-about .dx-about-container {\n        grid-template-columns:\n            1fr;\n\n        gap:\n            52px;\n    }\n\n    #dx-home-about .dx-about-content {\n        max-width:\n            720px;\n\n        margin:\n            0 auto;\n\n        justify-self:\n            center;\n\n        text-align:\n            center;\n    }\n\n    #dx-home-about .dx-about-eyebrow {\n        justify-content:\n            center;\n    }\n\n    #dx-home-about .dx-about-title,\n    #dx-home-about .dx-about-description {\n        margin-right:\n            auto;\n\n        margin-left:\n            auto;\n    }\n\n    #dx-home-about .dx-about-features {\n        max-width:\n            670px;\n\n        margin-right:\n            auto;\n\n        margin-left:\n            auto;\n    }\n\n    #dx-home-about .dx-about-feature {\n        text-align:\n            left;\n    }\n\n    #dx-home-about .dx-about-actions {\n        justify-content:\n            center;\n    }\n\n    #dx-home-about .dx-about-visual {\n        grid-row:\n            2;\n\n        justify-content:\n            center;\n    }\n\n    #dx-home-about .dx-about-image-frame {\n        width:\n            min(\n                100%,\n                680px\n            );\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    #dx-home-about .dx-about-main {\n        padding:\n            218px\n            20px\n            65px;\n    }\n\n    #dx-home-about .dx-about-container {\n        gap:\n            40px;\n    }\n\n    #dx-home-about .dx-about-eyebrow {\n        font-size:\n            13px;\n    }\n\n    #dx-home-about .dx-about-title {\n        font-size:\n            clamp(\n                29px,\n                8.2vw,\n                39px\n            );\n\n        line-height:\n            1.35;\n    }\n\n    #dx-home-about .dx-about-description {\n        margin-top:\n            15px;\n\n        font-size:\n            15px;\n\n        line-height:\n            1.8;\n    }\n\n    #dx-home-about .dx-about-features {\n        margin-top:\n            27px;\n\n        grid-template-columns:\n            repeat(\n                2,\n                minmax(0, 1fr)\n            );\n\n        gap:\n            20px\n            13px;\n    }\n\n    #dx-home-about .dx-about-feature {\n        min-width:\n            0;\n\n        flex-direction:\n            column;\n\n        align-items:\n            center;\n\n        gap:\n            0;\n\n        text-align:\n            center;\n    }\n\n    #dx-home-about .dx-about-feature-icon {\n        width:\n            44px;\n\n        height:\n            44px;\n\n        flex-basis:\n            44px;\n\n        margin-bottom:\n            9px;\n\n        border-radius:\n            12px;\n    }\n\n    #dx-home-about .dx-about-feature-icon svg {\n        width:\n            22px;\n\n        height:\n            22px;\n    }\n\n    #dx-home-about .dx-about-feature-title {\n        font-size:\n            13px;\n    }\n\n    #dx-home-about .dx-about-feature-text {\n        font-size:\n            11px;\n\n        line-height:\n            1.55;\n    }\n\n    #dx-home-about .dx-about-actions {\n        margin-top:\n            27px;\n    }\n\n    #dx-home-about .dx-about-button {\n        width:\n            100%;\n\n        min-height:\n            52px;\n    }\n\n    #dx-home-about .dx-about-image-frame {\n        padding:\n            7px;\n    }\n\n    #dx-home-about .dx-about-image {\n        aspect-ratio:\n            1.16 \/ 1;\n\n        border-radius:\n            19px;\n    }\n\n    #dx-home-about .dx-about-image-frame::before {\n        border-radius:\n            22px;\n    }\n\n    #dx-home-about .dx-about-yellow-ring {\n        width:\n            52px;\n\n        height:\n            52px;\n\n        border-width:\n            9px;\n    }\n}\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    #dx-home-about .dx-about-main {\n        padding-right:\n            16px;\n\n        padding-left:\n            16px;\n    }\n\n    #dx-home-about .dx-about-features {\n        gap:\n            18px\n            10px;\n    }\n\n    #dx-home-about .dx-about-feature-title {\n        font-size:\n            12px;\n    }\n\n    #dx-home-about .dx-about-feature-text {\n        font-size:\n            10px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-home-about a:focus-visible {\n    outline:\n        2px solid var(--dx-about-yellow);\n\n    outline-offset:\n        5px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    #dx-home-about *,\n    #dx-home-about *::before,\n    #dx-home-about *::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-about\"\n    aria-labelledby=\"dx-about-title\"\n    dir=\"ltr\"\n>\n\n    <span\n        class=\"dx-about-pattern dx-about-pattern-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-about-orbit dx-about-orbit-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-about-orbit dx-about-orbit-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-about-main\">\n\n        <div class=\"dx-about-container\">\n\n            <!-- CONTENT -->\n\n            <div class=\"dx-about-content\">\n\n                <span class=\"dx-about-eyebrow\">\n                    About D-INDEX\n                <\/span>\n\n                <h2\n                    id=\"dx-about-title\"\n                    class=\"dx-about-title\"\n                >\n                    Digital Solutions Built to\n                    <strong>Move Your Business Forward<\/strong>\n                <\/h2>\n\n                <p class=\"dx-about-description\">\n                    We turn business ideas into reliable digital products\n                    through website development, mobile applications,\n                    e-commerce solutions, and custom software built around\n                    real business needs.\n                <\/p>\n\n                <div class=\"dx-about-features\">\n\n                    <!-- SPECIALIZED TEAM -->\n\n                    <article class=\"dx-about-feature\">\n\n                        <span\n                            class=\"dx-about-feature-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\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r=\"4\"\n                                ><\/circle>\n\n                                <path d=\"m5.6 5.6 2.1 2.1\"><\/path>\n                                <path d=\"m16.3 16.3 2.1 2.1\"><\/path>\n                                <path d=\"m18.4 5.6-2.1 2.1\"><\/path>\n                                <path d=\"m7.7 16.3-2.1 2.1\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n\n                            <strong class=\"dx-about-feature-title\">\n                                Specialized Team\n                            <\/strong>\n\n                            <span class=\"dx-about-feature-text\">\n                                Expertise across digital disciplines\n                            <\/span>\n\n                        <\/span>\n\n                    <\/article>\n\n                    <!-- EXPERIENCE -->\n\n                    <article class=\"dx-about-feature\">\n\n                        <span\n                            class=\"dx-about-feature-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M9 18h6\"><\/path>\n                                <path d=\"M10 22h4\"><\/path>\n                                <path d=\"M8.5 14.5C6.9 13.4 6 11.5 6 9.5a6 6 0 1 1 12 0c0 2-.9 3.9-2.5 5\"><\/path>\n                                <path d=\"M9 15h6v3H9z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n\n                            <strong class=\"dx-about-feature-title\">\n                                Proven Experience\n                            <\/strong>\n\n                            <span class=\"dx-about-feature-text\">\n                                Successful projects across the region\n                            <\/span>\n\n                        <\/span>\n\n                    <\/article>\n\n                    <!-- SUPPORT -->\n\n                    <article class=\"dx-about-feature\">\n\n                        <span\n                            class=\"dx-about-feature-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M12 21s7-4 7-10V5l-7-3-7 3v6c0 6 7 10 7 10z\"><\/path>\n                                <path d=\"m9 11 2 2 4-4\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n\n                            <strong class=\"dx-about-feature-title\">\n                                Ongoing Support\n                            <\/strong>\n\n                            <span class=\"dx-about-feature-text\">\n                                Guidance throughout every stage\n                            <\/span>\n\n                        <\/span>\n\n                    <\/article>\n\n                    <!-- INNOVATION -->\n\n                    <article class=\"dx-about-feature\">\n\n                        <span\n                            class=\"dx-about-feature-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.9 4.9l2.8 2.8\"><\/path>\n                                <path d=\"M16.3 16.3l2.8 2.8\"><\/path>\n                                <path d=\"M2 12h4\"><\/path>\n                                <path d=\"M18 12h4\"><\/path>\n                                <path d=\"M4.9 19.1l2.8-2.8\"><\/path>\n                                <path d=\"M16.3 7.7l2.8-2.8\"><\/path>\n\n                                <circle\n                                    cx=\"12\"\n                                    cy=\"12\"\n                                    r=\"4\"\n                                ><\/circle>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n\n                            <strong class=\"dx-about-feature-title\">\n                                Modern Solutions\n                            <\/strong>\n\n                            <span class=\"dx-about-feature-text\">\n                                Built with current technologies\n                            <\/span>\n\n                        <\/span>\n\n                    <\/article>\n\n                <\/div>\n\n                <div class=\"dx-about-actions\">\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/about\/\"\n                        class=\"dx-about-button\"\n                    >\n                        <span>\n                            Learn More About Us\n                        <\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- IMAGE -->\n\n            <div class=\"dx-about-visual\">\n\n                <div class=\"dx-about-image-frame\">\n\n                    <span\n                        class=\"dx-about-yellow-ring\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    <img loading=\"lazy\"\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/07\/about.jpg\"\n                        class=\"dx-about-image\"\n                        alt=\"D-INDEX digital solutions and software development team\"\n                        width=\"1536\"\n                        height=\"1024\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\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 initDxHomeAbout() {\n\n        const aboutSection =\n            document.getElementById(\n                \"dx-home-about\"\n            );\n\n        if (\n            !aboutSection ||\n            aboutSection.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        aboutSection.dataset.dxInitialized =\n            \"true\";\n\n        const htmlWidget =\n            aboutSection.closest(\n                \".elementor-widget-html\"\n            );\n\n        if (htmlWidget) {\n\n            htmlWidget.classList.add(\n                \"dx-about-widget-fullwidth\"\n            );\n        }\n\n        const hero =\n            document.getElementById(\n                \"dx-home-hero\"\n            );\n\n        if (hero) {\n\n            const heroWidget =\n                hero.closest(\n                    \".elementor-widget-html\"\n                );\n\n            if (heroWidget) {\n\n                heroWidget.style.position =\n                    \"relative\";\n\n                heroWidget.style.zIndex =\n                    \"5\";\n\n                heroWidget.style.overflow =\n                    \"visible\";\n            }\n        }\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxHomeAbout\n        );\n\n    } else {\n\n        initDxHomeAbout();\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-3e272ff e-con-full e-flex e-con e-parent\" data-id=\"3e272ff\" 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-18c514a elementor-widget elementor-widget-html\" data-id=\"18c514a\" 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 SERVICES SECTION\n     Author: Mohamed El-Sehemy\n     English LTR Version\n     UPDATED: Social Media Management\n========================================================== -->\n\n<style>\n.elementor-widget-html:has(#dx-home-services),\n.elementor-widget-html:has(#dx-home-services) > .elementor-widget-container,\n.dx-services-widget-fullwidth,\n.dx-services-widget-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-home-services,\n#dx-home-services *,\n#dx-home-services *::before,\n#dx-home-services *::after {\n    box-sizing: border-box;\n}\n\n#dx-home-services {\n    --dx-services-dark: #08001f;\n    --dx-services-dark-2: #110331;\n    --dx-services-purple: #6942d8;\n    --dx-services-purple-light: #9268f2;\n    --dx-services-yellow: #ffc441;\n    --dx-services-white: #ffffff;\n    --dx-services-text: rgba(255, 255, 255, 0.76);\n    --dx-services-border: rgba(146, 104, 242, 0.48);\n    --dx-services-border-hover: rgba(176, 141, 255, 0.92);\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-services-white);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    background:\n        radial-gradient(\n            circle at 50% 20%,\n            rgba(105, 66, 216, 0.19),\n            transparent 31%\n        ),\n        radial-gradient(\n            circle at 0% 100%,\n            rgba(105, 66, 216, 0.18),\n            transparent 29%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-services-dark-2),\n            var(--dx-services-dark)\n        );\n}\n\n#dx-home-services a {\n    color: inherit;\n    text-decoration: none;\n}\n\n#dx-home-services .dx-services-main {\n    width: 100%;\n\n    padding:\n        92px\n        clamp(24px, 5vw, 90px)\n        75px;\n}\n\n#dx-home-services .dx-services-container {\n    width: min(1480px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#dx-home-services .dx-services-header {\n    max-width: 780px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n#dx-home-services .dx-services-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 12px;\n\n    color: var(--dx-services-yellow);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.5;\n}\n\n#dx-home-services .dx-services-eyebrow::before,\n#dx-home-services .dx-services-eyebrow::after {\n    content: \"\";\n\n    width: 32px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-services-yellow),\n            var(--dx-services-purple-light)\n        );\n}\n\n#dx-home-services .dx-services-title {\n    margin: 0;\n\n    color: var(--dx-services-white);\n\n    font-size: clamp(35px, 3.7vw, 56px);\n    font-weight: 900;\n    line-height: 1.22;\n    letter-spacing: -1px;\n}\n\n#dx-home-services .dx-services-description {\n    max-width: 680px;\n\n    margin: 16px auto 0;\n\n    color: var(--dx-services-text);\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.8;\n}\n\n\/* =========================================================\n   GRID\n========================================================= *\/\n\n#dx-home-services .dx-services-grid {\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(3, minmax(0, 1fr));\n\n    gap: 20px;\n}\n\n\/* =========================================================\n   CARD\n========================================================= *\/\n\n#dx-home-services .dx-service-card {\n    position: relative;\n\n    min-width: 0;\n    min-height: 350px;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    padding:\n        34px\n        28px\n        27px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--dx-services-border);\n    border-radius: 19px;\n\n    background:\n        linear-gradient(\n            160deg,\n            rgba(255, 255, 255, 0.058),\n            rgba(255, 255, 255, 0.022)\n        );\n\n    text-align: center;\n\n    transition:\n        transform 0.32s ease,\n        border-color 0.32s ease,\n        background 0.32s ease,\n        box-shadow 0.32s ease;\n}\n\n#dx-home-services .dx-service-card:hover,\n#dx-home-services .dx-service-card:focus-within {\n    border-color: var(--dx-services-border-hover);\n\n    background:\n        linear-gradient(\n            145deg,\n            var(--dx-services-purple-light),\n            var(--dx-services-purple)\n        );\n\n    box-shadow:\n        0 25px 52px rgba(105, 66, 216, 0.38);\n\n    transform: translateY(-10px);\n}\n\n\/* =========================================================\n   ICON\n========================================================= *\/\n\n#dx-home-services .dx-service-icon {\n    width: 70px;\n    height: 70px;\n    flex: 0 0 70px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 25px;\n\n    border: 1px solid rgba(146, 104, 242, 0.52);\n    border-radius: 19px;\n\n    color: var(--dx-services-purple-light);\n\n    background: rgba(105, 66, 216, 0.10);\n\n    transition:\n        color 0.25s ease,\n        background 0.25s ease,\n        transform 0.25s ease;\n}\n\n#dx-home-services .dx-service-card:hover .dx-service-icon,\n#dx-home-services .dx-service-card:focus-within .dx-service-icon {\n    color: #ffffff;\n\n    background: rgba(255, 255, 255, 0.14);\n\n    transform:\n        translateY(-5px)\n        rotate(3deg);\n}\n\n#dx-home-services .dx-service-icon svg {\n    width: 35px;\n    height: 35px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.65;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   CARD CONTENT\n========================================================= *\/\n\n#dx-home-services .dx-service-card-title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: 20px;\n    font-weight: 800;\n    line-height: 1.45;\n}\n\n#dx-home-services .dx-service-card-description {\n    margin: 14px 0 0;\n\n    color: var(--dx-services-text);\n\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.8;\n}\n\n#dx-home-services .dx-service-link {\n    margin-top: auto;\n\n    padding-top: 25px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n\n    color: var(--dx-services-purple-light);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.4;\n\n    transition:\n        color 0.25s ease,\n        transform 0.25s ease;\n}\n\n#dx-home-services .dx-service-card:hover .dx-service-link,\n#dx-home-services .dx-service-card:focus-within .dx-service-link {\n    color: #ffffff;\n}\n\n#dx-home-services .dx-service-link:hover {\n    transform: translateX(3px);\n}\n\n#dx-home-services .dx-service-link svg {\n    width: 16px;\n    height: 16px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   MAIN CTA\n========================================================= *\/\n\n#dx-home-services .dx-services-actions {\n    margin-top: 44px;\n\n    display: flex;\n    justify-content: center;\n}\n\n#dx-home-services .dx-services-button {\n    min-width: 175px;\n    min-height: 52px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    padding: 0 23px;\n\n    border: 1px solid rgba(146, 104, 242, 0.52);\n    border-radius: 11px;\n\n    color: #ffffff;\n\n    background: rgba(255, 255, 255, 0.055);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1;\n\n    transition:\n        background 0.25s ease,\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-home-services .dx-services-button:hover,\n#dx-home-services .dx-services-button:focus-visible {\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-services-purple),\n            var(--dx-services-purple-light)\n        );\n\n    box-shadow:\n        0 15px 32px rgba(105, 66, 216, 0.28);\n\n    transform: translateY(-3px);\n}\n\n#dx-home-services .dx-services-button svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1050px) {\n\n    #dx-home-services .dx-services-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    #dx-home-services .dx-services-main {\n        padding:\n            64px\n            20px\n            58px;\n    }\n\n    #dx-home-services .dx-services-eyebrow {\n        font-size: 13px;\n    }\n\n    #dx-home-services .dx-services-title {\n        font-size:\n            clamp(\n                29px,\n                9vw,\n                40px\n            );\n\n        line-height: 1.3;\n    }\n\n    #dx-home-services .dx-services-description {\n        font-size: 15px;\n        line-height: 1.75;\n    }\n\n    #dx-home-services .dx-services-grid {\n        grid-template-columns: 1fr;\n\n        gap: 15px;\n    }\n\n    #dx-home-services .dx-service-card {\n        min-height: 0;\n\n        padding:\n            27px\n            22px\n            23px;\n    }\n\n    #dx-home-services .dx-service-card-title {\n        font-size: 19px;\n    }\n\n    #dx-home-services .dx-service-card-description {\n        font-size: 14px;\n    }\n\n    #dx-home-services .dx-services-button {\n        width: 100%;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-home-services a:focus-visible {\n    outline:\n        2px solid var(--dx-services-yellow);\n\n    outline-offset:\n        5px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    #dx-home-services *,\n    #dx-home-services *::before,\n    #dx-home-services *::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-services\"\n    aria-labelledby=\"dx-home-services-title\"\n    dir=\"ltr\"\n>\n\n    <div class=\"dx-services-main\">\n\n        <div class=\"dx-services-container\">\n\n            <header class=\"dx-services-header\">\n\n                <span class=\"dx-services-eyebrow\">\n                    Our Digital Services\n                <\/span>\n\n                <h2\n                    id=\"dx-home-services-title\"\n                    class=\"dx-services-title\"\n                >\n                    Digital Solutions Built Around Your Business\n                <\/h2>\n\n                <p class=\"dx-services-description\">\n                    From websites and mobile apps to e-commerce,\n                    digital transformation, branding, and social media,\n                    we deliver practical digital solutions designed to\n                    support growth and strengthen your online presence.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-services-grid\">\n\n                <!-- =================================================\n                     LMS\n                ================================================== -->\n\n                <article class=\"dx-service-card\">\n\n                    <span\n                        class=\"dx-service-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m3 9 9-5 9 5-9 5-9-5z\"><\/path>\n                            <path d=\"M7 12v5c3 2 7 2 10 0v-5\"><\/path>\n                            <path d=\"M21 9v6\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-service-card-title\">\n                        Learning Management Systems\n                    <\/h3>\n\n                    <p class=\"dx-service-card-description\">\n                        User-friendly learning platforms built to manage\n                        courses, educational content, instructors,\n                        and learners from one centralized system.\n                    <\/p>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/lms\/\"\n                        class=\"dx-service-link\"\n                    >\n                        <span>Explore Service<\/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                <\/article>\n\n                <!-- =================================================\n                     BRAND IDENTITY\n                ================================================== -->\n\n                <article class=\"dx-service-card\">\n\n                    <span\n                        class=\"dx-service-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 3c-5 0-9 4-9 9 0 3 2 5 5 5h1c1 0 2 1 2 2s1 2 2 2c5 0 8-4 8-9 0-5-4-9-9-9z\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-service-card-title\">\n                        Visual & Brand Identity Design\n                    <\/h3>\n\n                    <p class=\"dx-service-card-description\">\n                        Distinctive visual identities that communicate\n                        your brand clearly and create a consistent,\n                        professional presence across digital channels.\n                    <\/p>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/visual-and-brand-identity-design\/\"\n                        class=\"dx-service-link\"\n                    >\n                        <span>Explore Service<\/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                <\/article>\n\n                <!-- =================================================\n                     WEBSITE DESIGN\n                ================================================== -->\n\n                <article class=\"dx-service-card\">\n\n                    <span\n                        class=\"dx-service-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect\n                                x=\"3\"\n                                y=\"4\"\n                                width=\"18\"\n                                height=\"16\"\n                                rx=\"2\"\n                            ><\/rect>\n\n                            <path d=\"M3 8h18\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-service-card-title\">\n                        Website Design & Development\n                    <\/h3>\n\n                    <p class=\"dx-service-card-description\">\n                        Fast, responsive, and search-friendly websites\n                        designed to deliver a strong user experience and\n                        support your business goals.\n                    <\/p>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/website-design-and-development\/\"\n                        class=\"dx-service-link\"\n                    >\n                        <span>Explore Service<\/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                <\/article>\n\n                <!-- =================================================\n                     DIGITAL TRANSFORMATION\n                ================================================== -->\n\n                <article class=\"dx-service-card\">\n\n                    <span\n                        class=\"dx-service-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M7 18a4 4 0 0 1 .5-8A6 6 0 0 1 19 12a3 3 0 0 1-1 6H7z\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-service-card-title\">\n                        Smart Digital Transformation\n                    <\/h3>\n\n                    <p class=\"dx-service-card-description\">\n                        Integrated digital systems, automation, and\n                        technology solutions that improve efficiency\n                        and help businesses scale smarter.\n                    <\/p>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/smart-digital-transformation\/\"\n                        class=\"dx-service-link\"\n                    >\n                        <span>Explore Service<\/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                <\/article>\n\n                <!-- =================================================\n                     MOBILE APPS\n                ================================================== -->\n\n                <article class=\"dx-service-card\">\n\n                    <span\n                        class=\"dx-service-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect\n                                x=\"7\"\n                                y=\"2\"\n                                width=\"10\"\n                                height=\"20\"\n                                rx=\"2\"\n                            ><\/rect>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-service-card-title\">\n                        Mobile App Design & Development\n                    <\/h3>\n\n                    <p class=\"dx-service-card-description\">\n                        Professional iOS and Android applications built\n                        around usability, performance, scalability,\n                        and a smooth customer experience.\n                    <\/p>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/app-design-development\/\"\n                        class=\"dx-service-link\"\n                    >\n                        <span>Explore Service<\/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                <\/article>\n\n                <!-- =================================================\n                     SOCIAL MEDIA\n                ================================================== -->\n\n                <article class=\"dx-service-card\">\n\n                    <span\n                        class=\"dx-service-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n\n                            <rect\n                                x=\"3\"\n                                y=\"3\"\n                                width=\"18\"\n                                height=\"18\"\n                                rx=\"5\"\n                            ><\/rect>\n\n                            <circle\n                                cx=\"12\"\n                                cy=\"12\"\n                                r=\"4\"\n                            ><\/circle>\n\n                            <path d=\"M17.5 6.5h.01\"><\/path>\n\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-service-card-title\">\n                        Social Media Management\n                    <\/h3>\n\n                    <p class=\"dx-service-card-description\">\n                        Strategic social media management covering\n                        content planning, copywriting, creative design,\n                        publishing, engagement, and performance analysis.\n                    <\/p>\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/social-media\/\"\n                        class=\"dx-service-link\"\n                    >\n                        <span>Explore Service<\/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                <\/article>\n\n            <\/div>\n\n            <!-- =====================================================\n                 ALL SERVICES CTA\n            ====================================================== -->\n\n            <div class=\"dx-services-actions\">\n\n                <a\n                    href=\"https:\/\/dindex.net\/en\/services\/\"\n                    class=\"dx-services-button\"\n                >\n                    <span>\n                        View All Services\n                    <\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                    >\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n\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 initDxHomeServices() {\n\n        const section =\n            document.getElementById(\n                \"dx-home-services\"\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 htmlWidget =\n            section.closest(\n                \".elementor-widget-html\"\n            );\n\n        if (htmlWidget) {\n\n            htmlWidget.classList.add(\n                \"dx-services-widget-fullwidth\"\n            );\n        }\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxHomeServices\n        );\n\n    } else {\n\n        initDxHomeServices();\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-7fe0a4a e-con-full e-flex e-con e-parent\" data-id=\"7fe0a4a\" 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-ec49eee elementor-widget elementor-widget-html\" data-id=\"ec49eee\" 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 WHY CHOOSE US SECTION\n     Author: Mohamed El-Sehemy\n     English LTR Version\n     Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-home-why),\n.elementor-widget-html:has(#dx-home-why) > .elementor-widget-container,\n.dx-why-widget-fullwidth,\n.dx-why-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 & VARIABLES\n========================================================= *\/\n\n#dx-home-why,\n#dx-home-why *,\n#dx-home-why *::before,\n#dx-home-why *::after {\n    box-sizing: border-box;\n}\n\n#dx-home-why {\n    --dx-why-purple: #6942d8;\n    --dx-why-purple-dark: #30156f;\n    --dx-why-purple-light: #9168ef;\n    --dx-why-yellow: #ffc441;\n    --dx-why-dark: #150a30;\n    --dx-why-text: #615b6e;\n    --dx-why-muted: #817b8b;\n    --dx-why-white: #ffffff;\n    --dx-why-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-why-dark);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    background:\n        radial-gradient(\n            circle at 12% 20%,\n            rgba(105, 66, 216, 0.055),\n            transparent 24%\n        ),\n        radial-gradient(\n            circle at 90% 85%,\n            rgba(145, 104, 239, 0.05),\n            transparent 27%\n        ),\n        #ffffff;\n}\n\n\/* =========================================================\n   DECORATIONS\n========================================================= *\/\n\n#dx-home-why .dx-why-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-why .dx-why-orbit-one {\n    top: -190px;\n    right: -170px;\n\n    width: 390px;\n    height: 390px;\n}\n\n#dx-home-why .dx-why-orbit-two {\n    left: -185px;\n    bottom: -220px;\n\n    width: 430px;\n    height: 430px;\n}\n\n#dx-home-why .dx-why-dots {\n    position: absolute;\n    z-index: -2;\n\n    width: 120px;\n    height: 120px;\n\n    opacity: 0.25;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-why-purple-light) 2px,\n            transparent 2.6px\n        );\n\n    background-size: 17px 17px;\n\n    pointer-events: none;\n}\n\n#dx-home-why .dx-why-dots-one {\n    top: 55px;\n    left: 4%;\n}\n\n#dx-home-why .dx-why-dots-two {\n    right: 3%;\n    bottom: 35px;\n}\n\n\/* =========================================================\n   MAIN SECTION\n========================================================= *\/\n\n#dx-home-why .dx-why-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        88px\n        clamp(24px, 5vw, 90px)\n        94px;\n}\n\n#dx-home-why .dx-why-container {\n    width: min(1450px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#dx-home-why .dx-why-header {\n    max-width: 780px;\n\n    margin: 0 auto 58px;\n\n    text-align: center;\n}\n\n#dx-home-why .dx-why-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 12px;\n\n    color: var(--dx-why-purple);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.6;\n}\n\n#dx-home-why .dx-why-eyebrow::before,\n#dx-home-why .dx-why-eyebrow::after {\n    content: \"\";\n\n    width: 32px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-why-yellow),\n            var(--dx-why-purple-light)\n        );\n}\n\n#dx-home-why .dx-why-title {\n    margin: 0;\n\n    color: var(--dx-why-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    text-wrap: balance;\n}\n\n#dx-home-why .dx-why-description {\n    max-width: 680px;\n\n    margin: 16px auto 0;\n\n    color: var(--dx-why-text);\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.8;\n}\n\n\/* =========================================================\n   FEATURES TRACK\n========================================================= *\/\n\n#dx-home-why .dx-why-grid {\n    position: relative;\n\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n\n    align-items: start;\n\n    gap: 28px;\n}\n\n#dx-home-why .dx-why-grid::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 35px;\n    right: 9%;\n    left: 9%;\n\n    height: 1px;\n\n    background:\n        repeating-linear-gradient(\n            90deg,\n            rgba(105, 66, 216, 0.28) 0,\n            rgba(105, 66, 216, 0.28) 6px,\n            transparent 6px,\n            transparent 12px\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================================================\n   FEATURE ITEM\n========================================================= *\/\n\n#dx-home-why .dx-why-item {\n    position: relative;\n    z-index: 2;\n\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    text-align: center;\n}\n\n#dx-home-why .dx-why-icon-wrap {\n    position: relative;\n\n    width: 72px;\n    height: 72px;\n    flex: 0 0 72px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 21px;\n\n    border-radius: 21px;\n\n    color: var(--dx-why-white);\n\n    background:\n        linear-gradient(\n            145deg,\n            var(--dx-why-purple-light),\n            var(--dx-why-purple)\n        );\n\n    box-shadow:\n        0 15px 32px rgba(105, 66, 216, 0.25),\n        inset 0 1px 0 rgba(255, 255, 255, 0.20);\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n#dx-home-why .dx-why-icon-wrap::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    inset: -8px;\n\n    border: 1px solid rgba(105, 66, 216, 0.13);\n    border-radius: 25px;\n\n    background: rgba(105, 66, 216, 0.04);\n\n    transition:\n        transform 0.3s ease,\n        border-color 0.3s ease;\n}\n\n#dx-home-why .dx-why-item:hover .dx-why-icon-wrap {\n    transform:\n        translateY(-7px)\n        rotate(3deg);\n\n    box-shadow:\n        0 21px 42px rgba(105, 66, 216, 0.34),\n        inset 0 1px 0 rgba(255, 255, 255, 0.20);\n}\n\n#dx-home-why .dx-why-item:hover .dx-why-icon-wrap::before {\n    border-color: rgba(105, 66, 216, 0.30);\n\n    transform: scale(1.06);\n}\n\n#dx-home-why .dx-why-icon-wrap svg {\n    width: 33px;\n    height: 33px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.7;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-home-why .dx-why-item-title {\n    margin: 0;\n\n    color: var(--dx-why-dark);\n\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 1.45;\n\n    text-wrap: balance;\n}\n\n#dx-home-why .dx-why-item-description {\n    max-width: 230px;\n\n    margin: 10px auto 0;\n\n    color: var(--dx-why-text);\n\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 1.75;\n\n    text-wrap: pretty;\n}\n\n\/* =========================================================\n   BOTTOM NOTE\n========================================================= *\/\n\n#dx-home-why .dx-why-note {\n    width: min(800px, 100%);\n\n    margin: 58px auto 0;\n\n    padding:\n        20px\n        25px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    border: 1px solid rgba(105, 66, 216, 0.12);\n    border-radius: 16px;\n\n    color: var(--dx-why-text);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(105, 66, 216, 0.055),\n            rgba(145, 104, 239, 0.02)\n        );\n\n    box-shadow:\n        0 15px 35px rgba(33, 13, 77, 0.07);\n\n    font-size: 15px;\n    font-weight: 600;\n    line-height: 1.75;\n\n    text-align: center;\n}\n\n#dx-home-why .dx-why-note-icon {\n    width: 36px;\n    height: 36px;\n    flex: 0 0 36px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 10px;\n\n    color: var(--dx-why-purple);\n\n    background: rgba(105, 66, 216, 0.09);\n}\n\n#dx-home-why .dx-why-note-icon svg {\n    width: 19px;\n    height: 19px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 1100px) {\n\n    #dx-home-why .dx-why-grid {\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n\n        gap:\n            45px\n            28px;\n    }\n\n    #dx-home-why .dx-why-grid::before {\n        display: none;\n    }\n\n    #dx-home-why .dx-why-item:nth-child(4),\n    #dx-home-why .dx-why-item:nth-child(5) {\n        transform: translateX(50%);\n    }\n}\n\n\/* =========================================================\n   SMALL TABLET\n========================================================= *\/\n\n@media (max-width: 850px) {\n\n    #dx-home-why .dx-why-main {\n        padding:\n            75px\n            28px\n            78px;\n    }\n\n    #dx-home-why .dx-why-header {\n        margin-bottom:\n            46px;\n    }\n\n    #dx-home-why .dx-why-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n\n        gap:\n            42px\n            24px;\n    }\n\n    #dx-home-why .dx-why-item:nth-child(4),\n    #dx-home-why .dx-why-item:nth-child(5) {\n        transform: none;\n    }\n\n    #dx-home-why .dx-why-item:last-child {\n        grid-column:\n            1 \/ -1;\n\n        width:\n            min(360px, 100%);\n\n        margin:\n            0 auto;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    #dx-home-why .dx-why-main {\n        padding:\n            64px\n            20px\n            65px;\n    }\n\n    #dx-home-why .dx-why-header {\n        margin-bottom:\n            38px;\n    }\n\n    #dx-home-why .dx-why-eyebrow {\n        font-size:\n            13px;\n    }\n\n    #dx-home-why .dx-why-eyebrow::before,\n    #dx-home-why .dx-why-eyebrow::after {\n        width:\n            22px;\n    }\n\n    #dx-home-why .dx-why-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-why .dx-why-description {\n        margin-top:\n            12px;\n\n        font-size:\n            15px;\n\n        line-height:\n            1.75;\n    }\n\n    #dx-home-why .dx-why-grid {\n        grid-template-columns:\n            1fr;\n\n        gap:\n            18px;\n    }\n\n    #dx-home-why .dx-why-item,\n    #dx-home-why .dx-why-item:last-child {\n        grid-column:\n            auto;\n\n        width:\n            100%;\n\n        display:\n            grid;\n\n        grid-template-columns:\n            58px minmax(0, 1fr);\n\n        grid-template-areas:\n            \"icon title\"\n            \"icon description\";\n\n        align-items:\n            start;\n\n        gap:\n            3px\n            15px;\n\n        padding:\n            22px;\n\n        border:\n            1px solid rgba(105, 66, 216, 0.11);\n\n        border-radius:\n            17px;\n\n        background:\n            linear-gradient(\n                145deg,\n                rgba(105, 66, 216, 0.045),\n                rgba(255, 255, 255, 0.90)\n            );\n\n        text-align:\n            left;\n    }\n\n    #dx-home-why .dx-why-icon-wrap {\n        grid-area:\n            icon;\n\n        width:\n            54px;\n\n        height:\n            54px;\n\n        flex-basis:\n            54px;\n\n        margin:\n            0;\n\n        border-radius:\n            15px;\n    }\n\n    #dx-home-why .dx-why-icon-wrap::before {\n        display:\n            none;\n    }\n\n    #dx-home-why .dx-why-icon-wrap svg {\n        width:\n            27px;\n\n        height:\n            27px;\n    }\n\n    #dx-home-why .dx-why-item-title {\n        grid-area:\n            title;\n\n        font-size:\n            16px;\n\n        line-height:\n            1.5;\n    }\n\n    #dx-home-why .dx-why-item-description {\n        grid-area:\n            description;\n\n        max-width:\n            none;\n\n        margin:\n            4px\n            0\n            0;\n\n        font-size:\n            13px;\n\n        line-height:\n            1.7;\n    }\n\n    #dx-home-why .dx-why-note {\n        margin-top:\n            38px;\n\n        padding:\n            18px;\n\n        align-items:\n            flex-start;\n\n        font-size:\n            14px;\n\n        line-height:\n            1.75;\n\n        text-align:\n            left;\n    }\n}\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media (max-width: 380px) {\n\n    #dx-home-why .dx-why-main {\n        padding-right:\n            16px;\n\n        padding-left:\n            16px;\n    }\n\n    #dx-home-why .dx-why-item {\n        grid-template-columns:\n            50px minmax(0, 1fr);\n\n        gap:\n            3px\n            12px;\n\n        padding:\n            18px\n            15px;\n    }\n\n    #dx-home-why .dx-why-icon-wrap {\n        width:\n            48px;\n\n        height:\n            48px;\n    }\n\n    #dx-home-why .dx-why-icon-wrap svg {\n        width:\n            24px;\n\n        height:\n            24px;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n    #dx-home-why *,\n    #dx-home-why *::before,\n    #dx-home-why *::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-why\"\n    aria-labelledby=\"dx-why-title\"\n    dir=\"ltr\"\n>\n\n    <!-- DECORATIVE ELEMENTS -->\n\n    <span\n        class=\"dx-why-orbit dx-why-orbit-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-why-orbit dx-why-orbit-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-why-dots dx-why-dots-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-why-dots dx-why-dots-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-why-main\">\n\n        <div class=\"dx-why-container\">\n\n            <!-- =================================================\n                 HEADER\n            ================================================== -->\n\n            <header class=\"dx-why-header\">\n\n                <span class=\"dx-why-eyebrow\">\n                    Why Choose D-INDEX?\n                <\/span>\n\n                <h2\n                    id=\"dx-why-title\"\n                    class=\"dx-why-title\"\n                >\n                    A Digital Partner Focused on Your Success\n                <\/h2>\n\n                <p class=\"dx-why-description\">\n                    We combine technical expertise, practical thinking,\n                    and reliable delivery to build digital solutions\n                    that support your business goals and long-term growth.\n                <\/p>\n\n            <\/header>\n\n            <!-- =================================================\n                 REASONS\n            ================================================== -->\n\n            <div class=\"dx-why-grid\">\n\n                <!-- ITEM 1 -->\n\n                <article class=\"dx-why-item\">\n\n                    <span\n                        class=\"dx-why-icon-wrap\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M12 21s7-4 7-10V5l-7-3-7 3v6c0 6 7 10 7 10z\"><\/path>\n                            <path d=\"m9 11 2 2 4-4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-why-item-title\">\n                        Post-Launch Support\n                    <\/h3>\n\n                    <p class=\"dx-why-item-description\">\n                        We stay involved after launch to help keep your\n                        digital solution stable, effective, and ready\n                        for future improvements.\n                    <\/p>\n\n                <\/article>\n\n                <!-- ITEM 2 -->\n\n                <article class=\"dx-why-item\">\n\n                    <span\n                        class=\"dx-why-icon-wrap\"\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.9 4.9l2.8 2.8\"><\/path>\n                            <path d=\"M16.3 16.3l2.8 2.8\"><\/path>\n                            <path d=\"M2 12h4\"><\/path>\n                            <path d=\"M18 12h4\"><\/path>\n                            <path d=\"M4.9 19.1l2.8-2.8\"><\/path>\n                            <path d=\"M16.3 7.7l2.8-2.8\"><\/path>\n                            <circle cx=\"12\" cy=\"12\" r=\"4\"><\/circle>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-why-item-title\">\n                        Tailored Solutions\n                    <\/h3>\n\n                    <p class=\"dx-why-item-description\">\n                        Every solution is shaped around your business,\n                        audience, and objectives instead of relying on\n                        one-size-fits-all templates.\n                    <\/p>\n\n                <\/article>\n\n                <!-- ITEM 3 -->\n\n                <article class=\"dx-why-item\">\n\n                    <span\n                        class=\"dx-why-icon-wrap\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"12\" cy=\"12\" r=\"9\"><\/circle>\n                            <path d=\"M12 7v5l3 2\"><\/path>\n                            <path d=\"m8 3 1.5 2\"><\/path>\n                            <path d=\"m16 3-1.5 2\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-why-item-title\">\n                        Reliable Delivery\n                    <\/h3>\n\n                    <p class=\"dx-why-item-description\">\n                        We work with clear project plans and structured\n                        timelines to keep implementation organized and\n                        delivery on track.\n                    <\/p>\n\n                <\/article>\n\n                <!-- ITEM 4 -->\n\n                <article class=\"dx-why-item\">\n\n                    <span\n                        class=\"dx-why-icon-wrap\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 18V8\"><\/path>\n                            <path d=\"M10 18V4\"><\/path>\n                            <path d=\"M16 18v-6\"><\/path>\n                            <path d=\"M22 18H2\"><\/path>\n                            <path d=\"m4 7 6-4 6 5 5-4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-why-item-title\">\n                        Strong Value\n                    <\/h3>\n\n                    <p class=\"dx-why-item-description\">\n                        We focus on delivering high-quality digital\n                        solutions that create meaningful value for\n                        your investment and business needs.\n                    <\/p>\n\n                <\/article>\n\n                <!-- ITEM 5 -->\n\n                <article class=\"dx-why-item\">\n\n                    <span\n                        class=\"dx-why-icon-wrap\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <circle cx=\"9\" cy=\"8\" r=\"3\"><\/circle>\n                            <circle cx=\"17\" cy=\"9\" r=\"2.5\"><\/circle>\n                            <path d=\"M3 20c0-4 2.5-6 6-6s6 2 6 6\"><\/path>\n                            <path d=\"M14 15c3.4-.5 6 1.2 7 4\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-why-item-title\">\n                        Specialized Technical Team\n                    <\/h3>\n\n                    <p class=\"dx-why-item-description\">\n                        Your project is supported by professionals\n                        who provide clear communication and practical\n                        technical solutions whenever needed.\n                    <\/p>\n\n                <\/article>\n\n            <\/div>\n\n            <!-- =================================================\n                 BOTTOM NOTE\n            ================================================== -->\n\n            <div class=\"dx-why-note\">\n\n                <span\n                    class=\"dx-why-note-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                    Our goal is not simply to complete a project,\n                    but to build a digital solution that supports\n                    real business results and sustainable growth.\n                <\/span>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxHomeWhy() {\n\n        const section =\n            document.getElementById(\n                \"dx-home-why\"\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 htmlWidget =\n            section.closest(\n                \".elementor-widget-html\"\n            );\n\n        if (htmlWidget) {\n\n            htmlWidget.classList.add(\n                \"dx-why-widget-fullwidth\"\n            );\n        }\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxHomeWhy\n        );\n\n    } else {\n\n        initDxHomeWhy();\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-a54ad04 e-con-full e-flex e-con e-parent\" data-id=\"a54ad04\" 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-5bcc4c3 elementor-widget elementor-widget-html\" data-id=\"5bcc4c3\" 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 PORTFOLIO SECTION\n     Author: Mohamed El-Sehemy\n     Website Projects + Brand Identity Projects\n     English LTR - Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-home-portfolio),\n.elementor-widget-html:has(#dx-home-portfolio) > .elementor-widget-container,\n.dx-portfolio-widget-fullwidth,\n.dx-portfolio-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 AND VARIABLES\n========================================================= *\/\n\n#dx-home-portfolio,\n#dx-home-portfolio *,\n#dx-home-portfolio *::before,\n#dx-home-portfolio *::after {\n    box-sizing: border-box;\n}\n\n#dx-home-portfolio {\n    --dx-dark: #08001f;\n    --dx-dark-2: #110331;\n    --dx-purple: #6942d8;\n    --dx-purple-light: #9168ef;\n    --dx-yellow: #ffc441;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255, 255, 255, 0.76);\n    --dx-muted: rgba(255, 255, 255, 0.60);\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-white);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    background:\n        radial-gradient(\n            circle at 50% 4%,\n            rgba(105, 66, 216, 0.22),\n            transparent 31%\n        ),\n        radial-gradient(\n            circle at 5% 92%,\n            rgba(145, 104, 239, 0.14),\n            transparent 28%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-dark-2),\n            var(--dx-dark)\n        );\n}\n\n#dx-home-portfolio a {\n    color: inherit;\n    text-decoration: none;\n}\n\n#dx-home-portfolio button {\n    font: inherit;\n}\n\n\/* =========================================================\n   BACKGROUND\n========================================================= *\/\n\n#dx-home-portfolio .dx-portfolio-bg {\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(255, 255, 255, 0.035) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255, 255, 255, 0.035) 1px,\n            transparent 1px\n        );\n\n    background-size: 74px 74px;\n\n    -webkit-mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            #000 18%,\n            #000 82%,\n            transparent\n        );\n\n    mask-image:\n        linear-gradient(\n            to bottom,\n            transparent,\n            #000 18%,\n            #000 82%,\n            transparent\n        );\n\n    pointer-events: none;\n}\n\n#dx-home-portfolio .dx-portfolio-orbit {\n    position: absolute;\n    z-index: -3;\n\n    border: 1px solid rgba(145, 104, 239, 0.15);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-home-portfolio .dx-portfolio-orbit-one {\n    top: -230px;\n    right: -180px;\n\n    width: 450px;\n    height: 450px;\n}\n\n#dx-home-portfolio .dx-portfolio-orbit-two {\n    bottom: -260px;\n    left: -190px;\n\n    width: 490px;\n    height: 490px;\n}\n\n\/* =========================================================\n   MAIN\n========================================================= *\/\n\n#dx-home-portfolio .dx-portfolio-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        88px\n        clamp(22px, 5vw, 90px)\n        80px;\n}\n\n#dx-home-portfolio .dx-portfolio-container {\n    width: min(1480px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   HEADER\n========================================================= *\/\n\n#dx-home-portfolio .dx-portfolio-header {\n    max-width: 800px;\n\n    margin: 0 auto 28px;\n\n    text-align: center;\n}\n\n#dx-home-portfolio .dx-portfolio-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 10px;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.6;\n}\n\n#dx-home-portfolio .dx-portfolio-eyebrow::before,\n#dx-home-portfolio .dx-portfolio-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-portfolio .dx-portfolio-title {\n    margin: 0;\n\n    color: var(--dx-white);\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-portfolio .dx-portfolio-description {\n    max-width: 690px;\n\n    margin: 14px 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   TABS\n========================================================= *\/\n\n#dx-home-portfolio .dx-portfolio-tabs {\n    width: fit-content;\n\n    margin: 0 auto 36px;\n\n    padding: 5px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 5px;\n\n    border: 1px solid rgba(255, 255, 255, 0.11);\n    border-radius: 14px;\n\n    background: rgba(255, 255, 255, 0.045);\n\n    -webkit-backdrop-filter: blur(12px);\n    backdrop-filter: blur(12px);\n}\n\n#dx-home-portfolio .dx-portfolio-tab {\n    min-width: 170px;\n    min-height: 46px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n\n    padding: 0 19px;\n\n    border: 0;\n    border-radius: 10px;\n\n    color: var(--dx-muted);\n\n    background: transparent;\n\n    font-size: 14px;\n    font-weight: 700;\n\n    cursor: pointer;\n\n    transition:\n        color 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease,\n        transform 0.25s ease;\n}\n\n#dx-home-portfolio .dx-portfolio-tab:hover {\n    color: var(--dx-white);\n}\n\n#dx-home-portfolio .dx-portfolio-tab.is-active {\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 10px 25px rgba(105, 66, 216, 0.28);\n}\n\n#dx-home-portfolio .dx-portfolio-tab svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   PANELS\n========================================================= *\/\n\n#dx-home-portfolio .dx-portfolio-panel {\n    display: none;\n}\n\n#dx-home-portfolio .dx-portfolio-panel.is-active {\n    display: block;\n\n    animation:\n        dxPortfolioFade\n        0.4s\n        ease\n        both;\n}\n\n@keyframes dxPortfolioFade {\n\n    from {\n        opacity: 0;\n\n        transform:\n            translateY(12px);\n    }\n\n    to {\n        opacity: 1;\n\n        transform:\n            translateY(0);\n    }\n}\n\n\/* =========================================================\n   PROJECTS GRID\n========================================================= *\/\n\n#dx-home-portfolio .dx-projects-grid {\n    width: 100%;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(5, minmax(0, 1fr));\n\n    gap: 18px;\n}\n\n\/* =========================================================\n   PROJECT CARD\n========================================================= *\/\n\n#dx-home-portfolio .dx-project-card {\n    position: relative;\n    isolation: isolate;\n\n    min-width: 0;\n\n    aspect-ratio:\n        1 \/ 0.84;\n\n    display: block;\n\n    overflow: hidden;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.13);\n\n    border-radius: 18px;\n\n    background:\n        rgba(255, 255, 255, 0.055);\n\n    box-shadow:\n        0 22px 45px\n        rgba(2, 0, 18, 0.27);\n\n    transition:\n        transform 0.35s ease,\n        border-color 0.35s ease,\n        box-shadow 0.35s ease;\n}\n\n#dx-home-portfolio .dx-project-card:hover,\n#dx-home-portfolio .dx-project-card:focus-visible {\n    border-color:\n        rgba(145, 104, 239, 0.62);\n\n    box-shadow:\n        0 30px 60px\n        rgba(2, 0, 18, 0.40),\n        0 0 0 1px\n        rgba(145, 104, 239, 0.10);\n\n    transform:\n        translateY(-9px);\n}\n\n#dx-home-portfolio .dx-project-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-portfolio .dx-project-card:hover .dx-project-image,\n#dx-home-portfolio .dx-project-card:focus-visible .dx-project-image {\n    transform:\n        scale(1.07);\n\n    filter:\n        brightness(0.72);\n}\n\n\/* =========================================================\n   OVERLAY\n========================================================= *\/\n\n#dx-home-portfolio .dx-project-overlay {\n    position: absolute;\n    z-index: 3;\n\n    inset: 0;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: flex-end;\n\n    padding:\n        23px\n        20px;\n\n    background:\n        linear-gradient(\n            to top,\n            rgba(8, 0, 31, 0.98),\n            rgba(8, 0, 31, 0.42) 58%,\n            transparent\n        );\n\n    opacity: 0;\n\n    transform:\n        translateY(12px);\n\n    transition:\n        opacity 0.32s ease,\n        transform 0.32s ease;\n}\n\n#dx-home-portfolio .dx-project-card:hover .dx-project-overlay,\n#dx-home-portfolio .dx-project-card:focus-visible .dx-project-overlay {\n    opacity: 1;\n\n    transform:\n        translateY(0);\n}\n\n#dx-home-portfolio .dx-project-category {\n    display: inline-flex;\n\n    margin-bottom: 7px;\n\n    padding:\n        5px\n        10px;\n\n    border-radius: 999px;\n\n    color: var(--dx-yellow);\n\n    background:\n        rgba(255, 196, 65, 0.11);\n\n    font-size: 11px;\n    font-weight: 700;\n    line-height: 1.4;\n}\n\n#dx-home-portfolio .dx-project-title {\n    margin: 0;\n\n    color: var(--dx-white);\n\n    font-size: 18px;\n    font-weight: 800;\n    line-height: 1.45;\n}\n\n#dx-home-portfolio .dx-project-link {\n    margin-top: 9px;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 7px;\n\n    color:\n        rgba(255, 255, 255, 0.76);\n\n    font-size: 12px;\n    font-weight: 700;\n    line-height: 1.4;\n}\n\n#dx-home-portfolio .dx-project-link svg {\n    width: 15px;\n    height: 15px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   BUTTON\n========================================================= *\/\n\n#dx-home-portfolio .dx-portfolio-actions {\n    margin-top: 38px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n#dx-home-portfolio .dx-portfolio-button {\n    min-width: 235px;\n    min-height: 52px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    padding:\n        0\n        24px;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.15);\n\n    border-radius: 11px;\n\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 14px 32px\n        rgba(105, 66, 216, 0.29);\n\n    font-size: 14px;\n    font-weight: 800;\n\n    transition:\n        transform 0.25s ease,\n        border-color 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-home-portfolio .dx-portfolio-button:hover,\n#dx-home-portfolio .dx-portfolio-button:focus-visible {\n    border-color:\n        rgba(255, 255, 255, 0.28);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-purple-light),\n            var(--dx-purple)\n        );\n\n    box-shadow:\n        0 18px 40px\n        rgba(105, 66, 216, 0.38);\n\n    transform:\n        translateY(-3px);\n}\n\n#dx-home-portfolio .dx-portfolio-button svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 1200px) {\n\n    #dx-home-portfolio .dx-projects-grid {\n        grid-template-columns:\n            repeat(3, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 850px) {\n\n    #dx-home-portfolio .dx-portfolio-main {\n        padding:\n            74px\n            28px\n            68px;\n    }\n\n    #dx-home-portfolio .dx-projects-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 600px) {\n\n    #dx-home-portfolio .dx-portfolio-main {\n        padding:\n            62px\n            20px\n            58px;\n    }\n\n    #dx-home-portfolio .dx-portfolio-header {\n        margin-bottom:\n            23px;\n    }\n\n    #dx-home-portfolio .dx-portfolio-eyebrow {\n        font-size:\n            13px;\n    }\n\n    #dx-home-portfolio .dx-portfolio-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-portfolio .dx-portfolio-description {\n        font-size:\n            15px;\n\n        line-height:\n            1.75;\n    }\n\n    #dx-home-portfolio .dx-portfolio-tabs {\n        width:\n            100%;\n\n        margin-bottom:\n            28px;\n    }\n\n    #dx-home-portfolio .dx-portfolio-tab {\n        min-width:\n            0;\n\n        width:\n            50%;\n\n        padding:\n            0\n            8px;\n\n        font-size:\n            12px;\n    }\n\n    #dx-home-portfolio .dx-projects-grid {\n        display: flex;\n\n        overflow-x: auto;\n\n        scroll-snap-type:\n            x mandatory;\n\n        scroll-behavior:\n            smooth;\n\n        gap:\n            14px;\n\n        padding-bottom:\n            8px;\n\n        scrollbar-width:\n            none;\n    }\n\n    #dx-home-portfolio .dx-projects-grid::-webkit-scrollbar {\n        display:\n            none;\n    }\n\n    #dx-home-portfolio .dx-project-card {\n        flex:\n            0 0\n            min(85%, 330px);\n\n        scroll-snap-align:\n            center;\n    }\n\n    #dx-home-portfolio .dx-project-overlay {\n        opacity:\n            1;\n\n        transform:\n            none;\n    }\n\n    #dx-home-portfolio .dx-portfolio-actions {\n        margin-top:\n            29px;\n    }\n\n    #dx-home-portfolio .dx-portfolio-button {\n        width:\n            100%;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-home-portfolio a:focus-visible,\n#dx-home-portfolio button:focus-visible {\n    outline:\n        2px solid var(--dx-yellow);\n\n    outline-offset:\n        4px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    #dx-home-portfolio *,\n    #dx-home-portfolio *::before,\n    #dx-home-portfolio *::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        scroll-behavior:\n            auto !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-home-portfolio\"\n    aria-labelledby=\"dx-portfolio-title\"\n    dir=\"ltr\"\n>\n\n    <div\n        class=\"dx-portfolio-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-portfolio-orbit dx-portfolio-orbit-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-portfolio-orbit dx-portfolio-orbit-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-portfolio-main\">\n\n        <div class=\"dx-portfolio-container\">\n\n            <!-- =================================================\n                 HEADER\n            ================================================== -->\n\n            <header class=\"dx-portfolio-header\">\n\n                <span class=\"dx-portfolio-eyebrow\">\n                    Our Work\n                <\/span>\n\n                <h2\n                    id=\"dx-portfolio-title\"\n                    class=\"dx-portfolio-title\"\n                >\n                    Selected Projects from Our Portfolio\n                <\/h2>\n\n                <p class=\"dx-portfolio-description\">\n                    Explore a selection of website development,\n                    e-commerce, digital platform, and brand identity\n                    projects delivered for businesses across different sectors.\n                <\/p>\n\n            <\/header>\n\n            <!-- =================================================\n                 TABS\n            ================================================== -->\n\n            <div\n                class=\"dx-portfolio-tabs\"\n                role=\"tablist\"\n                aria-label=\"Project categories\"\n            >\n\n                <button\n                    type=\"button\"\n                    class=\"dx-portfolio-tab is-active\"\n                    role=\"tab\"\n                    aria-selected=\"true\"\n                    aria-controls=\"dx-web-projects-panel\"\n                    data-panel=\"dx-web-projects-panel\"\n                >\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                    >\n                        <rect\n                            x=\"3\"\n                            y=\"4\"\n                            width=\"18\"\n                            height=\"16\"\n                            rx=\"2\"\n                        ><\/rect>\n\n                        <path d=\"M3 8h18\"><\/path>\n                        <path d=\"m10 12-2 2 2 2\"><\/path>\n                        <path d=\"m14 12 2 2-2 2\"><\/path>\n                    <\/svg>\n\n                    <span>\n                        Website Projects\n                    <\/span>\n                <\/button>\n\n                <button\n                    type=\"button\"\n                    class=\"dx-portfolio-tab\"\n                    role=\"tab\"\n                    aria-selected=\"false\"\n                    aria-controls=\"dx-brand-projects-panel\"\n                    data-panel=\"dx-brand-projects-panel\"\n                >\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                    >\n                        <path d=\"M12 3c-5 0-9 4-9 9 0 3 2 5 5 5h1c1 0 2 1 2 2s1 2 2 2c5 0 8-4 8-9 0-5-4-9-9-9z\"><\/path>\n\n                        <circle\n                            cx=\"8\"\n                            cy=\"10\"\n                            r=\"1\"\n                        ><\/circle>\n\n                        <circle\n                            cx=\"12\"\n                            cy=\"7\"\n                            r=\"1\"\n                        ><\/circle>\n\n                        <circle\n                            cx=\"16\"\n                            cy=\"10\"\n                            r=\"1\"\n                        ><\/circle>\n                    <\/svg>\n\n                    <span>\n                        Brand Identity\n                    <\/span>\n                <\/button>\n\n            <\/div>\n\n            <!-- =================================================\n                 WEBSITE PROJECTS\n            ================================================== -->\n\n            <div\n                id=\"dx-web-projects-panel\"\n                class=\"dx-portfolio-panel is-active\"\n                role=\"tabpanel\"\n            >\n\n                <div class=\"dx-projects-grid\">\n\n                    <!-- LUMEA -->\n\n                    <a\n                        href=\"https:\/\/lumea-line.store\/\"\n                        class=\"dx-project-card\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Visit LUM\u00c9A website\"\n                    >\n\n                        <img loading=\"lazy\"\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/lumea-1-768x512.png\"\n                            class=\"dx-project-image\"\n                            alt=\"LUM\u00c9A e-commerce website project\"\n                            width=\"768\"\n                            height=\"512\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                E-Commerce\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                LUM\u00c9A\n                            <\/strong>\n\n                            <span class=\"dx-project-link\">\n\n                                <span>\n                                    View Website\n                                <\/span>\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- BEIRUT BOOK -->\n\n                    <a\n                        href=\"https:\/\/beirutbook.shop\/\"\n                        class=\"dx-project-card\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Visit Beirut Book website\"\n                    >\n\n                        <img loading=\"lazy\"\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/beirutbook-1-768x512.png\"\n                            class=\"dx-project-image\"\n                            alt=\"Beirut Book online bookstore project\"\n                            width=\"768\"\n                            height=\"512\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Online Bookstore\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                Beirut Book\n                            <\/strong>\n\n                            <span class=\"dx-project-link\">\n\n                                <span>\n                                    View Website\n                                <\/span>\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- B3 CUSTOM -->\n\n                    <a\n                        href=\"https:\/\/b3custom.com\/\"\n                        class=\"dx-project-card\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Visit B3 Custom website\"\n                    >\n\n                        <img loading=\"lazy\"\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/b3custom-1-768x512.png\"\n                            class=\"dx-project-image\"\n                            alt=\"B3 Custom e-commerce website project\"\n                            width=\"768\"\n                            height=\"512\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                E-Commerce\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                B3 Custom\n                            <\/strong>\n\n                            <span class=\"dx-project-link\">\n\n                                <span>\n                                    View Website\n                                <\/span>\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- UR SOLUTION -->\n\n                    <a\n                        href=\"https:\/\/ursolution.org\/\"\n                        class=\"dx-project-card\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Visit UR Solution website\"\n                    >\n\n                        <img loading=\"lazy\"\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/12\/ursolution-1-768x512.png\"\n                            class=\"dx-project-image\"\n                            alt=\"UR Solution training platform project\"\n                            width=\"768\"\n                            height=\"512\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Training Platform\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                UR Solution\n                            <\/strong>\n\n                            <span class=\"dx-project-link\">\n\n                                <span>\n                                    View Website\n                                <\/span>\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- AL ATTAR PERFUME -->\n\n                    <a\n                        href=\"https:\/\/alattarperfume.com\/\"\n                        class=\"dx-project-card\"\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        aria-label=\"Visit Al Attar Perfume website\"\n                    >\n\n                        <img loading=\"lazy\"\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/09\/atta-perfumes-scaled.png\"\n                            class=\"dx-project-image\"\n                            alt=\"Al Attar Perfume brand website project\"\n                            width=\"768\"\n                            height=\"512\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Brand Website\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                Al Attar Perfume\n                            <\/strong>\n\n                            <span class=\"dx-project-link\">\n\n                                <span>\n                                    View Website\n                                <\/span>\n\n                                <svg\n                                    viewBox=\"0 0 24 24\"\n                                    aria-hidden=\"true\"\n                                >\n                                    <path d=\"M5 12h14\"><\/path>\n                                    <path d=\"m13 6 6 6-6 6\"><\/path>\n                                <\/svg>\n\n                            <\/span>\n\n                        <\/span>\n\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"dx-portfolio-actions\">\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/web-projects\/\"\n                        class=\"dx-portfolio-button\"\n                    >\n                        <span>\n                            View All Website Projects\n                        <\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n            <!-- =================================================\n                 BRAND IDENTITY PROJECTS\n            ================================================== -->\n\n            <div\n                id=\"dx-brand-projects-panel\"\n                class=\"dx-portfolio-panel\"\n                role=\"tabpanel\"\n                hidden\n            >\n\n                <div class=\"dx-projects-grid\">\n\n                    <!-- NOURISH MIND -->\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/brand-projects\/\"\n                        class=\"dx-project-card\"\n                        aria-label=\"View Nourish Mind brand identity project\"\n                    >\n\n                        <img\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/01\/nourish-mind-.01.png\"\n                            class=\"dx-project-image\"\n                            alt=\"Nourish Mind brand identity project\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Brand Identity\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                Nourish Mind\n                            <\/strong>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- BONA PLAZA -->\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/brand-projects\/\"\n                        class=\"dx-project-card\"\n                        aria-label=\"View Bona Plaza brand identity project\"\n                    >\n\n                        <img\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/01\/bona-plaza.01.png\"\n                            class=\"dx-project-image\"\n                            alt=\"Bona Plaza brand identity project\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Brand Identity\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                Bona Plaza\n                            <\/strong>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- PHYSICS ADVENTURE -->\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/brand-projects\/\"\n                        class=\"dx-project-card\"\n                        aria-label=\"View Physics Adventure brand identity project\"\n                    >\n\n                        <img\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/01\/Physics-Adventure-%E2%80%93-%D9%85%D8%BA%D8%A7%D9%85%D8%B1%D8%A9-%D9%81%D9%8A-%D8%B9%D8%A7%D9%84%D9%85-%D8%A7%D9%84%D9%81%D9%8A%D8%B2%D9%8A%D8%A7%D8%A1-.01.png\"\n                            class=\"dx-project-image\"\n                            alt=\"Physics Adventure educational brand identity project\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Educational Branding\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                Physics Adventure\n                            <\/strong>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- STAGE LINE -->\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/brand-projects\/\"\n                        class=\"dx-project-card\"\n                        aria-label=\"View Stage Line brand identity project\"\n                    >\n\n                        <img\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/01\/stage-line-.01.png\"\n                            class=\"dx-project-image\"\n                            alt=\"Stage Line brand identity project\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Brand Identity\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                Stage Line\n                            <\/strong>\n\n                        <\/span>\n\n                    <\/a>\n\n                    <!-- BASIRA -->\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/brand-projects\/\"\n                        class=\"dx-project-card\"\n                        aria-label=\"View Basira brand identity project\"\n                    >\n\n                        <img\n                            src=\"https:\/\/dindex.net\/wp-content\/uploads\/2026\/01\/basira.png\"\n                            class=\"dx-project-image\"\n                            alt=\"Basira brand identity project\"\n                            loading=\"lazy\"\n                            decoding=\"async\"\n                        >\n\n                        <span class=\"dx-project-overlay\">\n\n                            <span class=\"dx-project-category\">\n                                Brand Identity\n                            <\/span>\n\n                            <strong class=\"dx-project-title\">\n                                Basira\n                            <\/strong>\n\n                        <\/span>\n\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"dx-portfolio-actions\">\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/brand-projects\/\"\n                        class=\"dx-portfolio-button\"\n                    >\n                        <span>\n                            View All Brand Identity Projects\n                        <\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n\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 initDxPortfolio() {\n\n        const section =\n            document.getElementById(\n                \"dx-home-portfolio\"\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-portfolio-widget-fullwidth\"\n            );\n        }\n\n        const tabs =\n            Array.from(\n                section.querySelectorAll(\n                    \".dx-portfolio-tab\"\n                )\n            );\n\n        const panels =\n            Array.from(\n                section.querySelectorAll(\n                    \".dx-portfolio-panel\"\n                )\n            );\n\n        tabs.forEach(\n            function (tab) {\n\n                tab.addEventListener(\n                    \"click\",\n                    function () {\n\n                        const panelId =\n                            tab.getAttribute(\n                                \"data-panel\"\n                            );\n\n                        tabs.forEach(\n                            function (item) {\n\n                                const isActive =\n                                    item === tab;\n\n                                item.classList.toggle(\n                                    \"is-active\",\n                                    isActive\n                                );\n\n                                item.setAttribute(\n                                    \"aria-selected\",\n                                    isActive\n                                        ? \"true\"\n                                        : \"false\"\n                                );\n                            }\n                        );\n\n                        panels.forEach(\n                            function (panel) {\n\n                                const isActive =\n                                    panel.id === panelId;\n\n                                panel.classList.toggle(\n                                    \"is-active\",\n                                    isActive\n                                );\n\n                                panel.hidden =\n                                    !isActive;\n                            }\n                        );\n                    }\n                );\n            }\n        );\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxPortfolio\n        );\n\n    } else {\n\n        initDxPortfolio();\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-afb8d3d e-con-full e-flex e-con e-parent\" data-id=\"afb8d3d\" 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-4ac656b elementor-widget elementor-widget-html\" data-id=\"4ac656b\" 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<!-- =========================================================\r\n     HOME TESTIMONIALS SECTION\r\n     Author: Mohamed El-Sehemy\r\n     Video + Text Testimonials\r\n     English LTR - Elementor Compatible\r\n========================================================== -->\r\n\r\n<style>\r\n\/* =========================================================\r\n   ELEMENTOR FULL WIDTH\r\n========================================================= *\/\r\n\r\n.elementor-widget-html:has(#dx-home-testimonials),\r\n.elementor-widget-html:has(#dx-home-testimonials) > .elementor-widget-container,\r\n.dx-testimonials-widget-fullwidth,\r\n.dx-testimonials-widget-fullwidth > .elementor-widget-container {\r\n    width: 100% !important;\r\n    max-width: none !important;\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    overflow: visible !important;\r\n}\r\n\r\n\/* =========================================================\r\n   RESET\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials,\r\n#dx-home-testimonials *,\r\n#dx-home-testimonials *::before,\r\n#dx-home-testimonials *::after {\r\n    box-sizing: border-box;\r\n}\r\n\r\n#dx-home-testimonials {\r\n    --dx-purple: #6942d8;\r\n    --dx-purple-light: #9168ef;\r\n    --dx-yellow: #ffc441;\r\n    --dx-dark: #160a31;\r\n    --dx-text: #625c6f;\r\n    --dx-muted: #85808e;\r\n    --dx-white: #ffffff;\r\n    --dx-bg: #f8f7fc;\r\n    --dx-border: rgba(105, 66, 216, 0.13);\r\n\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100vw;\r\n    max-width: 100vw;\r\n\r\n    margin-right: calc(50% - 50vw);\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    overflow: hidden;\r\n\r\n    direction: ltr;\r\n\r\n    color: var(--dx-dark);\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 8% 10%,\r\n            rgba(105, 66, 216, 0.075),\r\n            transparent 25%\r\n        ),\r\n        radial-gradient(\r\n            circle at 92% 92%,\r\n            rgba(145, 104, 239, 0.065),\r\n            transparent 28%\r\n        ),\r\n        var(--dx-bg);\r\n\r\n    font-family:\r\n        \"Inter\",\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n#dx-home-testimonials button {\r\n    font: inherit;\r\n}\r\n\r\n\/* =========================================================\r\n   DECORATIONS\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-orbit {\r\n    position: absolute;\r\n    z-index: -3;\r\n\r\n    border: 1px solid rgba(105, 66, 216, 0.10);\r\n    border-radius: 50%;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-orbit-one {\r\n    top: -210px;\r\n    left: -180px;\r\n\r\n    width: 430px;\r\n    height: 430px;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-orbit-two {\r\n    right: -190px;\r\n    bottom: -250px;\r\n\r\n    width: 480px;\r\n    height: 480px;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-dots {\r\n    position: absolute;\r\n    z-index: -2;\r\n\r\n    width: 120px;\r\n    height: 120px;\r\n\r\n    opacity: 0.23;\r\n\r\n    background-image:\r\n        radial-gradient(\r\n            circle,\r\n            var(--dx-purple-light) 2px,\r\n            transparent 2.7px\r\n        );\r\n\r\n    background-size: 17px 17px;\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-dots-one {\r\n    top: 70px;\r\n    right: 4%;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-dots-two {\r\n    left: 3%;\r\n    bottom: 50px;\r\n}\r\n\r\n\/* =========================================================\r\n   SECTION LAYOUT\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-main {\r\n    position: relative;\r\n    z-index: 2;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        90px\r\n        clamp(22px, 5vw, 90px)\r\n        88px;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-container {\r\n    width: min(1450px, 100%);\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* =========================================================\r\n   MAIN HEADER\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-header {\r\n    max-width: 800px;\r\n\r\n    margin: 0 auto 48px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-eyebrow {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-bottom: 11px;\r\n\r\n    color: var(--dx-purple);\r\n\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    line-height: 1.6;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-eyebrow::before,\r\n#dx-home-testimonials .dx-test-eyebrow::after {\r\n    content: \"\";\r\n\r\n    width: 31px;\r\n    height: 2px;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--dx-yellow),\r\n            var(--dx-purple-light)\r\n        );\r\n}\r\n\r\n#dx-home-testimonials .dx-test-title {\r\n    margin: 0;\r\n\r\n    color: var(--dx-dark);\r\n\r\n    font-size: clamp(35px, 3.7vw, 56px);\r\n    font-weight: 900;\r\n    line-height: 1.25;\r\n    letter-spacing: -1px;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-description {\r\n    max-width: 700px;\r\n\r\n    margin: 15px auto 0;\r\n\r\n    color: var(--dx-text);\r\n\r\n    font-size: 16px;\r\n    font-weight: 400;\r\n    line-height: 1.8;\r\n}\r\n\r\n\/* =========================================================\r\n   VIDEO TESTIMONIALS\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-video-grid {\r\n    width: min(1200px, 100%);\r\n\r\n    margin: 0 auto 62px;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(2, minmax(0, 1fr));\r\n\r\n    gap: 25px;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-card {\r\n    position: relative;\r\n    isolation: isolate;\r\n\r\n    width: 100%;\r\n    aspect-ratio: 16 \/ 9;\r\n\r\n    padding: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    border: 1px solid rgba(105, 66, 216, 0.12);\r\n    border-radius: 22px;\r\n\r\n    background: #13082f;\r\n\r\n    box-shadow:\r\n        0 24px 55px rgba(31, 13, 70, 0.18);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        transform 0.35s ease,\r\n        box-shadow 0.35s ease,\r\n        border-color 0.35s ease;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-card:hover,\r\n#dx-home-testimonials .dx-test-video-card:focus-visible {\r\n    border-color: rgba(105, 66, 216, 0.40);\r\n\r\n    box-shadow:\r\n        0 32px 70px rgba(31, 13, 70, 0.25);\r\n\r\n    transform: translateY(-7px);\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-image {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n\r\n    transition:\r\n        transform 0.55s ease,\r\n        filter 0.55s ease;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-card:hover .dx-test-video-image {\r\n    transform: scale(1.045);\r\n\r\n    filter: brightness(0.82);\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-overlay {\r\n    position: absolute;\r\n    z-index: 2;\r\n\r\n    inset: 0;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(13, 4, 37, 0.08),\r\n            rgba(13, 4, 37, 0.35)\r\n        );\r\n}\r\n\r\n#dx-home-testimonials .dx-test-play {\r\n    position: relative;\r\n\r\n    width: 82px;\r\n    height: 82px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.55);\r\n    border-radius: 50%;\r\n\r\n    color: var(--dx-white);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(105, 66, 216, 0.96),\r\n            rgba(145, 104, 239, 0.96)\r\n        );\r\n\r\n    box-shadow:\r\n        0 18px 42px rgba(58, 26, 132, 0.40);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-play::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: -12px;\r\n\r\n    border: 1px solid rgba(255, 255, 255, 0.27);\r\n    border-radius: 50%;\r\n\r\n    animation:\r\n        dxTestPulse\r\n        2.2s\r\n        ease-out\r\n        infinite;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-card:hover .dx-test-play {\r\n    transform: scale(1.08);\r\n\r\n    box-shadow:\r\n        0 23px 50px rgba(58, 26, 132, 0.52);\r\n}\r\n\r\n#dx-home-testimonials .dx-test-play svg {\r\n    width: 31px;\r\n    height: 31px;\r\n\r\n    fill: currentColor;\r\n\r\n    transform: translateX(2px);\r\n}\r\n\r\n@keyframes dxTestPulse {\r\n\r\n    0% {\r\n        opacity: 0.75;\r\n\r\n        transform: scale(0.88);\r\n    }\r\n\r\n    100% {\r\n        opacity: 0;\r\n\r\n        transform: scale(1.35);\r\n    }\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-badge {\r\n    position: absolute;\r\n    z-index: 3;\r\n\r\n    left: 18px;\r\n    bottom: 17px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding:\r\n        8px\r\n        12px;\r\n\r\n    border:\r\n        1px solid rgba(255, 255, 255, 0.16);\r\n\r\n    border-radius:\r\n        999px;\r\n\r\n    color:\r\n        var(--dx-white);\r\n\r\n    background:\r\n        rgba(13, 4, 37, 0.70);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(12px);\r\n\r\n    backdrop-filter:\r\n        blur(12px);\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        700;\r\n\r\n    line-height:\r\n        1.4;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-video-badge svg {\r\n    width: 15px;\r\n    height: 15px;\r\n\r\n    fill: currentColor;\r\n}\r\n\r\n\/* =========================================================\r\n   TEXT TESTIMONIALS HEADER\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-text-section {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-subheader {\r\n    max-width: 720px;\r\n\r\n    margin: 0 auto 30px;\r\n\r\n    text-align: center;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-subtitle {\r\n    margin: 0;\r\n\r\n    color: var(--dx-dark);\r\n\r\n    font-size:\r\n        clamp(\r\n            25px,\r\n            2.4vw,\r\n            36px\r\n        );\r\n\r\n    font-weight: 900;\r\n    line-height: 1.3;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-subdescription {\r\n    margin: 9px auto 0;\r\n\r\n    color: var(--dx-muted);\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.75;\r\n}\r\n\r\n\/* =========================================================\r\n   SLIDER\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-slider {\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding:\r\n        0\r\n        58px;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-viewport {\r\n    width: 100%;\r\n\r\n    overflow: hidden;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-track {\r\n    display: flex;\r\n\r\n    direction: ltr;\r\n\r\n    transition:\r\n        transform\r\n        1.05s\r\n        cubic-bezier(\r\n            0.22,\r\n            0.61,\r\n            0.36,\r\n            1\r\n        );\r\n\r\n    will-change: transform;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-slide {\r\n    flex:\r\n        0\r\n        0\r\n        50%;\r\n\r\n    min-width: 0;\r\n\r\n    padding: 12px;\r\n}\r\n\r\n\/* =========================================================\r\n   REVIEW CARD\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-card {\r\n    position: relative;\r\n\r\n    height: 100%;\r\n    min-height: 320px;\r\n\r\n    padding:\r\n        31px\r\n        30px\r\n        28px;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid var(--dx-border);\r\n\r\n    border-radius:\r\n        21px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(255, 255, 255, 0.98),\r\n            rgba(252, 250, 255, 0.96)\r\n        );\r\n\r\n    box-shadow:\r\n        0 20px 48px rgba(42, 20, 88, 0.09);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-card:hover {\r\n    border-color:\r\n        rgba(105, 66, 216, 0.28);\r\n\r\n    box-shadow:\r\n        0 27px 58px rgba(42, 20, 88, 0.14);\r\n\r\n    transform:\r\n        translateY(-5px);\r\n}\r\n\r\n#dx-home-testimonials .dx-test-quote-icon {\r\n    position: absolute;\r\n\r\n    top: 22px;\r\n    right: 24px;\r\n\r\n    width: 54px;\r\n    height: 54px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    border-radius: 17px;\r\n\r\n    color: var(--dx-purple);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            rgba(105, 66, 216, 0.12),\r\n            rgba(145, 104, 239, 0.055)\r\n        );\r\n}\r\n\r\n#dx-home-testimonials .dx-test-quote-icon svg {\r\n    width: 27px;\r\n    height: 27px;\r\n\r\n    fill: currentColor;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-stars {\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 3px;\r\n\r\n    margin-bottom: 22px;\r\n\r\n    color: var(--dx-yellow);\r\n\r\n    font-size: 17px;\r\n    line-height: 1;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-review {\r\n    flex-grow: 1;\r\n\r\n    margin: 0;\r\n\r\n    padding-right: 82px;\r\n\r\n    color: var(--dx-text);\r\n\r\n    font-size: 15px;\r\n    font-weight: 400;\r\n    line-height: 1.9;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-person {\r\n    margin-top: 27px;\r\n\r\n    padding-top: 21px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 13px;\r\n\r\n    border-top:\r\n        1px solid rgba(105, 66, 216, 0.10);\r\n}\r\n\r\n#dx-home-testimonials .dx-test-avatar {\r\n    width: 54px;\r\n    height: 54px;\r\n    flex: 0 0 54px;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        3px solid rgba(105, 66, 216, 0.11);\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #eeeaf7;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-avatar img {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    object-fit: cover;\r\n    object-position: center;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-person-info {\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    text-align: left;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-person-name {\r\n    color: var(--dx-dark);\r\n\r\n    font-size: 15px;\r\n    font-weight: 800;\r\n    line-height: 1.5;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-person-company {\r\n    margin-top: 3px;\r\n\r\n    color: var(--dx-muted);\r\n\r\n    font-size: 13px;\r\n    font-weight: 500;\r\n    line-height: 1.5;\r\n}\r\n\r\n\/* =========================================================\r\n   SLIDER ARROWS\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-arrow {\r\n    position: absolute;\r\n    z-index: 10;\r\n\r\n    top: 50%;\r\n\r\n    width: 46px;\r\n    height: 46px;\r\n\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding: 0;\r\n\r\n    border:\r\n        1px solid rgba(105, 66, 216, 0.14);\r\n\r\n    border-radius: 50%;\r\n\r\n    color: var(--dx-purple);\r\n\r\n    background:\r\n        var(--dx-white);\r\n\r\n    box-shadow:\r\n        0 14px 30px rgba(41, 19, 87, 0.14);\r\n\r\n    cursor: pointer;\r\n\r\n    transform:\r\n        translateY(-50%);\r\n\r\n    transition:\r\n        color 0.25s ease,\r\n        background 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-arrow:hover,\r\n#dx-home-testimonials .dx-test-arrow:focus-visible {\r\n    color: var(--dx-white);\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            var(--dx-purple),\r\n            var(--dx-purple-light)\r\n        );\r\n\r\n    box-shadow:\r\n        0 18px 38px rgba(105, 66, 216, 0.28);\r\n}\r\n\r\n#dx-home-testimonials .dx-test-arrow-prev {\r\n    left: 0;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-arrow-next {\r\n    right: 0;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-arrow svg {\r\n    width: 20px;\r\n    height: 20px;\r\n\r\n    fill: none;\r\n    stroke: currentColor;\r\n    stroke-width: 2;\r\n    stroke-linecap: round;\r\n    stroke-linejoin: round;\r\n}\r\n\r\n\/* =========================================================\r\n   PAGINATION\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials .dx-test-pagination {\r\n    margin-top: 24px;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        rgba(105, 66, 216, 0.20);\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        width 0.25s ease,\r\n        background 0.25s ease;\r\n}\r\n\r\n#dx-home-testimonials .dx-test-dot.is-active {\r\n    width: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            var(--dx-purple),\r\n            var(--dx-purple-light)\r\n        );\r\n}\r\n\r\n\/* =========================================================\r\n   VIDEO MODAL\r\n========================================================= *\/\r\n\r\n.dx-test-modal {\r\n    position: fixed;\r\n    z-index: 999999;\r\n\r\n    inset: 0;\r\n\r\n    display: none;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    padding:\r\n        70px\r\n        28px\r\n        28px;\r\n\r\n    background:\r\n        rgba(5, 0, 20, 0.92);\r\n\r\n    -webkit-backdrop-filter:\r\n        blur(10px);\r\n\r\n    backdrop-filter:\r\n        blur(10px);\r\n}\r\n\r\n.dx-test-modal.is-open {\r\n    display: flex;\r\n\r\n    animation:\r\n        dxTestModalFade\r\n        0.25s\r\n        ease\r\n        both;\r\n}\r\n\r\n@keyframes dxTestModalFade {\r\n\r\n    from {\r\n        opacity: 0;\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n    }\r\n}\r\n\r\n.dx-test-modal-dialog {\r\n    position: relative;\r\n\r\n    width:\r\n        min(\r\n            1200px,\r\n            100%\r\n        );\r\n\r\n    aspect-ratio:\r\n        16 \/ 9;\r\n\r\n    overflow: hidden;\r\n\r\n    border:\r\n        1px solid rgba(255, 255, 255, 0.15);\r\n\r\n    border-radius:\r\n        20px;\r\n\r\n    background:\r\n        #000000;\r\n\r\n    box-shadow:\r\n        0 35px 100px rgba(0, 0, 0, 0.60);\r\n\r\n    animation:\r\n        dxTestModalScale\r\n        0.3s\r\n        ease\r\n        both;\r\n}\r\n\r\n@keyframes dxTestModalScale {\r\n\r\n    from {\r\n        opacity: 0;\r\n\r\n        transform:\r\n            scale(0.94)\r\n            translateY(10px);\r\n    }\r\n\r\n    to {\r\n        opacity: 1;\r\n\r\n        transform:\r\n            scale(1)\r\n            translateY(0);\r\n    }\r\n}\r\n\r\n.dx-test-modal-video {\r\n    width: 100%;\r\n    height: 100%;\r\n}\r\n\r\n.dx-test-modal-video iframe {\r\n    display: block;\r\n\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n    border: 0;\r\n}\r\n\r\n\/* =========================================================\r\n   VIDEO MODAL CLOSE BUTTON\r\n========================================================= *\/\r\n\r\n.dx-test-modal-close {\r\n    position:\r\n        fixed !important;\r\n\r\n    z-index:\r\n        2147483647 !important;\r\n\r\n    top:\r\n        22px !important;\r\n\r\n    right:\r\n        24px !important;\r\n\r\n    width:\r\n        48px !important;\r\n\r\n    height:\r\n        48px !important;\r\n\r\n    display:\r\n        flex !important;\r\n\r\n    align-items:\r\n        center !important;\r\n\r\n    justify-content:\r\n        center !important;\r\n\r\n    margin:\r\n        0 !important;\r\n\r\n    padding:\r\n        0 !important;\r\n\r\n    border:\r\n        1px solid rgba(255, 255, 255, 0.35) !important;\r\n\r\n    border-radius:\r\n        14px !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #6942d8,\r\n            #9168ef\r\n        ) !important;\r\n\r\n    box-shadow:\r\n        0 12px 30px rgba(0, 0, 0, 0.38) !important;\r\n\r\n    cursor:\r\n        pointer !important;\r\n\r\n    appearance:\r\n        none !important;\r\n\r\n    -webkit-appearance:\r\n        none !important;\r\n\r\n    opacity:\r\n        1 !important;\r\n\r\n    visibility:\r\n        visible !important;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        box-shadow 0.25s ease !important;\r\n}\r\n\r\n.dx-test-modal-close::before,\r\n.dx-test-modal-close::after {\r\n    content:\r\n        \"\" !important;\r\n\r\n    position:\r\n        absolute !important;\r\n\r\n    top:\r\n        50% !important;\r\n\r\n    left:\r\n        50% !important;\r\n\r\n    width:\r\n        23px !important;\r\n\r\n    height:\r\n        3px !important;\r\n\r\n    display:\r\n        block !important;\r\n\r\n    border-radius:\r\n        999px !important;\r\n\r\n    background:\r\n        #ffffff !important;\r\n\r\n    transform-origin:\r\n        center !important;\r\n\r\n    opacity:\r\n        1 !important;\r\n\r\n    visibility:\r\n        visible !important;\r\n\r\n    pointer-events:\r\n        none !important;\r\n}\r\n\r\n.dx-test-modal-close::before {\r\n    transform:\r\n        translate(-50%, -50%)\r\n        rotate(45deg) !important;\r\n}\r\n\r\n.dx-test-modal-close::after {\r\n    transform:\r\n        translate(-50%, -50%)\r\n        rotate(-45deg) !important;\r\n}\r\n\r\n.dx-test-modal-close:hover,\r\n.dx-test-modal-close:focus-visible {\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #9168ef,\r\n            #6942d8\r\n        ) !important;\r\n\r\n    box-shadow:\r\n        0 16px 38px rgba(105, 66, 216, 0.48) !important;\r\n\r\n    transform:\r\n        scale(1.08) !important;\r\n}\r\n\r\n.dx-test-modal-close:focus-visible {\r\n    outline:\r\n        3px solid #ffc441 !important;\r\n\r\n    outline-offset:\r\n        4px !important;\r\n}\r\n\r\n\/* =========================================================\r\n   RESPONSIVE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    #dx-home-testimonials .dx-test-main {\r\n        padding:\r\n            76px\r\n            28px\r\n            74px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-video-grid {\r\n        gap: 18px;\r\n\r\n        margin-bottom:\r\n            52px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-slide {\r\n        flex-basis: 100%;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-card {\r\n        min-height:\r\n            300px;\r\n    }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n\r\n    #dx-home-testimonials .dx-test-video-grid {\r\n        grid-template-columns:\r\n            1fr;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-slider {\r\n        padding:\r\n            0\r\n            37px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-arrow {\r\n        width:\r\n            40px;\r\n\r\n        height:\r\n            40px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-arrow-prev {\r\n        left:\r\n            -5px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-arrow-next {\r\n        right:\r\n            -5px;\r\n    }\r\n}\r\n\r\n@media (max-width: 600px) {\r\n\r\n    #dx-home-testimonials .dx-test-main {\r\n        padding:\r\n            64px\r\n            20px\r\n            62px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-header {\r\n        margin-bottom:\r\n            35px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-title {\r\n        font-size:\r\n            clamp(\r\n                29px,\r\n                9vw,\r\n                40px\r\n            );\r\n\r\n        line-height:\r\n            1.3;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-description {\r\n        font-size:\r\n            15px;\r\n\r\n        line-height:\r\n            1.75;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-video-grid {\r\n        margin-bottom:\r\n            47px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-video-card {\r\n        border-radius:\r\n            17px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-play {\r\n        width:\r\n            66px;\r\n\r\n        height:\r\n            66px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-play svg {\r\n        width:\r\n            26px;\r\n\r\n        height:\r\n            26px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-subtitle {\r\n        font-size:\r\n            27px;\r\n\r\n        line-height:\r\n            1.35;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-subdescription {\r\n        font-size:\r\n            14px;\r\n\r\n        line-height:\r\n            1.7;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-slider {\r\n        padding:\r\n            0;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-slide {\r\n        padding:\r\n            6px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-card {\r\n        min-height:\r\n            0;\r\n\r\n        padding:\r\n            26px\r\n            22px\r\n            23px;\r\n\r\n        border-radius:\r\n            17px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-quote-icon {\r\n        top:\r\n            18px;\r\n\r\n        right:\r\n            18px;\r\n\r\n        width:\r\n            46px;\r\n\r\n        height:\r\n            46px;\r\n\r\n        border-radius:\r\n            14px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-review {\r\n        padding-right:\r\n            58px;\r\n\r\n        font-size:\r\n            14px;\r\n\r\n        line-height:\r\n            1.8;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-arrow {\r\n        top:\r\n            auto;\r\n\r\n        bottom:\r\n            -58px;\r\n\r\n        width:\r\n            42px;\r\n\r\n        height:\r\n            42px;\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-arrow-prev {\r\n        left:\r\n            calc(50% - 50px);\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-arrow-next {\r\n        right:\r\n            calc(50% - 50px);\r\n    }\r\n\r\n    #dx-home-testimonials .dx-test-pagination {\r\n        margin-top:\r\n            73px;\r\n    }\r\n\r\n    .dx-test-modal {\r\n        padding:\r\n            65px\r\n            12px\r\n            20px;\r\n    }\r\n\r\n    .dx-test-modal-dialog {\r\n        border-radius:\r\n            13px;\r\n    }\r\n\r\n    .dx-test-modal-close {\r\n        top:\r\n            14px !important;\r\n\r\n        right:\r\n            14px !important;\r\n\r\n        width:\r\n            44px !important;\r\n\r\n        height:\r\n            44px !important;\r\n\r\n        border-radius:\r\n            12px !important;\r\n    }\r\n\r\n    .dx-test-modal-close::before,\r\n    .dx-test-modal-close::after {\r\n        width:\r\n            21px !important;\r\n\r\n        height:\r\n            3px !important;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   ACCESSIBILITY\r\n========================================================= *\/\r\n\r\n#dx-home-testimonials button:focus-visible {\r\n    outline:\r\n        2px solid var(--dx-yellow);\r\n\r\n    outline-offset:\r\n        4px;\r\n}\r\n\r\nbody.dx-test-modal-open {\r\n    overflow:\r\n        hidden !important;\r\n}\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n\r\n    #dx-home-testimonials *,\r\n    #dx-home-testimonials *::before,\r\n    #dx-home-testimonials *::after,\r\n    .dx-test-modal *,\r\n    .dx-test-modal *::before,\r\n    .dx-test-modal *::after {\r\n        animation-duration:\r\n            0.01ms !important;\r\n\r\n        animation-iteration-count:\r\n            1 !important;\r\n\r\n        transition-duration:\r\n            0.01ms !important;\r\n    }\r\n}\r\n\r\n\/* =========================================================\r\n   D-INDEX: CENTERED 3-CARD TESTIMONIAL SHOWCASE\r\n   Inspired by the reference carousel; existing review data preserved.\r\n========================================================= *\/\r\n#dx-home-testimonials .dx-test-slider {\r\n    width: min(1250px,100%);\r\n    margin: 0 auto;\r\n    padding: 0 64px;\r\n}\r\n#dx-home-testimonials .dx-test-viewport {\r\n    position: relative;\r\n    overflow: visible;\r\n    width: 100%;\r\n}\r\n#dx-home-testimonials .dx-test-track {\r\n    direction: ltr;\r\n    position: relative;\r\n    display: block;\r\n    width: 100%;\r\n    min-height: 340px;\r\n    height: 390px;\r\n    transform: none !important;\r\n    transition: height .35s ease;\r\n    will-change: auto;\r\n}\r\n#dx-home-testimonials .dx-test-slide {\r\n    position: absolute;\r\n    top: 12px;\r\n    left: 50%;\r\n    width: min(43%,480px);\r\n    min-width: 0;\r\n    height: auto;\r\n    padding: 0 8px 18px;\r\n    opacity: 0;\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n    z-index: 0;\r\n    transform: translateX(-50%) scale(.78);\r\n    transform-origin: center top;\r\n    transition: transform .65s cubic-bezier(.22,.61,.36,1),opacity .5s ease,visibility .5s;\r\n}\r\n#dx-home-testimonials .dx-test-slide.is-center {\r\n    z-index: 4;\r\n    opacity: 1;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    transform: translateX(-50%) scale(1);\r\n}\r\n#dx-home-testimonials .dx-test-slide.is-left {\r\n    z-index: 2;\r\n    opacity: .48;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    transform: translateX(-155%) scale(.87);\r\n}\r\n#dx-home-testimonials .dx-test-slide.is-right {\r\n    z-index: 2;\r\n    opacity: .48;\r\n    visibility: visible;\r\n    pointer-events: auto;\r\n    transform: translateX(55%) scale(.87);\r\n}\r\n#dx-home-testimonials .dx-test-card {\r\n    min-height: 0;\r\n    height: auto;\r\n    padding: 30px 27px 25px;\r\n    border-radius: 23px;\r\n    border: 1px solid rgba(105,66,216,.13);\r\n    background: #fff;\r\n    box-shadow: 0 16px 40px rgba(42,20,88,.09);\r\n    transform: none;\r\n}\r\n#dx-home-testimonials .dx-test-slide.is-center .dx-test-card {\r\n    border-color: rgba(105,66,216,.29);\r\n    box-shadow: 0 30px 75px rgba(42,20,88,.16),0 7px 18px rgba(42,20,88,.06);\r\n}\r\n#dx-home-testimonials .dx-test-card:hover {transform:none;}\r\n#dx-home-testimonials .dx-test-card::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    width: 58px;\r\n    height: 4px;\r\n    top: 0;\r\n    left: calc(50% - 29px);\r\n    border-radius: 0 0 6px 6px;\r\n    background: linear-gradient(90deg,var(--dx-yellow),var(--dx-purple));\r\n    opacity: .45;\r\n}\r\n#dx-home-testimonials .dx-test-slide.is-center .dx-test-card::before {opacity:1;}\r\n#dx-home-testimonials .dx-test-review {\r\n    padding-inline: 0 !important;\r\n    padding-left: 0 !important;\r\n    padding-right: 0 !important;\r\n    white-space: normal;\r\n    line-height: 1.85;\r\n    font-size: 15px;\r\n}\r\n#dx-home-testimonials .dx-test-stars {margin-bottom: 19px;}\r\n#dx-home-testimonials .dx-test-quote-icon {\r\n    top: 18px;\r\n    inset-inline-end: 19px;\r\n    inset-inline-start: auto;\r\n    width: 39px;\r\n    height: 39px;\r\n    border-radius: 12px;\r\n    opacity: .75;\r\n}\r\n#dx-home-testimonials .dx-test-quote-icon svg {width:21px;height:21px;}\r\n#dx-home-testimonials .dx-test-person {margin-top:24px;padding-top:17px;}\r\n#dx-home-testimonials .dx-test-arrow {top: 47%;}\r\n#dx-home-testimonials .dx-test-pagination {margin-top: 8px;}\r\n#dx-home-testimonials .dx-test-slide:not(.is-center) .dx-test-card {filter: saturate(.78);}\r\n@media (max-width: 900px) {\r\n    #dx-home-testimonials .dx-test-slider {padding: 0 48px;}\r\n    #dx-home-testimonials .dx-test-slide {width:min(58%,460px);}\r\n    #dx-home-testimonials .dx-test-slide.is-left {transform:translateX(-134%) scale(.83);}\r\n    #dx-home-testimonials .dx-test-slide.is-right {transform:translateX(34%) scale(.83);}\r\n}\r\n@media (max-width: 650px) {\r\n    #dx-home-testimonials .dx-test-slider {padding:0;}\r\n    #dx-home-testimonials .dx-test-track {min-height:0;height:390px;}\r\n    #dx-home-testimonials .dx-test-slide {width:min(96%,440px);top:4px;padding:0 5px 16px;}\r\n    #dx-home-testimonials .dx-test-slide.is-left,\r\n    #dx-home-testimonials .dx-test-slide.is-right {\r\n        opacity:0;\r\n        visibility:hidden;\r\n        pointer-events:none;\r\n        transform:translateX(-50%) scale(.93);\r\n    }\r\n    #dx-home-testimonials .dx-test-card {padding:26px 21px 23px;border-radius:18px;}\r\n    #dx-home-testimonials .dx-test-review {font-size:14px;line-height:1.85;}\r\n    #dx-home-testimonials .dx-test-arrow {top:auto;bottom:-65px;width:43px;height:43px;transform:none;}\r\n    #dx-home-testimonials .dx-test-arrow:hover {transform:none;}\r\n    #dx-home-testimonials .dx-test-arrow-prev,\r\n    #dx-home-testimonials .dx-test-arrow-next {left:auto;right:auto;}\r\n    #dx-home-testimonials .dx-test-arrow-prev {inset-inline-start:calc(50% - 77px);}\r\n    #dx-home-testimonials .dx-test-arrow-next {inset-inline-end:calc(50% - 77px);}\r\n    #dx-home-testimonials .dx-test-pagination {margin-top:76px;}\r\n}\r\n@media (prefers-reduced-motion:reduce) {\r\n    #dx-home-testimonials .dx-test-track,\r\n    #dx-home-testimonials .dx-test-slide {transition:none !important;}\r\n}\r\n\r\n<\/style>\r\n\r\n<section\r\n    id=\"dx-home-testimonials\"\r\n    aria-labelledby=\"dx-testimonials-title\"\r\n    dir=\"ltr\"\r\n>\r\n\r\n    <span\r\n        class=\"dx-test-orbit dx-test-orbit-one\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n        class=\"dx-test-orbit dx-test-orbit-two\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n        class=\"dx-test-dots dx-test-dots-one\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <span\r\n        class=\"dx-test-dots dx-test-dots-two\"\r\n        aria-hidden=\"true\"\r\n    ><\/span>\r\n\r\n    <div class=\"dx-test-main\">\r\n\r\n        <div class=\"dx-test-container\">\r\n\r\n            <!-- =================================================\r\n                 HEADER\r\n            ================================================== -->\r\n\r\n            <header class=\"dx-test-header\">\r\n\r\n                <span class=\"dx-test-eyebrow\">\r\n                    Client Testimonials\r\n                <\/span>\r\n\r\n                <h2\r\n                    id=\"dx-testimonials-title\"\r\n                    class=\"dx-test-title\"\r\n                >\r\n                    What Our Clients Say\r\n                <\/h2>\r\n\r\n                <p class=\"dx-test-description\">\r\n                    Real experiences from clients who trusted us\r\n                    to build, improve, and support their digital projects.\r\n                <\/p>\r\n\r\n            <\/header>\r\n\r\n            <!-- =================================================\r\n                 VIDEO TESTIMONIALS\r\n            ================================================== -->\r\n\r\n            <div class=\"dx-test-video-grid\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"dx-test-video-card\"\r\n                    data-video-id=\"dtCRXdp2qag\"\r\n                    aria-label=\"Play the first client video testimonial\"\r\n                >\r\n                    <img loading=\"lazy\"\r\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/84ef21a8-e751-498c-be44-d2fdf0882d6d.webp\"\r\n                        class=\"dx-test-video-image\"\r\n                        alt=\"Client video testimonial\"\r\n                        width=\"1600\"\r\n                        height=\"900\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                    <span class=\"dx-test-video-overlay\">\r\n\r\n                        <span\r\n                            class=\"dx-test-play\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M8 5v14l11-7z\"><\/path>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"dx-test-video-badge\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M8 5v14l11-7z\"><\/path>\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            Watch Client Story\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n                <\/button>\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"dx-test-video-card\"\r\n                    data-video-id=\"tB7nBjjZoy8\"\r\n                    aria-label=\"Play the second client video testimonial\"\r\n                >\r\n                    <img loading=\"lazy\"\r\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/e0eafccc-e822-4b9b-ace4-726086252662.webp\"\r\n                        class=\"dx-test-video-image\"\r\n                        alt=\"Client video testimonial\"\r\n                        width=\"1600\"\r\n                        height=\"900\"\r\n                        loading=\"lazy\"\r\n                        decoding=\"async\"\r\n                    >\r\n\r\n                    <span class=\"dx-test-video-overlay\">\r\n\r\n                        <span\r\n                            class=\"dx-test-play\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <svg viewBox=\"0 0 24 24\">\r\n                                <path d=\"M8 5v14l11-7z\"><\/path>\r\n                            <\/svg>\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n\r\n                    <span class=\"dx-test-video-badge\">\r\n\r\n                        <svg\r\n                            viewBox=\"0 0 24 24\"\r\n                            aria-hidden=\"true\"\r\n                        >\r\n                            <path d=\"M8 5v14l11-7z\"><\/path>\r\n                        <\/svg>\r\n\r\n                        <span>\r\n                            Watch Client Story\r\n                        <\/span>\r\n\r\n                    <\/span>\r\n                <\/button>\r\n\r\n            <\/div>\r\n\r\n            <!-- =================================================\r\n                 TEXT TESTIMONIALS\r\n            ================================================== -->\r\n\r\n            <div class=\"dx-test-text-section\">\r\n\r\n                <header class=\"dx-test-subheader\">\r\n\r\n                    <h3 class=\"dx-test-subtitle\">\r\n                        Client Experiences\r\n                    <\/h3>\r\n\r\n                    <p class=\"dx-test-subdescription\">\r\n                        Feedback that reflects the quality of our work,\r\n                        communication, support, and overall client experience.\r\n                    <\/p>\r\n\r\n                <\/header>\r\n\r\n                <div\r\n                    class=\"dx-test-slider\"\r\n                    aria-roledescription=\"carousel\"\r\n                    aria-label=\"Client testimonials\"\r\n                >\r\n\r\n                    <!-- PREVIOUS -->\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"dx-test-arrow dx-test-arrow-prev\"\r\n                        aria-label=\"Previous testimonials\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"m15 18-6-6 6-6\"><\/path>\r\n                        <\/svg>\r\n                    <\/button>\r\n\r\n                    <div class=\"dx-test-viewport\">\r\n\r\n                        <div class=\"dx-test-track\">\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 1\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        I would like to thank the team for the\r\n                                        overall experience. It was very positive.\r\n                                        They listened carefully to my needs,\r\n                                        understood the idea clearly from the\r\n                                        beginning, and made a real effort to\r\n                                        bring it to life. Every question was\r\n                                        handled professionally and responses\r\n                                        were always quick, which was very\r\n                                        important to me.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\r\n                                                alt=\"Waseem\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                Waseem\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                Go Coach\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 2\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        What I appreciated most was the genuine\r\n                                        knowledge and the strong relationship\r\n                                        throughout the work. Wishing the team\r\n                                        continued success.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\r\n                                                alt=\"Mohamed El Khouly\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                Mohamed El Khouly\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                LUM\u00c9A\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 3\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        Great team and excellent service.\r\n                                        If you need a professional website to\r\n                                        promote your business or location,\r\n                                        D-INDEX is an excellent choice.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\r\n                                                alt=\"James Swayze\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                James Swayze\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                GMCS Power Stations\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 4\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        I highly recommend D-INDEX.\r\n                                        The team is always ready to help\r\n                                        whenever you have a question or need\r\n                                        support.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\r\n                                                alt=\"Karina Salier\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                Karina Salier\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                High Performance Brain Training\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 5\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        Honest and professional to work with,\r\n                                        very cooperative, and fairly priced.\r\n                                        Thank you for the great effort and\r\n                                        excellent work.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\r\n                                                alt=\"DZ Daly\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                DZ Daly\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                DZ Store\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 6\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        One of the best companies I have worked\r\n                                        with. Great service and, more\r\n                                        importantly, great and honest people.\r\n                                        Truly a five-star experience.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\r\n                                                alt=\"Ibrahim Hassan\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                Ibrahim Hassan\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                R&amp;G\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 7\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        One of the most professional companies\r\n                                        I have worked with. They understood the\r\n                                        requirements from the first meeting,\r\n                                        were cooperative in finding solutions,\r\n                                        and responded quickly whenever an issue\r\n                                        came up. Their professionalism and\r\n                                        respectful communication were also\r\n                                        greatly appreciated.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\r\n                                                alt=\"Roaa Ahmed\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                Roaa Ahmed\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                My Soul Space\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                            <!-- =====================================\r\n                                 TESTIMONIAL 8\r\n                            ====================================== -->\r\n\r\n                            <article class=\"dx-test-slide\">\r\n\r\n                                <div class=\"dx-test-card\">\r\n\r\n                                    <span\r\n                                        class=\"dx-test-quote-icon\"\r\n                                        aria-hidden=\"true\"\r\n                                    >\r\n                                        <svg viewBox=\"0 0 24 24\">\r\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>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n\r\n                                    <div\r\n                                        class=\"dx-test-stars\"\r\n                                        aria-label=\"5 out of 5 stars\"\r\n                                    >\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                        <span>\u2605<\/span>\r\n                                    <\/div>\r\n\r\n                                    <p class=\"dx-test-review\">\r\n                                        I am genuinely grateful for the success\r\n                                        I achieved while working with D-INDEX.\r\n                                        They have a creative touch that is\r\n                                        clearly noticeable when you work with\r\n                                        their team.\r\n                                    <\/p>\r\n\r\n                                    <div class=\"dx-test-person\">\r\n\r\n                                        <span class=\"dx-test-avatar\">\r\n\r\n                                            <img\r\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\r\n                                                alt=\"Laila Kandil\"\r\n                                                loading=\"lazy\"\r\n                                                decoding=\"async\"\r\n                                            >\r\n\r\n                                        <\/span>\r\n\r\n                                        <span class=\"dx-test-person-info\">\r\n\r\n                                            <strong class=\"dx-test-person-name\">\r\n                                                Laila Kandil\r\n                                            <\/strong>\r\n\r\n                                            <span class=\"dx-test-person-company\">\r\n                                                Educational Creativity Center\r\n                                            <\/span>\r\n\r\n                                        <\/span>\r\n\r\n                                    <\/div>\r\n\r\n                                <\/div>\r\n\r\n                            <\/article>\r\n\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                    <!-- NEXT -->\r\n\r\n                    <button\r\n                        type=\"button\"\r\n                        class=\"dx-test-arrow dx-test-arrow-next\"\r\n                        aria-label=\"Next testimonials\"\r\n                    >\r\n                        <svg viewBox=\"0 0 24 24\">\r\n                            <path d=\"m9 18 6-6-6-6\"><\/path>\r\n                        <\/svg>\r\n                    <\/button>\r\n\r\n                    <div\r\n                        class=\"dx-test-pagination\"\r\n                        aria-label=\"Testimonial navigation\"\r\n                    ><\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- =========================================================\r\n     VIDEO MODAL\r\n========================================================== -->\r\n\r\n<div\r\n    class=\"dx-test-modal\"\r\n    id=\"dx-test-video-modal\"\r\n    role=\"dialog\"\r\n    aria-modal=\"true\"\r\n    aria-label=\"Client video testimonial\"\r\n    aria-hidden=\"true\"\r\n>\r\n\r\n    <button\r\n        type=\"button\"\r\n        class=\"dx-test-modal-close\"\r\n        aria-label=\"Close video\"\r\n    ><\/button>\r\n\r\n    <div class=\"dx-test-modal-dialog\">\r\n\r\n        <div class=\"dx-test-modal-video\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n    \"use strict\";\r\n\r\n    function initDxTestimonials() {\r\n\r\n        const section =\r\n            document.getElementById(\r\n                \"dx-home-testimonials\"\r\n            );\r\n\r\n        if (\r\n            !section ||\r\n            section.dataset.dxInitialized === \"true\"\r\n        ) {\r\n            return;\r\n        }\r\n\r\n        section.dataset.dxInitialized =\r\n            \"true\";\r\n\r\n        const widget =\r\n            section.closest(\r\n                \".elementor-widget-html\"\r\n            );\r\n\r\n        if (widget) {\r\n\r\n            widget.classList.add(\r\n                \"dx-testimonials-widget-fullwidth\"\r\n            );\r\n        }\r\n\r\n        \/* =====================================================\r\n           VIDEO MODAL\r\n        ====================================================== *\/\r\n\r\n        const videoButtons =\r\n            Array.from(\r\n                section.querySelectorAll(\r\n                    \".dx-test-video-card\"\r\n                )\r\n            );\r\n\r\n        const modal =\r\n            document.getElementById(\r\n                \"dx-test-video-modal\"\r\n            );\r\n\r\n        const modalVideo =\r\n            modal\r\n                ? modal.querySelector(\r\n                    \".dx-test-modal-video\"\r\n                )\r\n                : null;\r\n\r\n        const modalClose =\r\n            modal\r\n                ? modal.querySelector(\r\n                    \".dx-test-modal-close\"\r\n                )\r\n                : null;\r\n\r\n        let lastFocusedElement =\r\n            null;\r\n\r\n        function openVideo(\r\n            videoId,\r\n            trigger\r\n        ) {\r\n\r\n            if (\r\n                !modal ||\r\n                !modalVideo ||\r\n                !videoId\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            lastFocusedElement =\r\n                trigger || null;\r\n\r\n            const iframe =\r\n                document.createElement(\r\n                    \"iframe\"\r\n                );\r\n\r\n            iframe.src =\r\n                \"https:\/\/www.youtube.com\/embed\/\" +\r\n                encodeURIComponent(videoId) +\r\n                \"?feature=oembed\" +\r\n                \"&autoplay=1\" +\r\n                \"&controls=1\" +\r\n                \"&rel=0\" +\r\n                \"&playsinline=1\";\r\n\r\n            iframe.title =\r\n                \"Client video testimonial\";\r\n\r\n            iframe.allow =\r\n                \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\";\r\n\r\n            iframe.allowFullscreen =\r\n                true;\r\n\r\n            iframe.referrerPolicy =\r\n                \"strict-origin-when-cross-origin\";\r\n\r\n            modalVideo.innerHTML =\r\n                \"\";\r\n\r\n            modalVideo.appendChild(\r\n                iframe\r\n            );\r\n\r\n            modal.classList.add(\r\n                \"is-open\"\r\n            );\r\n\r\n            modal.setAttribute(\r\n                \"aria-hidden\",\r\n                \"false\"\r\n            );\r\n\r\n            document.body.classList.add(\r\n                \"dx-test-modal-open\"\r\n            );\r\n\r\n            window.setTimeout(\r\n                function () {\r\n\r\n                    if (modalClose) {\r\n                        modalClose.focus();\r\n                    }\r\n\r\n                },\r\n                50\r\n            );\r\n        }\r\n\r\n        function closeVideo() {\r\n\r\n            if (\r\n                !modal ||\r\n                !modalVideo\r\n            ) {\r\n                return;\r\n            }\r\n\r\n            modal.classList.remove(\r\n                \"is-open\"\r\n            );\r\n\r\n            modal.setAttribute(\r\n                \"aria-hidden\",\r\n                \"true\"\r\n            );\r\n\r\n            modalVideo.innerHTML =\r\n                \"\";\r\n\r\n            document.body.classList.remove(\r\n                \"dx-test-modal-open\"\r\n            );\r\n\r\n            if (\r\n                lastFocusedElement &&\r\n                typeof lastFocusedElement.focus ===\r\n                    \"function\"\r\n            ) {\r\n                lastFocusedElement.focus();\r\n            }\r\n        }\r\n\r\n        videoButtons.forEach(\r\n            function (button) {\r\n\r\n                button.addEventListener(\r\n                    \"click\",\r\n                    function () {\r\n\r\n                        openVideo(\r\n                            button.getAttribute(\r\n                                \"data-video-id\"\r\n                            ),\r\n                            button\r\n                        );\r\n                    }\r\n                );\r\n            }\r\n        );\r\n\r\n        if (modalClose) {\r\n\r\n            modalClose.addEventListener(\r\n                \"click\",\r\n                closeVideo\r\n            );\r\n        }\r\n\r\n        if (modal) {\r\n\r\n            modal.addEventListener(\r\n                \"click\",\r\n                function (event) {\r\n\r\n                    if (\r\n                        event.target === modal\r\n                    ) {\r\n                        closeVideo();\r\n                    }\r\n                }\r\n            );\r\n        }\r\n\r\n        document.addEventListener(\r\n            \"keydown\",\r\n            function (event) {\r\n\r\n                if (\r\n                    event.key === \"Escape\" &&\r\n                    modal &&\r\n                    modal.classList.contains(\r\n                        \"is-open\"\r\n                    )\r\n                ) {\r\n                    closeVideo();\r\n                }\r\n            }\r\n        );\r\n\r\n\r\n        \/* =====================================================\r\n           CENTER FOCUS CAROUSEL - keeps all original reviews\r\n        ====================================================== *\/\r\n        const slider=section.querySelector('.dx-test-slider');\r\n        const track=section.querySelector('.dx-test-track');\r\n        const slides=Array.from(section.querySelectorAll('.dx-test-slide'));\r\n        const prev=section.querySelector('.dx-test-arrow-prev');\r\n        const next=section.querySelector('.dx-test-arrow-next');\r\n        const pagination=section.querySelector('.dx-test-pagination');\r\n        if (!slider || !track || !slides.length || !pagination) return;\r\n        const rtl=section.getAttribute('dir')==='rtl' || getComputedStyle(section).direction==='rtl';\r\n        let current=0,timer=null,startX=0,resizeTimer=null;\r\n        const reduceMotion=window.matchMedia('(prefers-reduced-motion: reduce)');\r\n        const indexOf=n=>(n+slides.length)%slides.length;\r\n        function resizeStage(){\r\n            const center=slides[current];\r\n            if (!center) return;\r\n            const card=center.querySelector('.dx-test-card');\r\n            if (!card) return;\r\n            track.style.height=Math.ceil(card.getBoundingClientRect().height+36)+'px';\r\n        }\r\n        function draw(){\r\n            const previous=indexOf(current-1),following=indexOf(current+1);\r\n            slides.forEach((slide,i)=>{\r\n                slide.classList.remove('is-left','is-center','is-right');\r\n                if(i===current) slide.classList.add('is-center');\r\n                else if(i===previous) slide.classList.add(rtl?'is-right':'is-left');\r\n                else if(i===following) slide.classList.add(rtl?'is-left':'is-right');\r\n                slide.setAttribute('aria-hidden',i===current?'false':'true');\r\n            });\r\n            pagination.querySelectorAll('.dx-test-dot').forEach((dot,i)=>{\r\n                dot.classList.toggle('is-active',i===current);\r\n                dot.setAttribute('aria-current',i===current?'true':'false');\r\n            });\r\n            requestAnimationFrame(resizeStage);\r\n        }\r\n        slides.forEach((slide,i)=>{\r\n            const dot=document.createElement('button');\r\n            dot.type='button';dot.className='dx-test-dot';\r\n            dot.setAttribute('aria-label',(rtl?'\u0639\u0631\u0636 \u0631\u0623\u064a \u0627\u0644\u0639\u0645\u064a\u0644 ':'Show testimonial ')+(i+1));\r\n            dot.addEventListener('click',()=>{current=i;draw();restart();});\r\n            pagination.appendChild(dot);\r\n            const card=slide.querySelector('.dx-test-card');\r\n            if(card && typeof ResizeObserver!=='undefined'){\r\n                const ro=new ResizeObserver(()=>{if(current===i)resizeStage();});\r\n                ro.observe(card);\r\n            }\r\n            slide.addEventListener('click',()=>{\r\n                if(i!==current){current=i;draw();restart();}\r\n            });\r\n        });\r\n        function go(delta){current=indexOf(current+delta);draw();}\r\n        function stop(){if(timer){clearInterval(timer);timer=null;}}\r\n        function play(){stop();if(!reduceMotion.matches && !document.hidden) timer=setInterval(()=>go(1),5500);}\r\n        function restart(){play();}\r\n        if(prev)prev.addEventListener('click',()=>{go(-1);restart();});\r\n        if(next)next.addEventListener('click',()=>{go(1);restart();});\r\n        slider.addEventListener('mouseenter',stop);\r\n        slider.addEventListener('mouseleave',play);\r\n        slider.addEventListener('focusin',stop);\r\n        slider.addEventListener('focusout',play);\r\n        slider.addEventListener('touchstart',e=>{startX=e.changedTouches[0].clientX;},{passive:true});\r\n        slider.addEventListener('touchend',e=>{\r\n            const diff=e.changedTouches[0].clientX-startX;\r\n            if(Math.abs(diff)<45)return;\r\n            go((diff<0 ? 1:-1)*(rtl?-1:1));restart();\r\n        },{passive:true});\r\n        document.addEventListener('visibilitychange',()=>document.hidden?stop():play());\r\n        window.addEventListener('resize',()=>{clearTimeout(resizeTimer);resizeTimer=setTimeout(resizeStage,120);});\r\n        slides.forEach(slide=>slide.querySelectorAll('img').forEach(img=>img.addEventListener('load',resizeStage)));\r\n        draw();play();\r\n\r\n    }\r\n\r\n    if (\r\n        document.readyState ===\r\n        \"loading\"\r\n    ) {\r\n\r\n        document.addEventListener(\r\n            \"DOMContentLoaded\",\r\n            initDxTestimonials\r\n        );\r\n\r\n    } else {\r\n\r\n        initDxTestimonials();\r\n\r\n    }\r\n})();\r\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-0f5a6df e-con-full e-flex e-con e-parent\" data-id=\"0f5a6df\" 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-4896aa5 elementor-widget elementor-widget-html\" data-id=\"4896aa5\" 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     FINAL CTA SECTION\n     Author: Mohamed El-Sehemy\n     English LTR - Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-final-cta),\n.elementor-widget-html:has(#dx-final-cta) > .elementor-widget-container,\n.dx-final-cta-widget-fullwidth,\n.dx-final-cta-widget-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    overflow: visible !important;\n}\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n#dx-final-cta,\n#dx-final-cta *,\n#dx-final-cta *::before,\n#dx-final-cta *::after {\n    box-sizing: border-box;\n}\n\n#dx-final-cta {\n    --dx-cta-dark: #090020;\n    --dx-cta-dark-light: #20104b;\n    --dx-cta-purple: #6942d8;\n    --dx-cta-purple-light: #9168ef;\n    --dx-cta-yellow: #ffc441;\n    --dx-cta-yellow-light: #ffd66e;\n    --dx-cta-white: #ffffff;\n    --dx-cta-text: rgba(255, 255, 255, 0.74);\n    --dx-cta-border: rgba(255, 255, 255, 0.15);\n    --dx-cta-page-bg: #f8f7fc;\n\n    position: relative;\n    z-index: 2;\n    isolation: isolate;\n\n    display: block;\n    clear: both;\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-cta-white);\n\n    background: var(--dx-cta-page-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-final-cta a {\n    color: inherit;\n    text-decoration: none;\n}\n\n#dx-final-cta button {\n    font: inherit;\n}\n\n\/* =========================================================\n   SECTION LAYOUT\n========================================================= *\/\n\n#dx-final-cta .dx-final-cta-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        58px\n        clamp(22px, 5vw, 90px)\n        62px;\n}\n\n#dx-final-cta .dx-final-cta-container {\n    position: relative;\n    isolation: isolate;\n\n    width: min(1580px, 100%);\n    min-height: 460px;\n\n    margin: 0 auto;\n\n    padding:\n        58px\n        clamp(28px, 5vw, 85px);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    overflow: hidden;\n\n    border: 1px solid var(--dx-cta-border);\n    border-radius: 30px;\n\n    background:\n        radial-gradient(\n            circle at 18% 16%,\n            rgba(145, 104, 239, 0.28),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 88% 82%,\n            rgba(105, 66, 216, 0.24),\n            transparent 35%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-cta-dark-light),\n            var(--dx-cta-dark)\n        );\n\n    box-shadow:\n        0 30px 66px rgba(38, 17, 86, 0.20),\n        inset 0 1px 0 rgba(255, 255, 255, 0.08);\n}\n\n\/* =========================================================\n   INTERNAL BACKGROUND\n========================================================= *\/\n\n#dx-final-cta .dx-final-cta-grid {\n    position: absolute;\n    z-index: -5;\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: 68px 68px;\n\n    -webkit-mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 18%,\n            transparent 78%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 18%,\n            transparent 78%\n        );\n\n    pointer-events: none;\n}\n\n#dx-final-cta .dx-final-cta-center-orbit {\n    position: absolute;\n    z-index: -3;\n\n    top: -145px;\n    left: 50%;\n\n    width: 340px;\n    height: 340px;\n\n    border:\n        58px solid rgba(145, 104, 239, 0.10);\n\n    border-radius:\n        50%;\n\n    transform:\n        translateX(-50%);\n\n    pointer-events:\n        none;\n}\n\n#dx-final-cta .dx-final-cta-line {\n    position: absolute;\n    z-index: -2;\n\n    left: -90px;\n    bottom: 35px;\n\n    width: 350px;\n    height: 8px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            rgba(145, 104, 239, 0.58),\n            rgba(255, 196, 65, 0.38),\n            transparent\n        );\n\n    transform:\n        rotate(45deg);\n\n    pointer-events:\n        none;\n}\n\n#dx-final-cta .dx-final-cta-dots {\n    position: absolute;\n    z-index: -2;\n\n    right: 36px;\n    top: 30px;\n\n    width: 110px;\n    height: 110px;\n\n    opacity: 0.22;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-cta-purple-light) 2px,\n            transparent 2.7px\n        );\n\n    background-size:\n        17px 17px;\n\n    pointer-events:\n        none;\n}\n\n\/* =========================================================\n   CONTENT\n========================================================= *\/\n\n#dx-final-cta .dx-final-cta-content {\n    position: relative;\n    z-index: 5;\n\n    width:\n        min(\n            920px,\n            100%\n        );\n\n    text-align:\n        center;\n}\n\n#dx-final-cta .dx-final-cta-label {\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        10px;\n\n    margin-bottom:\n        13px;\n\n    color:\n        var(--dx-cta-yellow);\n\n    font-size:\n        14px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1.6;\n}\n\n#dx-final-cta .dx-final-cta-label::before,\n#dx-final-cta .dx-final-cta-label::after {\n    content:\n        \"\";\n\n    width:\n        34px;\n\n    height:\n        2px;\n\n    border-radius:\n        999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-cta-yellow),\n            var(--dx-cta-purple-light)\n        );\n}\n\n#dx-final-cta .dx-final-cta-title {\n    margin:\n        0;\n\n    color:\n        var(--dx-cta-white);\n\n    font-size:\n        clamp(\n            34px,\n            4vw,\n            58px\n        );\n\n    font-weight:\n        900;\n\n    line-height:\n        1.22;\n\n    letter-spacing:\n        -1px;\n}\n\n#dx-final-cta .dx-final-cta-title-highlight {\n    color:\n        var(--dx-cta-yellow);\n}\n\n#dx-final-cta .dx-final-cta-description {\n    max-width:\n        740px;\n\n    margin:\n        18px\n        auto\n        0;\n\n    color:\n        var(--dx-cta-text);\n\n    font-size:\n        16px;\n\n    font-weight:\n        400;\n\n    line-height:\n        1.8;\n}\n\n\/* =========================================================\n   BUTTONS\n========================================================= *\/\n\n#dx-final-cta .dx-final-cta-actions {\n    margin-top:\n        28px;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    flex-wrap:\n        wrap;\n\n    gap:\n        13px;\n}\n\n#dx-final-cta .dx-final-cta-button {\n    position:\n        relative;\n\n    min-width:\n        220px;\n\n    min-height:\n        56px;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    gap:\n        10px;\n\n    padding:\n        0\n        27px;\n\n    border:\n        1px solid transparent;\n\n    border-radius:\n        13px;\n\n    font-size:\n        14px;\n\n    font-weight:\n        800;\n\n    line-height:\n        1.5;\n\n    cursor:\n        pointer;\n\n    overflow:\n        hidden;\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        color 0.25s ease;\n}\n\n#dx-final-cta .dx-final-cta-button-primary {\n    color:\n        #190c32;\n\n    border-color:\n        rgba(255, 255, 255, 0.25);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-cta-yellow),\n            var(--dx-cta-yellow-light)\n        );\n\n    box-shadow:\n        0 17px 38px\n        rgba(255, 196, 65, 0.24);\n}\n\n#dx-final-cta .dx-final-cta-button-primary::before {\n    content:\n        \"\";\n\n    position:\n        absolute;\n\n    top:\n        -50%;\n\n    left:\n        -70%;\n\n    width:\n        35%;\n\n    height:\n        200%;\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            rgba(255, 255, 255, 0.55),\n            transparent\n        );\n\n    transform:\n        rotate(20deg);\n\n    transition:\n        left 0.55s ease;\n}\n\n#dx-final-cta .dx-final-cta-button-primary:hover::before {\n    left:\n        135%;\n}\n\n#dx-final-cta .dx-final-cta-button-secondary {\n    color:\n        var(--dx-cta-white);\n\n    border-color:\n        rgba(255, 255, 255, 0.22);\n\n    background:\n        rgba(255, 255, 255, 0.07);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    backdrop-filter:\n        blur(10px);\n}\n\n#dx-final-cta .dx-final-cta-button:hover,\n#dx-final-cta .dx-final-cta-button:focus-visible {\n    transform:\n        translateY(-4px);\n}\n\n#dx-final-cta .dx-final-cta-button-primary:hover,\n#dx-final-cta .dx-final-cta-button-primary:focus-visible {\n    color:\n        #120725;\n\n    box-shadow:\n        0 22px 48px\n        rgba(255, 196, 65, 0.34);\n}\n\n#dx-final-cta .dx-final-cta-button-secondary:hover,\n#dx-final-cta .dx-final-cta-button-secondary:focus-visible {\n    border-color:\n        rgba(145, 104, 239, 0.72);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-cta-purple),\n            var(--dx-cta-purple-light)\n        );\n\n    box-shadow:\n        0 19px 42px\n        rgba(105, 66, 216, 0.32);\n}\n\n#dx-final-cta .dx-final-cta-button svg {\n    position:\n        relative;\n\n    z-index:\n        2;\n\n    width:\n        20px;\n\n    height:\n        20px;\n\n    flex:\n        0 0 20px;\n\n    fill:\n        none;\n\n    stroke:\n        currentColor;\n\n    stroke-width:\n        1.9;\n\n    stroke-linecap:\n        round;\n\n    stroke-linejoin:\n        round;\n}\n\n\/* =========================================================\n   TRUST ITEMS\n========================================================= *\/\n\n#dx-final-cta .dx-final-cta-trust {\n    margin-top:\n        24px;\n\n    display:\n        flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    flex-wrap:\n        wrap;\n\n    gap:\n        10px\n        22px;\n}\n\n#dx-final-cta .dx-final-cta-trust-item {\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    gap:\n        8px;\n\n    color:\n        rgba(255, 255, 255, 0.66);\n\n    font-size:\n        13px;\n\n    font-weight:\n        600;\n\n    line-height:\n        1.6;\n}\n\n#dx-final-cta .dx-final-cta-trust-icon {\n    width:\n        22px;\n\n    height:\n        22px;\n\n    display:\n        inline-flex;\n\n    align-items:\n        center;\n\n    justify-content:\n        center;\n\n    border:\n        1px solid rgba(255, 196, 65, 0.30);\n\n    border-radius:\n        50%;\n\n    color:\n        var(--dx-cta-yellow);\n\n    background:\n        rgba(255, 196, 65, 0.08);\n}\n\n#dx-final-cta .dx-final-cta-trust-icon svg {\n    width:\n        12px;\n\n    height:\n        12px;\n\n    fill:\n        none;\n\n    stroke:\n        currentColor;\n\n    stroke-width:\n        2.2;\n\n    stroke-linecap:\n        round;\n\n    stroke-linejoin:\n        round;\n}\n\n\/* =========================================================\n   FLOATING SHAPES\n========================================================= *\/\n\n#dx-final-cta .dx-final-cta-floating {\n    position:\n        absolute;\n\n    z-index:\n        1;\n\n    pointer-events:\n        none;\n\n    animation:\n        dxFinalCtaFloat\n        5s\n        ease-in-out\n        infinite;\n}\n\n#dx-final-cta .dx-final-cta-floating-one {\n    top:\n        36px;\n\n    left:\n        48px;\n\n    width:\n        50px;\n\n    height:\n        50px;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.18);\n\n    border-radius:\n        16px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(145, 104, 239, 0.72),\n            rgba(105, 66, 216, 0.20)\n        );\n\n    transform:\n        rotate(-16deg);\n}\n\n#dx-final-cta .dx-final-cta-floating-two {\n    right:\n        62px;\n\n    bottom:\n        44px;\n\n    width:\n        40px;\n\n    height:\n        40px;\n\n    border:\n        8px solid rgba(255, 196, 65, 0.60);\n\n    border-radius:\n        50%;\n\n    animation-delay:\n        -2.3s;\n}\n\n#dx-final-cta .dx-final-cta-floating-three {\n    top:\n        68px;\n\n    right:\n        82px;\n\n    width:\n        16px;\n\n    height:\n        16px;\n\n    border-radius:\n        50%;\n\n    background:\n        var(--dx-cta-yellow);\n\n    box-shadow:\n        0 0 30px\n        rgba(255, 196, 65, 0.50);\n\n    animation-delay:\n        -1.2s;\n}\n\n@keyframes dxFinalCtaFloat {\n\n    0%,\n    100% {\n        transform:\n            translateY(0)\n            rotate(-12deg);\n    }\n\n    50% {\n        transform:\n            translateY(-12px)\n            rotate(-18deg);\n    }\n}\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    #dx-final-cta .dx-final-cta-main {\n        padding:\n            52px\n            28px\n            56px;\n    }\n\n    #dx-final-cta .dx-final-cta-container {\n        min-height:\n            430px;\n\n        padding:\n            52px\n            34px;\n\n        border-radius:\n            27px;\n    }\n\n    #dx-final-cta .dx-final-cta-title {\n        font-size:\n            clamp(\n                34px,\n                6.5vw,\n                50px\n            );\n\n        line-height:\n            1.25;\n    }\n\n    #dx-final-cta .dx-final-cta-floating-one {\n        top:\n            25px;\n\n        left:\n            26px;\n    }\n\n    #dx-final-cta .dx-final-cta-floating-two {\n        right:\n            30px;\n\n        bottom:\n            30px;\n    }\n\n    #dx-final-cta .dx-final-cta-floating-three {\n        top:\n            38px;\n\n        right:\n            40px;\n    }\n}\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media (max-width: 600px) {\n\n    #dx-final-cta .dx-final-cta-main {\n        padding:\n            38px\n            16px\n            42px;\n    }\n\n    #dx-final-cta .dx-final-cta-container {\n        min-height:\n            0;\n\n        padding:\n            46px\n            18px\n            42px;\n\n        border-radius:\n            22px;\n    }\n\n    #dx-final-cta .dx-final-cta-center-orbit {\n        top:\n            -75px;\n\n        width:\n            220px;\n\n        height:\n            220px;\n\n        border-width:\n            40px;\n    }\n\n    #dx-final-cta .dx-final-cta-label {\n        margin-bottom:\n            11px;\n\n        font-size:\n            13px;\n    }\n\n    #dx-final-cta .dx-final-cta-label::before,\n    #dx-final-cta .dx-final-cta-label::after {\n        width:\n            22px;\n    }\n\n    #dx-final-cta .dx-final-cta-title {\n        font-size:\n            clamp(\n                27px,\n                8.5vw,\n                36px\n            );\n\n        line-height:\n            1.3;\n\n        letter-spacing:\n            -0.4px;\n    }\n\n    #dx-final-cta .dx-final-cta-description {\n        margin-top:\n            14px;\n\n        font-size:\n            15px;\n\n        line-height:\n            1.75;\n    }\n\n    #dx-final-cta .dx-final-cta-actions {\n        margin-top:\n            23px;\n\n        gap:\n            10px;\n    }\n\n    #dx-final-cta .dx-final-cta-button {\n        width:\n            100%;\n\n        min-width:\n            0;\n\n        min-height:\n            54px;\n\n        padding-right:\n            18px;\n\n        padding-left:\n            18px;\n\n        font-size:\n            14px;\n    }\n\n    #dx-final-cta .dx-final-cta-trust {\n        margin-top:\n            21px;\n\n        display:\n            grid;\n\n        grid-template-columns:\n            1fr;\n\n        gap:\n            9px;\n    }\n\n    #dx-final-cta .dx-final-cta-trust-item {\n        justify-content:\n            center;\n\n        font-size:\n            12px;\n    }\n\n    #dx-final-cta .dx-final-cta-floating-one {\n        top:\n            16px;\n\n        left:\n            16px;\n\n        width:\n            36px;\n\n        height:\n            36px;\n\n        border-radius:\n            11px;\n\n        opacity:\n            0.70;\n    }\n\n    #dx-final-cta .dx-final-cta-floating-two {\n        right:\n            16px;\n\n        bottom:\n            16px;\n\n        width:\n            30px;\n\n        height:\n            30px;\n\n        border-width:\n            6px;\n\n        opacity:\n            0.66;\n    }\n\n    #dx-final-cta .dx-final-cta-floating-three {\n        top:\n            24px;\n\n        right:\n            24px;\n\n        width:\n            10px;\n\n        height:\n            10px;\n\n        opacity:\n            0.78;\n    }\n\n    #dx-final-cta .dx-final-cta-line {\n        left:\n            -170px;\n\n        bottom:\n            75px;\n\n        width:\n            340px;\n\n        height:\n            7px;\n\n        opacity:\n            0.50;\n    }\n\n    #dx-final-cta .dx-final-cta-dots {\n        display:\n            none;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-final-cta a:focus-visible,\n#dx-final-cta button:focus-visible {\n    outline:\n        3px solid var(--dx-cta-yellow);\n\n    outline-offset:\n        4px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    #dx-final-cta *,\n    #dx-final-cta *::before,\n    #dx-final-cta *::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-final-cta\"\n    aria-labelledby=\"dx-final-cta-title\"\n    dir=\"ltr\"\n>\n\n    <div class=\"dx-final-cta-main\">\n\n        <div class=\"dx-final-cta-container\">\n\n            <div\n                class=\"dx-final-cta-grid\"\n                aria-hidden=\"true\"\n            ><\/div>\n\n            <span\n                class=\"dx-final-cta-center-orbit\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-line\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-dots\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-floating dx-final-cta-floating-one\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-floating dx-final-cta-floating-two\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <span\n                class=\"dx-final-cta-floating dx-final-cta-floating-three\"\n                aria-hidden=\"true\"\n            ><\/span>\n\n            <div class=\"dx-final-cta-content\">\n\n                <span class=\"dx-final-cta-label\">\n                    Let\u2019s Start Your Project\n                <\/span>\n\n                <h2\n                    id=\"dx-final-cta-title\"\n                    class=\"dx-final-cta-title\"\n                >\n                    Have a Digital Project in Mind?\n                    <br>\n\n                    Let\u2019s Turn It Into a\n\n                    <span class=\"dx-final-cta-title-highlight\">\n                        Powerful Digital Solution\n                    <\/span>\n                <\/h2>\n\n                <p class=\"dx-final-cta-description\">\n                    Tell us about your idea and business goals.\n                    Our team will understand your requirements and\n                    recommend the right digital solution to help you\n                    launch, grow, and move forward with confidence.\n                <\/p>\n\n                <div class=\"dx-final-cta-actions\">\n\n                    <!-- PRIMARY CTA -->\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/contact\/\"\n                        class=\"dx-final-cta-button dx-final-cta-button-primary\"\n                    >\n                        <span>\n                            Get a Free Consultation\n                        <\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M8 3h8a3 3 0 0 1 3 3v6a3 3 0 0 1-3 3h-5l-4 4v-4a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h1\"><\/path>\n                            <path d=\"M8 8h8\"><\/path>\n                            <path d=\"M8 11h5\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <!-- SECONDARY CTA -->\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/web-projects\/\"\n                        class=\"dx-final-cta-button dx-final-cta-button-secondary\"\n                    >\n                        <span>\n                            Explore Our Work\n                        <\/span>\n\n                        <svg\n                            class=\"dx-final-cta-contact-arrow\"\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                <!-- =================================================\n                     TRUST ITEMS\n                ================================================== -->\n\n                <div\n                    class=\"dx-final-cta-trust\"\n                    aria-label=\"Project consultation benefits\"\n                >\n\n                    <span class=\"dx-final-cta-trust-item\">\n\n                        <span\n                            class=\"dx-final-cta-trust-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m6 12 4 4 8-8\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n                            Free Initial Consultation\n                        <\/span>\n\n                    <\/span>\n\n                    <span class=\"dx-final-cta-trust-item\">\n\n                        <span\n                            class=\"dx-final-cta-trust-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m6 12 4 4 8-8\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n                            Clear Project Roadmap\n                        <\/span>\n\n                    <\/span>\n\n                    <span class=\"dx-final-cta-trust-item\">\n\n                        <span\n                            class=\"dx-final-cta-trust-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m6 12 4 4 8-8\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        <span>\n                            Solutions Tailored to Your Business\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 initDxFinalCta() {\n\n        const section =\n            document.getElementById(\n                \"dx-final-cta\"\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-final-cta-widget-fullwidth\"\n            );\n        }\n    }\n\n    if (\n        document.readyState === \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxFinalCta\n        );\n\n    } else {\n\n        initDxFinalCta();\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Google 5.0 \u2605\u2605\u2605\u2605\u2605 (20 reviews) D-INDEX Your Partner in Digital Transformation We build high-performing websites, mobile apps, e-commerce platforms, and custom digital solutions designed to help businesses grow and compete in a digital-first world. Get a Free Consultation Explore Our Work 47 Projects Delivered 115 Clients Worldwide 12 Employees 98% Client Satisfaction About D-INDEX Digital [&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-146","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Home - 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\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Home - D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"og:description\" content=\"Google 5.0 \u2605\u2605\u2605\u2605\u2605 (20 reviews) D-INDEX Your Partner in Digital Transformation We build high-performing websites, mobile apps, e-commerce platforms, and custom digital solutions designed to help businesses grow and compete in a digital-first world. Get a Free Consultation Explore Our Work 47 Projects Delivered 115 Clients Worldwide 12 Employees 98% Client Satisfaction About D-INDEX Digital [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/dindex.net\/\" \/>\n<meta property=\"og:site_name\" content=\"D-INDEX - Your Partner in Digital Transformation\" \/>\n<meta property=\"article:modified_time\" content=\"2026-10-18T10:35:23+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\\\/\",\"url\":\"https:\\\/\\\/dindex.net\\\/\",\"name\":\"Home - D-INDEX - Your Partner in Digital Transformation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#website\"},\"datePublished\":\"2025-02-14T08:44:39+00:00\",\"dateModified\":\"2026-10-18T10:35:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/dindex.net\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/dindex.net\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/dindex.net\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\\\/\\\/dindex.net\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Home\"}]},{\"@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":"Home - 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\/","og_locale":"en_US","og_type":"article","og_title":"Home - D-INDEX - Your Partner in Digital Transformation","og_description":"Google 5.0 \u2605\u2605\u2605\u2605\u2605 (20 reviews) D-INDEX Your Partner in Digital Transformation We build high-performing websites, mobile apps, e-commerce platforms, and custom digital solutions designed to help businesses grow and compete in a digital-first world. Get a Free Consultation Explore Our Work 47 Projects Delivered 115 Clients Worldwide 12 Employees 98% Client Satisfaction About D-INDEX Digital [&hellip;]","og_url":"https:\/\/dindex.net\/","og_site_name":"D-INDEX - Your Partner in Digital Transformation","article_modified_time":"2026-10-18T10:35:23+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\/","url":"https:\/\/dindex.net\/","name":"Home - D-INDEX - Your Partner in Digital Transformation","isPartOf":{"@id":"https:\/\/dindex.net\/#website"},"datePublished":"2025-02-14T08:44:39+00:00","dateModified":"2026-10-18T10:35:23+00:00","breadcrumb":{"@id":"https:\/\/dindex.net\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/dindex.net\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/dindex.net\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/dindex.net\/"},{"@type":"ListItem","position":2,"name":"Home"}]},{"@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\/146","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=146"}],"version-history":[{"count":132,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":4433,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/146\/revisions\/4433"}],"wp:attachment":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/media?parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}