{"id":4219,"date":"2026-08-16T12:18:41","date_gmt":"2026-08-16T12:18:41","guid":{"rendered":"https:\/\/dindex.net\/social-media\/"},"modified":"2026-08-20T11:10:54","modified_gmt":"2026-08-20T11:10:54","slug":"social-media","status":"publish","type":"page","link":"https:\/\/dindex.net\/en\/social-media\/","title":{"rendered":"Social Media Management"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"4219\" class=\"elementor elementor-4219 elementor-3786\" 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-ff5dc95 e-flex e-con-boxed e-con e-parent\" data-id=\"ff5dc95\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ca7a7c9 elementor-widget elementor-widget-html\" data-id=\"ca7a7c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.elementor-widget-html:has(#dx-social-media-hero),\n.elementor-widget-html:has(#dx-social-media-hero) > .elementor-widget-container,\n.dx-social-media-hero-fullwidth,\n.dx-social-media-hero-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-social-media-hero,\n#dx-social-media-hero *,\n#dx-social-media-hero *::before,\n#dx-social-media-hero *::after {\n    box-sizing: border-box;\n}\n\n#dx-social-media-hero {\n    --dx-dark: #0d0228;\n    --dx-dark-light: #1f0c49;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255,255,255,0.75);\n    --dx-muted: rgba(255,255,255,0.56);\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    direction: ltr;\n\n    color: #ffffff;\n\n    background:\n        radial-gradient(\n            circle at 8% 12%,\n            rgba(112,69,223,0.27),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 93% 88%,\n            rgba(255,196,65,0.06),\n            transparent 27%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-dark-light),\n            var(--dx-dark) 62%\n        );\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-social-media-hero a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   BACKGROUND\n========================= *\/\n\n#dx-social-media-hero .dx-smh-grid {\n    position: absolute;\n    z-index: -4;\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 12%,\n            transparent 82%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 12%,\n            transparent 82%\n        );\n\n    pointer-events: none;\n}\n\n#dx-social-media-hero .dx-smh-glow {\n    position: absolute;\n    z-index: -3;\n\n    border-radius: 50%;\n    filter: blur(120px);\n\n    pointer-events: none;\n}\n\n#dx-social-media-hero .dx-smh-glow-one {\n    top: -220px;\n    left: -120px;\n\n    width: 500px;\n    height: 500px;\n\n    background: rgba(112,69,223,0.2);\n}\n\n#dx-social-media-hero .dx-smh-glow-two {\n    right: -170px;\n    bottom: -220px;\n\n    width: 470px;\n    height: 470px;\n\n    background: rgba(255,196,65,0.05);\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-social-media-hero .dx-smh-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        90px\n        clamp(22px, 5vw, 90px)\n        82px;\n}\n\n#dx-social-media-hero .dx-smh-container {\n    width: min(1400px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   LAYOUT\n========================= *\/\n\n#dx-social-media-hero .dx-smh-layout {\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1.05fr)\n        minmax(0, 0.95fr);\n\n    align-items: center;\n\n    gap: clamp(45px, 6vw, 90px);\n}\n\n\/* =========================\n   CONTENT\n========================= *\/\n\n#dx-social-media-hero .dx-smh-copy {\n    min-width: 0;\n}\n\n#dx-social-media-hero .dx-smh-eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 9px;\n\n    min-height: 36px;\n\n    margin-bottom: 16px;\n\n    padding:\n        0\n        15px;\n\n    border: 1px solid rgba(255,255,255,0.11);\n    border-radius: 999px;\n\n    color: #eadfff;\n\n    background: rgba(255,255,255,0.05);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-hero .dx-smh-eyebrow-dot {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--dx-green);\n\n    box-shadow:\n        0 0 0 5px rgba(83,207,146,0.1);\n}\n\n#dx-social-media-hero .dx-smh-title {\n    max-width: 760px;\n\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(42px, 5vw, 67px);\n    font-weight: 900;\n    line-height: 1.45;\n    letter-spacing: -0.6px;\n\n    text-wrap: balance;\n}\n\n#dx-social-media-hero .dx-smh-title span {\n    display: block;\n    color: var(--dx-yellow);\n}\n\n#dx-social-media-hero .dx-smh-description {\n    max-width: 720px;\n\n    margin:\n        18px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2.05;\n\n    text-wrap: pretty;\n}\n\n\/* =========================\n   ACTIONS\n========================= *\/\n\n#dx-social-media-hero .dx-smh-actions {\n    margin-top: 29px;\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap: 12px;\n}\n\n#dx-social-media-hero .dx-smh-button {\n    min-height: 57px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    padding:\n        0\n        26px;\n\n    border: 1px solid transparent;\n    border-radius: 13px;\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        border-color 0.25s ease,\n        background 0.25s ease;\n}\n\n#dx-social-media-hero .dx-smh-button-primary {\n    min-width: 225px;\n\n    color: #21103c;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 18px 40px rgba(255,196,65,0.2);\n}\n\n#dx-social-media-hero .dx-smh-button-secondary {\n    min-width: 185px;\n\n    color: #ffffff;\n\n    border-color: rgba(255,255,255,0.14);\n\n    background: rgba(255,255,255,0.055);\n}\n\n#dx-social-media-hero .dx-smh-button:hover,\n#dx-social-media-hero .dx-smh-button:focus-visible {\n    transform: translateY(-3px);\n}\n\n#dx-social-media-hero .dx-smh-button-primary:hover,\n#dx-social-media-hero .dx-smh-button-primary:focus-visible {\n    box-shadow:\n        0 24px 48px rgba(255,196,65,0.29);\n}\n\n#dx-social-media-hero .dx-smh-button-secondary:hover,\n#dx-social-media-hero .dx-smh-button-secondary:focus-visible {\n    border-color: rgba(149,104,239,0.42);\n\n    background: rgba(112,69,223,0.14);\n}\n\n#dx-social-media-hero .dx-smh-button svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   POINTS\n========================= *\/\n\n#dx-social-media-hero .dx-smh-points {\n    margin-top: 25px;\n\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n\n    gap:\n        11px\n        20px;\n}\n\n#dx-social-media-hero .dx-smh-point {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.8;\n}\n\n#dx-social-media-hero .dx-smh-check {\n    width: 26px;\n    height: 26px;\n    flex: 0 0 26px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    color: #7ce6b7;\n\n    background: rgba(83,207,146,0.1);\n}\n\n#dx-social-media-hero .dx-smh-check svg {\n    width: 14px;\n    height: 14px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   VISUAL PANEL\n========================= *\/\n\n#dx-social-media-hero .dx-smh-visual {\n    position: relative;\n\n    min-width: 0;\n\n    padding:\n        30px\n        28px;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(255,255,255,0.11);\n    border-radius: 24px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,0.075),\n            rgba(255,255,255,0.025)\n        );\n\n    box-shadow:\n        0 28px 70px rgba(4,0,20,0.28);\n\n    -webkit-backdrop-filter: blur(8px);\n    backdrop-filter: blur(8px);\n}\n\n#dx-social-media-hero .dx-smh-visual::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: -90px;\n    left: -90px;\n\n    width: 230px;\n    height: 230px;\n\n    border-radius: 50%;\n\n    background: rgba(112,69,223,0.18);\n\n    filter: blur(30px);\n\n    pointer-events: none;\n}\n\n#dx-social-media-hero .dx-smh-visual-label {\n    position: relative;\n    z-index: 2;\n\n    display: block;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-hero .dx-smh-visual-title {\n    position: relative;\n    z-index: 2;\n\n    margin:\n        7px\n        0\n        0;\n\n    color: #ffffff;\n\n    font-size: 25px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-social-media-hero .dx-smh-visual-text {\n    position: relative;\n    z-index: 2;\n\n    margin:\n        10px\n        0\n        0;\n\n    color: rgba(255,255,255,0.66);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.95;\n}\n\n\/* =========================\n   PLATFORM ROWS\n========================= *\/\n\n#dx-social-media-hero .dx-smh-platforms {\n    position: relative;\n    z-index: 2;\n\n    margin-top: 25px;\n\n    display: grid;\n    gap: 11px;\n}\n\n#dx-social-media-hero .dx-smh-platform {\n    min-height: 61px;\n\n    display: grid;\n\n    grid-template-columns:\n        44px\n        minmax(0, 1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 12px;\n\n    padding:\n        10px\n        13px;\n\n    border: 1px solid rgba(255,255,255,0.09);\n    border-radius: 14px;\n\n    background: rgba(255,255,255,0.04);\n}\n\n#dx-social-media-hero .dx-smh-platform-icon {\n    width: 44px;\n    height: 44px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 12px;\n\n    color: #ffffff;\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(112,69,223,0.95),\n            rgba(149,104,239,0.85)\n        );\n}\n\n#dx-social-media-hero\n    .dx-smh-platform:nth-child(2)\n    .dx-smh-platform-icon {\n    color: #28133d;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n}\n\n#dx-social-media-hero\n    .dx-smh-platform:nth-child(3)\n    .dx-smh-platform-icon {\n    color: #0e5339;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-green),\n            #8ce7bd\n        );\n}\n\n#dx-social-media-hero .dx-smh-platform-icon svg {\n    width: 21px;\n    height: 21px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n#dx-social-media-hero .dx-smh-platform-title {\n    display: block;\n\n    color: #ffffff;\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.5;\n}\n\n#dx-social-media-hero .dx-smh-platform-text {\n    display: block;\n\n    margin-top: 2px;\n\n    color: rgba(255,255,255,0.55);\n\n    font-size: 14px;\n    font-weight: 600;\n    line-height: 1.6;\n}\n\n#dx-social-media-hero .dx-smh-platform-status {\n    color: var(--dx-green);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    white-space: nowrap;\n}\n\n\/* =========================\n   BOTTOM NOTE\n========================= *\/\n\n#dx-social-media-hero .dx-smh-visual-bottom {\n    position: relative;\n    z-index: 2;\n\n    margin-top: 21px;\n\n    padding-top: 18px;\n\n    border-top: 1px solid rgba(255,255,255,0.09);\n\n    display: flex;\n    align-items: center;\n\n    gap: 10px;\n\n    color: rgba(255,255,255,0.58);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.8;\n}\n\n#dx-social-media-hero .dx-smh-visual-bottom svg {\n    width: 17px;\n    height: 17px;\n    flex: 0 0 17px;\n\n    color: var(--dx-yellow);\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   ACCESSIBILITY\n========================= *\/\n\n#dx-social-media-hero a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1050px) {\n    #dx-social-media-hero .dx-smh-layout {\n        grid-template-columns: 1fr;\n\n        gap: 44px;\n    }\n\n    #dx-social-media-hero .dx-smh-copy {\n        max-width: 860px;\n\n        margin: 0 auto;\n\n        text-align: center;\n    }\n\n    #dx-social-media-hero .dx-smh-title,\n    #dx-social-media-hero .dx-smh-description {\n        margin-right: auto;\n        margin-left: auto;\n    }\n\n    #dx-social-media-hero .dx-smh-eyebrow,\n    #dx-social-media-hero .dx-smh-actions,\n    #dx-social-media-hero .dx-smh-points {\n        justify-content: center;\n    }\n\n    #dx-social-media-hero .dx-smh-visual {\n        width: min(780px, 100%);\n\n        margin: 0 auto;\n    }\n}\n\n@media (max-width: 780px) {\n    #dx-social-media-hero .dx-smh-main {\n        padding:\n            72px\n            26px\n            70px;\n    }\n}\n\n@media (max-width: 600px) {\n    #dx-social-media-hero .dx-smh-main {\n        padding:\n            54px\n            16px\n            58px;\n    }\n\n    #dx-social-media-hero .dx-smh-eyebrow {\n        min-height: 34px;\n\n        margin-bottom: 13px;\n\n        padding:\n            0\n            12px;\n\n        font-size: 14px;\n    }\n\n    #dx-social-media-hero .dx-smh-title {\n        font-size: clamp(31px, 9vw, 42px);\n        line-height: 1.62;\n        letter-spacing: -0.2px;\n    }\n\n    #dx-social-media-hero .dx-smh-description {\n        margin-top: 13px;\n\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-social-media-hero .dx-smh-actions {\n        display: grid;\n\n        grid-template-columns: 1fr;\n\n        margin-top: 24px;\n\n        gap: 10px;\n    }\n\n    #dx-social-media-hero .dx-smh-button {\n        width: 100%;\n        min-width: 0;\n        min-height: 54px;\n\n        font-size: 14px;\n    }\n\n    #dx-social-media-hero .dx-smh-points {\n        display: grid;\n\n        margin-top: 20px;\n\n        gap: 9px;\n    }\n\n    #dx-social-media-hero .dx-smh-point {\n        justify-content: center;\n    }\n\n    #dx-social-media-hero .dx-smh-visual {\n        padding:\n            25px\n            17px;\n\n        border-radius: 19px;\n    }\n\n    #dx-social-media-hero .dx-smh-visual-title {\n        font-size: 22px;\n    }\n\n    #dx-social-media-hero .dx-smh-platform {\n        grid-template-columns:\n            41px\n            minmax(0, 1fr);\n\n        min-height: 58px;\n\n        gap: 11px;\n\n        padding:\n            9px\n            11px;\n    }\n\n    #dx-social-media-hero .dx-smh-platform-icon {\n        width: 41px;\n        height: 41px;\n    }\n\n    #dx-social-media-hero .dx-smh-platform-status {\n        display: none;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-social-media-hero *,\n    #dx-social-media-hero *::before,\n    #dx-social-media-hero *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-social-media-hero\"\n    aria-labelledby=\"dx-social-media-hero-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div\n        class=\"dx-smh-grid\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <span\n        class=\"dx-smh-glow dx-smh-glow-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-smh-glow dx-smh-glow-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-smh-main\">\n\n        <div class=\"dx-smh-container\">\n\n            <div class=\"dx-smh-layout\">\n\n                <!-- CONTENT -->\n                <div class=\"dx-smh-copy\">\n\n                    <span class=\"dx-smh-eyebrow\">\n\n                        <span\n                            class=\"dx-smh-eyebrow-dot\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n\n                        Professional Social Media Management\n\n                    <\/span>\n\n                    <h1\n                        id=\"dx-social-media-hero-title\"\n                        class=\"dx-smh-title\"\n                    >\n                        Build a Stronger Presence for Your Brand\n                        <span>Across Social Media<\/span>\n                    <\/h1>\n\n                    <p class=\"dx-smh-description\">\n                        We manage your social media presence from content\n                        strategy, copywriting, and creative design through\n                        publishing, community management, and performance\n                        analysis \u2014 building a consistent digital presence\n                        that supports your brand and business objectives.\n                    <\/p>\n\n                    <div class=\"dx-smh-actions\">\n\n                        <a\n                            href=\"https:\/\/dindex.net\/en\/contact\/\"\n                            class=\"dx-smh-button dx-smh-button-primary\"\n                        >\n                            <span>Get a Free Consultation<\/span>\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                aria-hidden=\"true\"\n                            >\n                                <path d=\"M5 12h14\"><\/path>\n                                <path d=\"m13 6 6 6-6 6\"><\/path>\n                            <\/svg>\n                        <\/a>\n\n                        <a\n                            href=\"#dx-social-media-services\"\n                            class=\"dx-smh-button dx-smh-button-secondary\"\n                        >\n                            <span>Explore the Service<\/span>\n\n                            <svg\n                                viewBox=\"0 0 24 24\"\n                                aria-hidden=\"true\"\n                            >\n                                <path d=\"M12 5v14\"><\/path>\n                                <path d=\"m18 13-6 6-6-6\"><\/path>\n                            <\/svg>\n                        <\/a>\n\n                    <\/div>\n\n                    <div class=\"dx-smh-points\">\n\n                        <span class=\"dx-smh-point\">\n\n                            <span\n                                class=\"dx-smh-check\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            Clear Content Strategy\n\n                        <\/span>\n\n                        <span class=\"dx-smh-point\">\n\n                            <span\n                                class=\"dx-smh-check\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            Design, Publishing & Ongoing Management\n\n                        <\/span>\n\n                        <span class=\"dx-smh-point\">\n\n                            <span\n                                class=\"dx-smh-check\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"m5 12 4 4L19 6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            Reporting & Performance Optimization\n\n                        <\/span>\n\n                    <\/div>\n\n                <\/div>\n\n                <!-- VISUAL -->\n                <div class=\"dx-smh-visual\">\n\n                    <span class=\"dx-smh-visual-label\">\n                        Complete Management\n                    <\/span>\n\n                    <h2 class=\"dx-smh-visual-title\">\n                        From Idea to Publishing and Analysis\n                    <\/h2>\n\n                    <p class=\"dx-smh-visual-text\">\n                        We build an integrated content system that keeps\n                        your brand identity consistent and maintains an\n                        organized presence across different social platforms.\n                    <\/p>\n\n                    <div class=\"dx-smh-platforms\">\n\n                        <div class=\"dx-smh-platform\">\n\n                            <span\n                                class=\"dx-smh-platform-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <rect\n                                        x=\"3\"\n                                        y=\"3\"\n                                        width=\"18\"\n                                        height=\"18\"\n                                        rx=\"5\"\n                                    ><\/rect>\n                                    <circle\n                                        cx=\"12\"\n                                        cy=\"12\"\n                                        r=\"4\"\n                                    ><\/circle>\n                                    <path d=\"M17.5 6.5h.01\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span>\n                                <span class=\"dx-smh-platform-title\">\n                                    Content Creation\n                                <\/span>\n\n                                <span class=\"dx-smh-platform-text\">\n                                    Ideas, Copywriting & Consistent Design\n                                <\/span>\n                            <\/span>\n\n                            <span class=\"dx-smh-platform-status\">\n                                Content\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-smh-platform\">\n\n                            <span\n                                class=\"dx-smh-platform-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <rect\n                                        x=\"4\"\n                                        y=\"5\"\n                                        width=\"16\"\n                                        height=\"15\"\n                                        rx=\"3\"\n                                    ><\/rect>\n                                    <path d=\"M8 3v4\"><\/path>\n                                    <path d=\"M16 3v4\"><\/path>\n                                    <path d=\"M4 10h16\"><\/path>\n                                    <path d=\"M9 14h2\"><\/path>\n                                    <path d=\"M13 14h2\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span>\n                                <span class=\"dx-smh-platform-title\">\n                                    Planning & Publishing\n                                <\/span>\n\n                                <span class=\"dx-smh-platform-text\">\n                                    Content Calendar, Scheduling & Ongoing Management\n                                <\/span>\n                            <\/span>\n\n                            <span class=\"dx-smh-platform-status\">\n                                Planning\n                            <\/span>\n\n                        <\/div>\n\n                        <div class=\"dx-smh-platform\">\n\n                            <span\n                                class=\"dx-smh-platform-icon\"\n                                aria-hidden=\"true\"\n                            >\n                                <svg viewBox=\"0 0 24 24\">\n                                    <path d=\"M4 19V5\"><\/path>\n                                    <path d=\"M4 19h16\"><\/path>\n                                    <path d=\"m7 15 4-4 3 3 5-6\"><\/path>\n                                <\/svg>\n                            <\/span>\n\n                            <span>\n                                <span class=\"dx-smh-platform-title\">\n                                    Performance Analysis\n                                <\/span>\n\n                                <span class=\"dx-smh-platform-text\">\n                                    Track Results & Improve Content Performance\n                                <\/span>\n                            <\/span>\n\n                            <span class=\"dx-smh-platform-status\">\n                                Insights\n                            <\/span>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <div class=\"dx-smh-visual-bottom\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M12 2v20\"><\/path>\n                            <path d=\"M2 12h20\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            Instagram \u00b7 Facebook \u00b7 LinkedIn \u00b7 TikTok\n                        <\/span>\n\n                    <\/div>\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 initDxSocialMediaHero() {\n        const section = document.getElementById(\n            \"dx-social-media-hero\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-social-media-hero-fullwidth\"\n            );\n        }\n\n        const serviceButton = section.querySelector(\n            'a[href=\"#dx-social-media-services\"]'\n        );\n\n        if (serviceButton) {\n            serviceButton.addEventListener(\n                \"click\",\n                function (event) {\n                    const target = document.getElementById(\n                        \"dx-social-media-services\"\n                    );\n\n                    if (!target) {\n                        return;\n                    }\n\n                    event.preventDefault();\n\n                    target.scrollIntoView({\n                        behavior: window.matchMedia(\n                            \"(prefers-reduced-motion: reduce)\"\n                        ).matches\n                            ? \"auto\"\n                            : \"smooth\",\n                        block: \"start\"\n                    });\n                }\n            );\n        }\n\n        if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        const copy = section.querySelector(\n            \".dx-smh-copy\"\n        );\n\n        const visual = section.querySelector(\n            \".dx-smh-visual\"\n        );\n\n        if (copy) {\n            copy.style.opacity = \"0\";\n            copy.style.transform = \"translateX(-26px)\";\n            copy.style.transition =\n                \"opacity 0.7s ease, transform 0.7s ease\";\n        }\n\n        if (visual) {\n            visual.style.opacity = \"0\";\n            visual.style.transform = \"translateX(26px)\";\n            visual.style.transition =\n                \"opacity 0.7s ease 0.08s, transform 0.7s ease 0.08s\";\n        }\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    if (copy) {\n                        copy.style.opacity = \"1\";\n                        copy.style.transform = \"translateX(0)\";\n                    }\n\n                    if (visual) {\n                        visual.style.opacity = \"1\";\n                        visual.style.transform = \"translateX(0)\";\n                    }\n\n                    currentObserver.unobserve(\n                        entry.target\n                    );\n                });\n            },\n            {\n                threshold: 0.1\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSocialMediaHero\n        );\n    } else {\n        initDxSocialMediaHero();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6c0ea90 e-flex e-con-boxed e-con e-parent\" data-id=\"6c0ea90\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af74299 elementor-widget elementor-widget-html\" data-id=\"af74299\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.elementor-widget-html:has(#dx-social-media-services),\n.elementor-widget-html:has(#dx-social-media-services) > .elementor-widget-container,\n.dx-social-media-services-fullwidth,\n.dx-social-media-services-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-social-media-services,\n#dx-social-media-services *,\n#dx-social-media-services *::before,\n#dx-social-media-services *::after {\n    box-sizing: border-box;\n}\n\n#dx-social-media-services {\n    --dx-bg: #f7f4fb;\n    --dx-white: #ffffff;\n    --dx-dark: #17062f;\n    --dx-text: #675f72;\n    --dx-muted: #92899d;\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n    --dx-blue: #66aef7;\n    --dx-border: rgba(112,69,223,0.12);\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    direction: ltr;\n\n    color: var(--dx-dark);\n\n    background:\n        radial-gradient(\n            circle at 4% 10%,\n            rgba(112,69,223,0.07),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 96% 88%,\n            rgba(255,196,65,0.07),\n            transparent 25%\n        ),\n        var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-social-media-services a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-social-media-services .dx-sms-main {\n    width: 100%;\n\n    padding:\n        92px\n        clamp(22px, 5vw, 90px)\n        100px;\n}\n\n#dx-social-media-services .dx-sms-container {\n    width: min(1400px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#dx-social-media-services .dx-sms-header {\n    max-width: 850px;\n    margin-bottom: 44px;\n}\n\n#dx-social-media-services .dx-sms-eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 11px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-services .dx-sms-eyebrow::before {\n    content: \"\";\n\n    width: 34px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-yellow),\n            var(--dx-purple)\n        );\n}\n\n#dx-social-media-services .dx-sms-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: clamp(35px, 4vw, 52px);\n    font-weight: 900;\n    line-height: 1.52;\n    letter-spacing: -0.4px;\n\n    text-wrap: balance;\n}\n\n#dx-social-media-services .dx-sms-title span {\n    color: var(--dx-purple);\n}\n\n#dx-social-media-services .dx-sms-description {\n    max-width: 800px;\n\n    margin:\n        13px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 2;\n}\n\n\/* =========================\n   GRID\n========================= *\/\n\n#dx-social-media-services .dx-sms-grid {\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-social-media-services .dx-sms-card {\n    position: relative;\n\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    padding:\n        25px\n        23px\n        23px;\n\n    overflow: hidden;\n\n    border: 1px solid var(--dx-border);\n    border-radius: 20px;\n\n    background: rgba(255,255,255,0.9);\n\n    box-shadow:\n        0 14px 38px rgba(43,22,87,0.055);\n\n    transition:\n        transform 0.28s ease,\n        box-shadow 0.28s ease,\n        border-color 0.28s ease;\n}\n\n#dx-social-media-services .dx-sms-card:hover {\n    transform: translateY(-6px);\n\n    border-color: rgba(112,69,223,0.25);\n\n    box-shadow:\n        0 23px 52px rgba(43,22,87,0.1);\n}\n\n\/* top accent *\/\n\n#dx-social-media-services .dx-sms-card::before {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 23px;\n\n    width: 54px;\n    height: 3px;\n\n    border-radius: 0 0 999px 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(2)::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-yellow),\n            #ffd76c\n        );\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(3)::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-green),\n            #8ae5bb\n        );\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(4)::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-blue),\n            #9acbff\n        );\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(5)::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-purple),\n            var(--dx-yellow)\n        );\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(6)::before {\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-green),\n            var(--dx-blue)\n        );\n}\n\n\/* =========================\n   ICON\n========================= *\/\n\n#dx-social-media-services .dx-sms-icon {\n    width: 50px;\n    height: 50px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    margin-bottom: 18px;\n\n    border-radius: 14px;\n\n    color: var(--dx-purple);\n\n    background: rgba(112,69,223,0.09);\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(2) .dx-sms-icon {\n    color: #8c6500;\n    background: rgba(255,196,65,0.16);\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(3) .dx-sms-icon {\n    color: #23845a;\n    background: rgba(83,207,146,0.13);\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(4) .dx-sms-icon {\n    color: #2f78bd;\n    background: rgba(102,174,247,0.13);\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(5) .dx-sms-icon {\n    color: var(--dx-purple);\n    background: rgba(112,69,223,0.09);\n}\n\n#dx-social-media-services .dx-sms-card:nth-child(6) .dx-sms-icon {\n    color: #23845a;\n    background: rgba(83,207,146,0.12);\n}\n\n#dx-social-media-services .dx-sms-icon svg {\n    width: 24px;\n    height: 24px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.8;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   NUMBER\n========================= *\/\n\n#dx-social-media-services .dx-sms-number {\n    position: absolute;\n\n    top: 21px;\n    left: 21px;\n\n    color: rgba(23,6,47,0.14);\n\n    font-size: 27px;\n    font-weight: 900;\n    line-height: 1;\n}\n\n\/* =========================\n   TEXT\n========================= *\/\n\n#dx-social-media-services .dx-sms-card-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: 19px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-services .dx-sms-card-text {\n    margin:\n        9px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.95;\n}\n\n\/* =========================\n   FOOTER LABEL\n========================= *\/\n\n#dx-social-media-services .dx-sms-card-footer {\n    margin-top: auto;\n\n    padding-top: 18px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-social-media-services .dx-sms-card-footer::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n\n    border-radius: 50%;\n\n    background: var(--dx-green);\n\n    box-shadow:\n        0 0 0 4px rgba(83,207,146,0.1);\n}\n\n\/* =========================\n   BOTTOM CTA\n========================= *\/\n\n#dx-social-media-services .dx-sms-bottom {\n    margin-top: 34px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 30px;\n\n    padding:\n        24px\n        27px;\n\n    border: 1px solid var(--dx-border);\n    border-radius: 18px;\n\n    background: rgba(255,255,255,0.72);\n}\n\n#dx-social-media-services .dx-sms-bottom-copy {\n    min-width: 0;\n}\n\n#dx-social-media-services .dx-sms-bottom-title {\n    display: block;\n\n    color: var(--dx-dark);\n\n    font-size: 17px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-services .dx-sms-bottom-text {\n    display: block;\n\n    margin-top: 3px;\n\n    color: var(--dx-text);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.8;\n}\n\n#dx-social-media-services .dx-sms-bottom-button {\n    min-width: 210px;\n    min-height: 53px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    padding:\n        0\n        22px;\n\n    border-radius: 13px;\n\n    color: #ffffff;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n\n    box-shadow:\n        0 13px 30px rgba(112,69,223,0.22);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-social-media-services .dx-sms-bottom-button:hover,\n#dx-social-media-services .dx-sms-bottom-button:focus-visible {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 18px 38px rgba(112,69,223,0.3);\n}\n\n#dx-social-media-services .dx-sms-bottom-button svg {\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   ACCESSIBILITY\n========================= *\/\n\n#dx-social-media-services a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1050px) {\n    #dx-social-media-services .dx-sms-grid {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 780px) {\n    #dx-social-media-services .dx-sms-main {\n        padding:\n            72px\n            26px\n            78px;\n    }\n\n    #dx-social-media-services .dx-sms-bottom {\n        align-items: flex-start;\n        flex-direction: column;\n    }\n}\n\n@media (max-width: 650px) {\n    #dx-social-media-services .dx-sms-main {\n        padding:\n            56px\n            16px\n            62px;\n    }\n\n    #dx-social-media-services .dx-sms-header {\n        margin-bottom: 31px;\n    }\n\n    #dx-social-media-services .dx-sms-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-social-media-services .dx-sms-eyebrow::before {\n        width: 26px;\n    }\n\n    #dx-social-media-services .dx-sms-title {\n        font-size: clamp(29px, 8.5vw, 39px);\n        line-height: 1.62;\n    }\n\n    #dx-social-media-services .dx-sms-description {\n        font-size: 15px;\n    }\n\n    #dx-social-media-services .dx-sms-grid {\n        grid-template-columns: 1fr;\n\n        gap: 14px;\n    }\n\n    #dx-social-media-services .dx-sms-card {\n        padding:\n            23px\n            19px\n            20px;\n\n        border-radius: 18px;\n    }\n\n    #dx-social-media-services .dx-sms-card-title {\n        font-size: 18px;\n    }\n\n    #dx-social-media-services .dx-sms-card-text {\n        font-size: 14px;\n        line-height: 2;\n    }\n\n    #dx-social-media-services .dx-sms-bottom {\n        margin-top: 25px;\n\n        padding:\n            21px\n            18px;\n\n        border-radius: 16px;\n    }\n\n    #dx-social-media-services .dx-sms-bottom-button {\n        width: 100%;\n        min-width: 0;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-social-media-services *,\n    #dx-social-media-services *::before,\n    #dx-social-media-services *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-social-media-services\"\n    aria-labelledby=\"dx-social-media-services-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div class=\"dx-sms-main\">\n\n        <div class=\"dx-sms-container\">\n\n            <header class=\"dx-sms-header\">\n\n                <span class=\"dx-sms-eyebrow\">\n                    Complete Social Media Management\n                <\/span>\n\n                <h2\n                    id=\"dx-social-media-services-title\"\n                    class=\"dx-sms-title\"\n                >\n                    Everything Your Brand Needs to Build\n                    <span>a Complete Digital Presence<\/span>\n                <\/h2>\n\n                <p class=\"dx-sms-description\">\n                    We manage your social media content and accounts\n                    from planning and content creation through publishing,\n                    engagement, and performance analysis, while maintaining\n                    a consistent brand identity and message.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-sms-grid\">\n\n                <!-- 01 -->\n                <article class=\"dx-sms-card\">\n\n                    <span class=\"dx-sms-number\">\n                        01\n                    <\/span>\n\n                    <span\n                        class=\"dx-sms-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 19V5\"><\/path>\n                            <path d=\"M4 19h16\"><\/path>\n                            <path d=\"m7 15 4-4 3 3 5-6\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-sms-card-title\">\n                        Content Strategy\n                    <\/h3>\n\n                    <p class=\"dx-sms-card-text\">\n                        We define the content direction, target audiences,\n                        key messages, and the types of posts best suited\n                        to your brand objectives.\n                    <\/p>\n\n                    <span class=\"dx-sms-card-footer\">\n                        A Clear Plan Before Execution\n                    <\/span>\n\n                <\/article>\n\n                <!-- 02 -->\n                <article class=\"dx-sms-card\">\n\n                    <span class=\"dx-sms-number\">\n                        02\n                    <\/span>\n\n                    <span\n                        class=\"dx-sms-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M5 4h14\"><\/path>\n                            <path d=\"M5 9h10\"><\/path>\n                            <path d=\"M5 14h14\"><\/path>\n                            <path d=\"M5 19h8\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-sms-card-title\">\n                        Copywriting & Content Creation\n                    <\/h3>\n\n                    <p class=\"dx-sms-card-text\">\n                        We create content that reflects your brand voice\n                        and communicates your message clearly in a way\n                        that suits each platform and its target audience.\n                    <\/p>\n\n                    <span class=\"dx-sms-card-footer\">\n                        Content Consistent With Your Brand\n                    <\/span>\n\n                <\/article>\n\n                <!-- 03 -->\n                <article class=\"dx-sms-card\">\n\n                    <span class=\"dx-sms-number\">\n                        03\n                    <\/span>\n\n                    <span\n                        class=\"dx-sms-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect\n                                x=\"3\"\n                                y=\"3\"\n                                width=\"18\"\n                                height=\"18\"\n                                rx=\"3\"\n                            ><\/rect>\n                            <circle\n                                cx=\"9\"\n                                cy=\"9\"\n                                r=\"2\"\n                            ><\/circle>\n                            <path d=\"m21 15-5-5L5 21\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-sms-card-title\">\n                        Visual Content Design\n                    <\/h3>\n\n                    <p class=\"dx-sms-card-text\">\n                        We design posts and visual assets that preserve\n                        your brand identity and create a consistent,\n                        professional look across your social media accounts.\n                    <\/p>\n\n                    <span class=\"dx-sms-card-footer\">\n                        A More Consistent Visual Identity\n                    <\/span>\n\n                <\/article>\n\n                <!-- 04 -->\n                <article class=\"dx-sms-card\">\n\n                    <span class=\"dx-sms-number\">\n                        04\n                    <\/span>\n\n                    <span\n                        class=\"dx-sms-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <rect\n                                x=\"4\"\n                                y=\"5\"\n                                width=\"16\"\n                                height=\"15\"\n                                rx=\"3\"\n                            ><\/rect>\n                            <path d=\"M8 3v4\"><\/path>\n                            <path d=\"M16 3v4\"><\/path>\n                            <path d=\"M4 10h16\"><\/path>\n                            <path d=\"M9 14h2\"><\/path>\n                            <path d=\"M13 14h2\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-sms-card-title\">\n                        Scheduling & Publishing\n                    <\/h3>\n\n                    <p class=\"dx-sms-card-text\">\n                        We organize content within a clear publishing plan\n                        to keep your accounts active and your brand visible\n                        consistently instead of relying on irregular posting.\n                    <\/p>\n\n                    <span class=\"dx-sms-card-footer\">\n                        An Organized, Consistent Presence\n                    <\/span>\n\n                <\/article>\n\n                <!-- 05 -->\n                <article class=\"dx-sms-card\">\n\n                    <span class=\"dx-sms-number\">\n                        05\n                    <\/span>\n\n                    <span\n                        class=\"dx-sms-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z\"><\/path>\n                            <path d=\"M8 9h8\"><\/path>\n                            <path d=\"M8 13h5\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-sms-card-title\">\n                        Community Management\n                    <\/h3>\n\n                    <p class=\"dx-sms-card-text\">\n                        We help monitor engagement, comments, and messages\n                        to build more professional communication between\n                        your brand and its audience across different platforms.\n                    <\/p>\n\n                    <span class=\"dx-sms-card-footer\">\n                        Better Audience Communication\n                    <\/span>\n\n                <\/article>\n\n                <!-- 06 -->\n                <article class=\"dx-sms-card\">\n\n                    <span class=\"dx-sms-number\">\n                        06\n                    <\/span>\n\n                    <span\n                        class=\"dx-sms-icon\"\n                        aria-hidden=\"true\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"M4 20V10\"><\/path>\n                            <path d=\"M10 20V4\"><\/path>\n                            <path d=\"M16 20v-7\"><\/path>\n                            <path d=\"M22 20V7\"><\/path>\n                        <\/svg>\n                    <\/span>\n\n                    <h3 class=\"dx-sms-card-title\">\n                        Reporting & Performance Analysis\n                    <\/h3>\n\n                    <p class=\"dx-sms-card-text\">\n                        We monitor account and content performance,\n                        identify what generates the strongest response,\n                        and use those insights to refine the strategy\n                        and improve future content.\n                    <\/p>\n\n                    <span class=\"dx-sms-card-footer\">\n                        Continuous Data-Driven Improvement\n                    <\/span>\n\n                <\/article>\n\n            <\/div>\n\n            <div class=\"dx-sms-bottom\">\n\n                <div class=\"dx-sms-bottom-copy\">\n\n                    <span class=\"dx-sms-bottom-title\">\n                        Your Brand Needs More Than Just Posts \u2014 It Needs Complete Social Media Management\n                    <\/span>\n\n                    <span class=\"dx-sms-bottom-text\">\n                        We identify what your accounts need and build a management plan aligned with your goals and audience.\n                    <\/span>\n\n                <\/div>\n\n                <a\n                    href=\"https:\/\/dindex.net\/en\/contact\/\"\n                    class=\"dx-sms-bottom-button\"\n                >\n                    <span>Discuss Your Needs With Us<\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                    >\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxSocialMediaServices() {\n        const section = document.getElementById(\n            \"dx-social-media-services\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-social-media-services-fullwidth\"\n            );\n        }\n\n        if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        const cards = section.querySelectorAll(\n            \".dx-sms-card\"\n        );\n\n        cards.forEach(function (card, index) {\n            card.style.opacity = \"0\";\n            card.style.transform = \"translateY(22px)\";\n            card.style.transition =\n                \"opacity 0.6s ease \" +\n                (index * 0.06) +\n                \"s, transform 0.6s ease \" +\n                (index * 0.06) +\n                \"s\";\n        });\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n                entries.forEach(function (entry) {\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    cards.forEach(function (card) {\n                        card.style.opacity = \"1\";\n                        card.style.transform = \"translateY(0)\";\n                    });\n\n                    currentObserver.unobserve(\n                        entry.target\n                    );\n                });\n            },\n            {\n                threshold: 0.08\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSocialMediaServices\n        );\n    } else {\n        initDxSocialMediaServices();\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c5c6654 e-flex e-con-boxed e-con e-parent\" data-id=\"c5c6654\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-78f7109 elementor-widget elementor-widget-html\" data-id=\"78f7109\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.elementor-widget-html:has(#dx-social-media-process),\n.elementor-widget-html:has(#dx-social-media-process) > .elementor-widget-container,\n.dx-social-media-process-fullwidth,\n.dx-social-media-process-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-social-media-process,\n#dx-social-media-process *,\n#dx-social-media-process *::before,\n#dx-social-media-process *::after {\n    box-sizing: border-box;\n}\n\n#dx-social-media-process {\n    --dx-dark: #0d0228;\n    --dx-dark-light: #201047;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255,255,255,0.74);\n    --dx-muted: rgba(255,255,255,0.56);\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    direction: ltr;\n\n    color: #ffffff;\n\n    background:\n        radial-gradient(\n            circle at 7% 12%,\n            rgba(112,69,223,0.24),\n            transparent 29%\n        ),\n        radial-gradient(\n            circle at 94% 90%,\n            rgba(255,196,65,0.055),\n            transparent 25%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-dark-light),\n            var(--dx-dark) 64%\n        );\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-social-media-process a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   BACKGROUND\n========================= *\/\n\n#dx-social-media-process .dx-smp-grid-bg {\n    position: absolute;\n    z-index: -4;\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 12%,\n            transparent 84%\n        );\n\n    mask-image:\n        radial-gradient(\n            ellipse at center,\n            #000 12%,\n            transparent 84%\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-social-media-process .dx-smp-main {\n    width: 100%;\n\n    padding:\n        94px\n        clamp(22px, 5vw, 90px)\n        100px;\n}\n\n#dx-social-media-process .dx-smp-container {\n    width: min(1400px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#dx-social-media-process .dx-smp-header {\n    max-width: 880px;\n    margin-bottom: 48px;\n}\n\n#dx-social-media-process .dx-smp-eyebrow {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 10px;\n\n    margin-bottom: 11px;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-process .dx-smp-eyebrow::before {\n    content: \"\";\n\n    width: 35px;\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-social-media-process .dx-smp-title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: clamp(35px, 4vw, 53px);\n    font-weight: 900;\n    line-height: 1.52;\n    letter-spacing: -0.4px;\n\n    text-wrap: balance;\n}\n\n#dx-social-media-process .dx-smp-title span {\n    color: var(--dx-yellow);\n}\n\n#dx-social-media-process .dx-smp-description {\n    max-width: 800px;\n\n    margin:\n        13px\n        0\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 2;\n}\n\n\/* =========================\n   PROCESS GRID\n========================= *\/\n\n#dx-social-media-process .dx-smp-steps {\n    display: grid;\n\n    grid-template-columns:\n        repeat(4, minmax(0, 1fr));\n\n    gap: 16px;\n}\n\n\/* =========================\n   STEP\n========================= *\/\n\n#dx-social-media-process .dx-smp-step {\n    position: relative;\n\n    min-width: 0;\n\n    padding:\n        21px\n        20px\n        22px;\n\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 18px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255,255,255,0.075),\n            rgba(255,255,255,0.028)\n        );\n\n    box-shadow:\n        0 18px 44px rgba(4,0,20,0.15);\n\n    transition:\n        transform 0.28s ease,\n        border-color 0.28s ease,\n        background 0.28s ease;\n}\n\n#dx-social-media-process .dx-smp-step:hover {\n    transform: translateY(-6px);\n\n    border-color: rgba(149,104,239,0.28);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(112,69,223,0.15),\n            rgba(255,255,255,0.035)\n        );\n}\n\n\/* =========================\n   NUMBER\n========================= *\/\n\n#dx-social-media-process .dx-smp-step-top {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 14px;\n\n    margin-bottom: 19px;\n}\n\n#dx-social-media-process .dx-smp-number {\n    width: 50px;\n    height: 50px;\n    flex: 0 0 50px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border: 1px solid rgba(255,255,255,0.11);\n    border-radius: 15px;\n\n    color: var(--dx-yellow);\n\n    background: rgba(255,255,255,0.055);\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1;\n}\n\n#dx-social-media-process .dx-smp-icon {\n    width: 42px;\n    height: 42px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 12px;\n\n    color: #c9b6ff;\n\n    background: rgba(112,69,223,0.13);\n}\n\n#dx-social-media-process .dx-smp-step:nth-child(2) .dx-smp-icon {\n    color: #ffe08c;\n    background: rgba(255,196,65,0.1);\n}\n\n#dx-social-media-process .dx-smp-step:nth-child(3) .dx-smp-icon {\n    color: #8ee7bc;\n    background: rgba(83,207,146,0.1);\n}\n\n#dx-social-media-process .dx-smp-step:nth-child(4) .dx-smp-icon {\n    color: #bda7ff;\n    background: rgba(149,104,239,0.12);\n}\n\n#dx-social-media-process .dx-smp-icon svg {\n    width: 20px;\n    height: 20px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   TEXT\n========================= *\/\n\n#dx-social-media-process .dx-smp-step-label {\n    display: block;\n\n    margin-bottom: 5px;\n\n    color: var(--dx-yellow);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.6;\n}\n\n#dx-social-media-process .dx-smp-step-title {\n    margin: 0;\n\n    color: #ffffff;\n\n    font-size: 19px;\n    font-weight: 900;\n    line-height: 1.65;\n}\n\n#dx-social-media-process .dx-smp-step-text {\n    margin:\n        9px\n        0\n        0;\n\n    color: rgba(255,255,255,0.65);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.95;\n}\n\n\/* =========================\n   RESULT\n========================= *\/\n\n#dx-social-media-process .dx-smp-result {\n    margin-top: 18px;\n\n    padding-top: 16px;\n\n    border-top: 1px solid rgba(255,255,255,0.08);\n\n    display: flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: rgba(255,255,255,0.64);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.7;\n}\n\n#dx-social-media-process .dx-smp-result::before {\n    content: \"\";\n\n    width: 7px;\n    height: 7px;\n    flex: 0 0 7px;\n\n    border-radius: 50%;\n\n    background: var(--dx-green);\n\n    box-shadow:\n        0 0 0 4px rgba(83,207,146,0.08);\n}\n\n\/* =========================\n   BOTTOM\n========================= *\/\n\n#dx-social-media-process .dx-smp-bottom {\n    margin-top: 34px;\n\n    display: grid;\n\n    grid-template-columns:\n        minmax(0, 1fr)\n        auto;\n\n    align-items: center;\n\n    gap: 30px;\n\n    padding:\n        25px\n        28px;\n\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 18px;\n\n    background: rgba(255,255,255,0.045);\n}\n\n#dx-social-media-process .dx-smp-bottom-title {\n    display: block;\n\n    color: #ffffff;\n\n    font-size: 17px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-process .dx-smp-bottom-text {\n    display: block;\n\n    margin-top: 3px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 500;\n    line-height: 1.8;\n}\n\n#dx-social-media-process .dx-smp-button {\n    min-width: 210px;\n    min-height: 53px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    padding:\n        0\n        22px;\n\n    border-radius: 13px;\n\n    color: #21103c;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 15px 34px rgba(255,196,65,0.17);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-social-media-process .dx-smp-button:hover,\n#dx-social-media-process .dx-smp-button:focus-visible {\n    transform: translateY(-3px);\n\n    box-shadow:\n        0 21px 42px rgba(255,196,65,0.25);\n}\n\n#dx-social-media-process .dx-smp-button svg {\n    width: 17px;\n    height: 17px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   ACCESSIBILITY\n========================= *\/\n\n#dx-social-media-process a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 1100px) {\n    #dx-social-media-process .dx-smp-steps {\n        grid-template-columns:\n            repeat(2, minmax(0, 1fr));\n    }\n}\n\n@media (max-width: 780px) {\n    #dx-social-media-process .dx-smp-main {\n        padding:\n            72px\n            26px\n            78px;\n    }\n\n    #dx-social-media-process .dx-smp-bottom {\n        grid-template-columns: 1fr;\n        align-items: start;\n    }\n}\n\n@media (max-width: 650px) {\n    #dx-social-media-process .dx-smp-main {\n        padding:\n            56px\n            16px\n            62px;\n    }\n\n    #dx-social-media-process .dx-smp-header {\n        margin-bottom: 31px;\n    }\n\n    #dx-social-media-process .dx-smp-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-social-media-process .dx-smp-eyebrow::before {\n        width: 26px;\n    }\n\n    #dx-social-media-process .dx-smp-title {\n        font-size: clamp(29px, 8.5vw, 39px);\n        line-height: 1.62;\n    }\n\n    #dx-social-media-process .dx-smp-description {\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-social-media-process .dx-smp-steps {\n        grid-template-columns: 1fr;\n\n        gap: 13px;\n    }\n\n    #dx-social-media-process .dx-smp-step {\n        padding:\n            20px\n            18px;\n\n        border-radius: 17px;\n    }\n\n    #dx-social-media-process .dx-smp-step-title {\n        font-size: 18px;\n    }\n\n    #dx-social-media-process .dx-smp-step-text {\n        font-size: 14px;\n        line-height: 2;\n    }\n\n    #dx-social-media-process .dx-smp-bottom {\n        margin-top: 24px;\n\n        padding:\n            21px\n            18px;\n\n        border-radius: 16px;\n    }\n\n    #dx-social-media-process .dx-smp-button {\n        width: 100%;\n        min-width: 0;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-social-media-process *,\n    #dx-social-media-process *::before,\n    #dx-social-media-process *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-social-media-process\"\n    aria-labelledby=\"dx-social-media-process-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div\n        class=\"dx-smp-grid-bg\"\n        aria-hidden=\"true\"\n    ><\/div>\n\n    <div class=\"dx-smp-main\">\n\n        <div class=\"dx-smp-container\">\n\n            <header class=\"dx-smp-header\">\n\n                <span class=\"dx-smp-eyebrow\">\n                    A Clear Working Process\n                <\/span>\n\n                <h2\n                    id=\"dx-social-media-process-title\"\n                    class=\"dx-smp-title\"\n                >\n                    How We Manage Your Accounts\n                    <span>From Planning to Optimization<\/span>\n                <\/h2>\n\n                <p class=\"dx-smp-description\">\n                    We follow a clear process that starts with\n                    understanding your brand and audience, then\n                    building the right content plan, executing it,\n                    and continuously reviewing performance to improve results.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-smp-steps\">\n\n                <!-- 01 -->\n                <article class=\"dx-smp-step\">\n\n                    <div class=\"dx-smp-step-top\">\n\n                        <span class=\"dx-smp-number\">\n                            01\n                        <\/span>\n\n                        <span\n                            class=\"dx-smp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <circle\n                                    cx=\"11\"\n                                    cy=\"11\"\n                                    r=\"7\"\n                                ><\/circle>\n                                <path d=\"m20 20-4-4\"><\/path>\n                                <path d=\"M8 11h6\"><\/path>\n                                <path d=\"M11 8v6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/div>\n\n                    <span class=\"dx-smp-step-label\">\n                        Analysis Phase\n                    <\/span>\n\n                    <h3 class=\"dx-smp-step-title\">\n                        Understand the Brand & Audience\n                    <\/h3>\n\n                    <p class=\"dx-smp-step-text\">\n                        We review your business, brand identity,\n                        audience, existing accounts, and competitors\n                        to understand the starting point and identify\n                        what needs to be improved.\n                    <\/p>\n\n                    <span class=\"dx-smp-result\">\n                        A Clearer View of the Current Situation\n                    <\/span>\n\n                <\/article>\n\n                <!-- 02 -->\n                <article class=\"dx-smp-step\">\n\n                    <div class=\"dx-smp-step-top\">\n\n                        <span class=\"dx-smp-number\">\n                            02\n                        <\/span>\n\n                        <span\n                            class=\"dx-smp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M4 20V6\"><\/path>\n                                <path d=\"M4 6h11l-2-2\"><\/path>\n                                <path d=\"M4 6h11l-2 2\"><\/path>\n                                <circle\n                                    cx=\"17\"\n                                    cy=\"15\"\n                                    r=\"4\"\n                                ><\/circle>\n                                <path d=\"m17 13 1 2-2 1\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/div>\n\n                    <span class=\"dx-smp-step-label\">\n                        Strategy Phase\n                    <\/span>\n\n                    <h3 class=\"dx-smp-step-title\">\n                        Build the Content Plan\n                    <\/h3>\n\n                    <p class=\"dx-smp-step-text\">\n                        We define the content pillars, communication\n                        style, suitable platforms, and publishing\n                        schedule to build a consistent presence that\n                        supports your brand objectives.\n                    <\/p>\n\n                    <span class=\"dx-smp-result\">\n                        A Clear Content Direction\n                    <\/span>\n\n                <\/article>\n\n                <!-- 03 -->\n                <article class=\"dx-smp-step\">\n\n                    <div class=\"dx-smp-step-top\">\n\n                        <span class=\"dx-smp-number\">\n                            03\n                        <\/span>\n\n                        <span\n                            class=\"dx-smp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M4 5h16v14H4Z\"><\/path>\n                                <path d=\"M8 9h8\"><\/path>\n                                <path d=\"M8 13h5\"><\/path>\n                                <path d=\"m15 16 5-5\"><\/path>\n                                <path d=\"m17 11 3 3\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/div>\n\n                    <span class=\"dx-smp-step-label\">\n                        Execution Phase\n                    <\/span>\n\n                    <h3 class=\"dx-smp-step-title\">\n                        Create & Publish the Content\n                    <\/h3>\n\n                    <p class=\"dx-smp-step-text\">\n                        We write the content, create the designs,\n                        organize the content calendar, and publish\n                        according to the approved plan for each platform.\n                    <\/p>\n\n                    <span class=\"dx-smp-result\">\n                        An Organized, Consistent Presence\n                    <\/span>\n\n                <\/article>\n\n                <!-- 04 -->\n                <article class=\"dx-smp-step\">\n\n                    <div class=\"dx-smp-step-top\">\n\n                        <span class=\"dx-smp-number\">\n                            04\n                        <\/span>\n\n                        <span\n                            class=\"dx-smp-icon\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M4 19V5\"><\/path>\n                                <path d=\"M4 19h16\"><\/path>\n                                <path d=\"m7 15 4-4 3 3 5-6\"><\/path>\n                                <path d=\"M17 8h2v2\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/div>\n\n                    <span class=\"dx-smp-step-label\">\n                        Optimization Phase\n                    <\/span>\n\n                    <h3 class=\"dx-smp-step-title\">\n                        Measure & Improve Performance\n                    <\/h3>\n\n                    <p class=\"dx-smp-step-text\">\n                        We regularly review content and engagement\n                        performance and use the data to understand\n                        what works best and improve future plans\n                        and content.\n                    <\/p>\n\n                    <span class=\"dx-smp-result\">\n                        Continuous Improvement Based on Results\n                    <\/span>\n\n                <\/article>\n\n            <\/div>\n\n            <div class=\"dx-smp-bottom\">\n\n                <div>\n\n                    <span class=\"dx-smp-bottom-title\">\n                        Each Month Builds on the Results of the Previous One\n                    <\/span>\n\n                    <span class=\"dx-smp-bottom-text\">\n                        The goal is not simply to keep publishing, but to continuously develop your brand presence by learning from content and audience performance.\n                    <\/span>\n\n                <\/div>\n\n                <a\n                    href=\"https:\/\/dindex.net\/en\/contact\/\"\n                    class=\"dx-smp-button\"\n                >\n                    <span>Start Managing Your Accounts<\/span>\n\n                    <svg\n                        viewBox=\"0 0 24 24\"\n                        aria-hidden=\"true\"\n                    >\n                        <path d=\"M5 12h14\"><\/path>\n                        <path d=\"m13 6 6 6-6 6\"><\/path>\n                    <\/svg>\n                <\/a>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxSocialMediaProcess() {\n\n        const section = document.getElementById(\n            \"dx-social-media-process\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-social-media-process-fullwidth\"\n            );\n        }\n\n        if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        const steps = section.querySelectorAll(\n            \".dx-smp-step\"\n        );\n\n        steps.forEach(function (step, index) {\n\n            step.style.opacity = \"0\";\n            step.style.transform = \"translateY(22px)\";\n\n            step.style.transition =\n                \"opacity 0.6s ease \" +\n                (index * 0.07) +\n                \"s, transform 0.6s ease \" +\n                (index * 0.07) +\n                \"s\";\n        });\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n\n                entries.forEach(function (entry) {\n\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    steps.forEach(function (step) {\n                        step.style.opacity = \"1\";\n                        step.style.transform = \"translateY(0)\";\n                    });\n\n                    currentObserver.unobserve(\n                        entry.target\n                    );\n\n                });\n\n            },\n            {\n                threshold: 0.08\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSocialMediaProcess\n        );\n\n    } else {\n\n        initDxSocialMediaProcess();\n\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-326c294 e-con-full e-flex e-con e-parent\" data-id=\"326c294\" 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-1d8225c elementor-widget elementor-widget-html\" data-id=\"1d8225c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- =========================================================\n     HOME TESTIMONIALS SECTION\n     Author: Mohamed El-Sehemy\n     Video + Text Testimonials\n     English LTR - Elementor Compatible\n========================================================== -->\n\n<style>\n\/* =========================================================\n   ELEMENTOR FULL WIDTH\n========================================================= *\/\n\n.elementor-widget-html:has(#dx-home-testimonials),\n.elementor-widget-html:has(#dx-home-testimonials) > .elementor-widget-container,\n.dx-testimonials-widget-fullwidth,\n.dx-testimonials-widget-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n\/* =========================================================\n   RESET\n========================================================= *\/\n\n#dx-home-testimonials,\n#dx-home-testimonials *,\n#dx-home-testimonials *::before,\n#dx-home-testimonials *::after {\n    box-sizing: border-box;\n}\n\n#dx-home-testimonials {\n    --dx-purple: #6942d8;\n    --dx-purple-light: #9168ef;\n    --dx-yellow: #ffc441;\n    --dx-dark: #160a31;\n    --dx-text: #625c6f;\n    --dx-muted: #85808e;\n    --dx-white: #ffffff;\n    --dx-bg: #f8f7fc;\n    --dx-border: rgba(105, 66, 216, 0.13);\n\n    position: relative;\n    isolation: isolate;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n\n    direction: ltr;\n\n    color: var(--dx-dark);\n\n    background:\n        radial-gradient(\n            circle at 8% 10%,\n            rgba(105, 66, 216, 0.075),\n            transparent 25%\n        ),\n        radial-gradient(\n            circle at 92% 92%,\n            rgba(145, 104, 239, 0.065),\n            transparent 28%\n        ),\n        var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-home-testimonials button {\n    font: inherit;\n}\n\n\/* =========================================================\n   DECORATIONS\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-orbit {\n    position: absolute;\n    z-index: -3;\n\n    border: 1px solid rgba(105, 66, 216, 0.10);\n    border-radius: 50%;\n\n    pointer-events: none;\n}\n\n#dx-home-testimonials .dx-test-orbit-one {\n    top: -210px;\n    left: -180px;\n\n    width: 430px;\n    height: 430px;\n}\n\n#dx-home-testimonials .dx-test-orbit-two {\n    right: -190px;\n    bottom: -250px;\n\n    width: 480px;\n    height: 480px;\n}\n\n#dx-home-testimonials .dx-test-dots {\n    position: absolute;\n    z-index: -2;\n\n    width: 120px;\n    height: 120px;\n\n    opacity: 0.23;\n\n    background-image:\n        radial-gradient(\n            circle,\n            var(--dx-purple-light) 2px,\n            transparent 2.7px\n        );\n\n    background-size: 17px 17px;\n\n    pointer-events: none;\n}\n\n#dx-home-testimonials .dx-test-dots-one {\n    top: 70px;\n    right: 4%;\n}\n\n#dx-home-testimonials .dx-test-dots-two {\n    left: 3%;\n    bottom: 50px;\n}\n\n\/* =========================================================\n   SECTION LAYOUT\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-main {\n    position: relative;\n    z-index: 2;\n\n    width: 100%;\n\n    padding:\n        90px\n        clamp(22px, 5vw, 90px)\n        88px;\n}\n\n#dx-home-testimonials .dx-test-container {\n    width: min(1450px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================================================\n   MAIN HEADER\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-header {\n    max-width: 800px;\n\n    margin: 0 auto 48px;\n\n    text-align: center;\n}\n\n#dx-home-testimonials .dx-test-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    margin-bottom: 11px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 800;\n    line-height: 1.6;\n}\n\n#dx-home-testimonials .dx-test-eyebrow::before,\n#dx-home-testimonials .dx-test-eyebrow::after {\n    content: \"\";\n\n    width: 31px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-yellow),\n            var(--dx-purple-light)\n        );\n}\n\n#dx-home-testimonials .dx-test-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: clamp(35px, 3.7vw, 56px);\n    font-weight: 900;\n    line-height: 1.25;\n    letter-spacing: -1px;\n}\n\n#dx-home-testimonials .dx-test-description {\n    max-width: 700px;\n\n    margin: 15px auto 0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 400;\n    line-height: 1.8;\n}\n\n\/* =========================================================\n   VIDEO TESTIMONIALS\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-video-grid {\n    width: min(1200px, 100%);\n\n    margin: 0 auto 62px;\n\n    display: grid;\n\n    grid-template-columns:\n        repeat(2, minmax(0, 1fr));\n\n    gap: 25px;\n}\n\n#dx-home-testimonials .dx-test-video-card {\n    position: relative;\n    isolation: isolate;\n\n    width: 100%;\n    aspect-ratio: 16 \/ 9;\n\n    padding: 0;\n\n    overflow: hidden;\n\n    border: 1px solid rgba(105, 66, 216, 0.12);\n    border-radius: 22px;\n\n    background: #13082f;\n\n    box-shadow:\n        0 24px 55px rgba(31, 13, 70, 0.18);\n\n    cursor: pointer;\n\n    transition:\n        transform 0.35s ease,\n        box-shadow 0.35s ease,\n        border-color 0.35s ease;\n}\n\n#dx-home-testimonials .dx-test-video-card:hover,\n#dx-home-testimonials .dx-test-video-card:focus-visible {\n    border-color: rgba(105, 66, 216, 0.40);\n\n    box-shadow:\n        0 32px 70px rgba(31, 13, 70, 0.25);\n\n    transform: translateY(-7px);\n}\n\n#dx-home-testimonials .dx-test-video-image {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n\n    transition:\n        transform 0.55s ease,\n        filter 0.55s ease;\n}\n\n#dx-home-testimonials .dx-test-video-card:hover .dx-test-video-image {\n    transform: scale(1.045);\n\n    filter: brightness(0.82);\n}\n\n#dx-home-testimonials .dx-test-video-overlay {\n    position: absolute;\n    z-index: 2;\n\n    inset: 0;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(13, 4, 37, 0.08),\n            rgba(13, 4, 37, 0.35)\n        );\n}\n\n#dx-home-testimonials .dx-test-play {\n    position: relative;\n\n    width: 82px;\n    height: 82px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border: 1px solid rgba(255, 255, 255, 0.55);\n    border-radius: 50%;\n\n    color: var(--dx-white);\n\n    background:\n        linear-gradient(\n            135deg,\n            rgba(105, 66, 216, 0.96),\n            rgba(145, 104, 239, 0.96)\n        );\n\n    box-shadow:\n        0 18px 42px rgba(58, 26, 132, 0.40);\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease;\n}\n\n#dx-home-testimonials .dx-test-play::before {\n    content: \"\";\n\n    position: absolute;\n\n    inset: -12px;\n\n    border: 1px solid rgba(255, 255, 255, 0.27);\n    border-radius: 50%;\n\n    animation:\n        dxTestPulse\n        2.2s\n        ease-out\n        infinite;\n}\n\n#dx-home-testimonials .dx-test-video-card:hover .dx-test-play {\n    transform: scale(1.08);\n\n    box-shadow:\n        0 23px 50px rgba(58, 26, 132, 0.52);\n}\n\n#dx-home-testimonials .dx-test-play svg {\n    width: 31px;\n    height: 31px;\n\n    fill: currentColor;\n\n    transform: translateX(2px);\n}\n\n@keyframes dxTestPulse {\n\n    0% {\n        opacity: 0.75;\n\n        transform: scale(0.88);\n    }\n\n    100% {\n        opacity: 0;\n\n        transform: scale(1.35);\n    }\n}\n\n#dx-home-testimonials .dx-test-video-badge {\n    position: absolute;\n    z-index: 3;\n\n    left: 18px;\n    bottom: 17px;\n\n    display: inline-flex;\n    align-items: center;\n\n    gap: 7px;\n\n    padding:\n        8px\n        12px;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.16);\n\n    border-radius:\n        999px;\n\n    color:\n        var(--dx-white);\n\n    background:\n        rgba(13, 4, 37, 0.70);\n\n    -webkit-backdrop-filter:\n        blur(12px);\n\n    backdrop-filter:\n        blur(12px);\n\n    font-size:\n        12px;\n\n    font-weight:\n        700;\n\n    line-height:\n        1.4;\n}\n\n#dx-home-testimonials .dx-test-video-badge svg {\n    width: 15px;\n    height: 15px;\n\n    fill: currentColor;\n}\n\n\/* =========================================================\n   TEXT TESTIMONIALS HEADER\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-text-section {\n    position: relative;\n\n    width: 100%;\n}\n\n#dx-home-testimonials .dx-test-subheader {\n    max-width: 720px;\n\n    margin: 0 auto 30px;\n\n    text-align: center;\n}\n\n#dx-home-testimonials .dx-test-subtitle {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size:\n        clamp(\n            25px,\n            2.4vw,\n            36px\n        );\n\n    font-weight: 900;\n    line-height: 1.3;\n}\n\n#dx-home-testimonials .dx-test-subdescription {\n    margin: 9px auto 0;\n\n    color: var(--dx-muted);\n\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.75;\n}\n\n\/* =========================================================\n   SLIDER\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-slider {\n    position: relative;\n\n    width: 100%;\n\n    padding:\n        0\n        58px;\n}\n\n#dx-home-testimonials .dx-test-viewport {\n    width: 100%;\n\n    overflow: hidden;\n}\n\n#dx-home-testimonials .dx-test-track {\n    display: flex;\n\n    direction: ltr;\n\n    transition:\n        transform\n        1.05s\n        cubic-bezier(\n            0.22,\n            0.61,\n            0.36,\n            1\n        );\n\n    will-change: transform;\n}\n\n#dx-home-testimonials .dx-test-slide {\n    flex:\n        0\n        0\n        50%;\n\n    min-width: 0;\n\n    padding: 12px;\n}\n\n\/* =========================================================\n   REVIEW CARD\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-card {\n    position: relative;\n\n    height: 100%;\n    min-height: 320px;\n\n    padding:\n        31px\n        30px\n        28px;\n\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n\n    border:\n        1px solid var(--dx-border);\n\n    border-radius:\n        21px;\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(255, 255, 255, 0.98),\n            rgba(252, 250, 255, 0.96)\n        );\n\n    box-shadow:\n        0 20px 48px rgba(42, 20, 88, 0.09);\n\n    transition:\n        transform 0.3s ease,\n        box-shadow 0.3s ease,\n        border-color 0.3s ease;\n}\n\n#dx-home-testimonials .dx-test-card:hover {\n    border-color:\n        rgba(105, 66, 216, 0.28);\n\n    box-shadow:\n        0 27px 58px rgba(42, 20, 88, 0.14);\n\n    transform:\n        translateY(-5px);\n}\n\n#dx-home-testimonials .dx-test-quote-icon {\n    position: absolute;\n\n    top: 22px;\n    right: 24px;\n\n    width: 54px;\n    height: 54px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 17px;\n\n    color: var(--dx-purple);\n\n    background:\n        linear-gradient(\n            145deg,\n            rgba(105, 66, 216, 0.12),\n            rgba(145, 104, 239, 0.055)\n        );\n}\n\n#dx-home-testimonials .dx-test-quote-icon svg {\n    width: 27px;\n    height: 27px;\n\n    fill: currentColor;\n}\n\n#dx-home-testimonials .dx-test-stars {\n    display: flex;\n    align-items: center;\n\n    gap: 3px;\n\n    margin-bottom: 22px;\n\n    color: var(--dx-yellow);\n\n    font-size: 17px;\n    line-height: 1;\n}\n\n#dx-home-testimonials .dx-test-review {\n    flex-grow: 1;\n\n    margin: 0;\n\n    padding-right: 82px;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 1.9;\n}\n\n#dx-home-testimonials .dx-test-person {\n    margin-top: 27px;\n\n    padding-top: 21px;\n\n    display: flex;\n    align-items: center;\n\n    gap: 13px;\n\n    border-top:\n        1px solid rgba(105, 66, 216, 0.10);\n}\n\n#dx-home-testimonials .dx-test-avatar {\n    width: 54px;\n    height: 54px;\n    flex: 0 0 54px;\n\n    overflow: hidden;\n\n    border:\n        3px solid rgba(105, 66, 216, 0.11);\n\n    border-radius: 50%;\n\n    background: #eeeaf7;\n}\n\n#dx-home-testimonials .dx-test-avatar img {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    object-fit: cover;\n    object-position: center;\n}\n\n#dx-home-testimonials .dx-test-person-info {\n    min-width: 0;\n\n    display: flex;\n    flex-direction: column;\n\n    text-align: left;\n}\n\n#dx-home-testimonials .dx-test-person-name {\n    color: var(--dx-dark);\n\n    font-size: 15px;\n    font-weight: 800;\n    line-height: 1.5;\n}\n\n#dx-home-testimonials .dx-test-person-company {\n    margin-top: 3px;\n\n    color: var(--dx-muted);\n\n    font-size: 13px;\n    font-weight: 500;\n    line-height: 1.5;\n}\n\n\/* =========================================================\n   SLIDER ARROWS\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-arrow {\n    position: absolute;\n    z-index: 10;\n\n    top: 50%;\n\n    width: 46px;\n    height: 46px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    padding: 0;\n\n    border:\n        1px solid rgba(105, 66, 216, 0.14);\n\n    border-radius: 50%;\n\n    color: var(--dx-purple);\n\n    background:\n        var(--dx-white);\n\n    box-shadow:\n        0 14px 30px rgba(41, 19, 87, 0.14);\n\n    cursor: pointer;\n\n    transform:\n        translateY(-50%);\n\n    transition:\n        color 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease;\n}\n\n#dx-home-testimonials .dx-test-arrow:hover,\n#dx-home-testimonials .dx-test-arrow:focus-visible {\n    color: var(--dx-white);\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n\n    box-shadow:\n        0 18px 38px rgba(105, 66, 216, 0.28);\n}\n\n#dx-home-testimonials .dx-test-arrow-prev {\n    left: 0;\n}\n\n#dx-home-testimonials .dx-test-arrow-next {\n    right: 0;\n}\n\n#dx-home-testimonials .dx-test-arrow svg {\n    width: 20px;\n    height: 20px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================================================\n   PAGINATION\n========================================================= *\/\n\n#dx-home-testimonials .dx-test-pagination {\n    margin-top: 24px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n}\n\n#dx-home-testimonials .dx-test-dot {\n    width: 8px;\n    height: 8px;\n\n    padding: 0;\n\n    border: 0;\n    border-radius: 999px;\n\n    background:\n        rgba(105, 66, 216, 0.20);\n\n    cursor: pointer;\n\n    transition:\n        width 0.25s ease,\n        background 0.25s ease;\n}\n\n#dx-home-testimonials .dx-test-dot.is-active {\n    width: 28px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-purple),\n            var(--dx-purple-light)\n        );\n}\n\n\/* =========================================================\n   VIDEO MODAL\n========================================================= *\/\n\n.dx-test-modal {\n    position: fixed;\n    z-index: 999999;\n\n    inset: 0;\n\n    display: none;\n    align-items: center;\n    justify-content: center;\n\n    padding:\n        70px\n        28px\n        28px;\n\n    background:\n        rgba(5, 0, 20, 0.92);\n\n    -webkit-backdrop-filter:\n        blur(10px);\n\n    backdrop-filter:\n        blur(10px);\n}\n\n.dx-test-modal.is-open {\n    display: flex;\n\n    animation:\n        dxTestModalFade\n        0.25s\n        ease\n        both;\n}\n\n@keyframes dxTestModalFade {\n\n    from {\n        opacity: 0;\n    }\n\n    to {\n        opacity: 1;\n    }\n}\n\n.dx-test-modal-dialog {\n    position: relative;\n\n    width:\n        min(\n            1200px,\n            100%\n        );\n\n    aspect-ratio:\n        16 \/ 9;\n\n    overflow: hidden;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.15);\n\n    border-radius:\n        20px;\n\n    background:\n        #000000;\n\n    box-shadow:\n        0 35px 100px rgba(0, 0, 0, 0.60);\n\n    animation:\n        dxTestModalScale\n        0.3s\n        ease\n        both;\n}\n\n@keyframes dxTestModalScale {\n\n    from {\n        opacity: 0;\n\n        transform:\n            scale(0.94)\n            translateY(10px);\n    }\n\n    to {\n        opacity: 1;\n\n        transform:\n            scale(1)\n            translateY(0);\n    }\n}\n\n.dx-test-modal-video {\n    width: 100%;\n    height: 100%;\n}\n\n.dx-test-modal-video iframe {\n    display: block;\n\n    width: 100%;\n    height: 100%;\n\n    border: 0;\n}\n\n\/* =========================================================\n   VIDEO MODAL CLOSE BUTTON\n========================================================= *\/\n\n.dx-test-modal-close {\n    position:\n        fixed !important;\n\n    z-index:\n        2147483647 !important;\n\n    top:\n        22px !important;\n\n    right:\n        24px !important;\n\n    width:\n        48px !important;\n\n    height:\n        48px !important;\n\n    display:\n        flex !important;\n\n    align-items:\n        center !important;\n\n    justify-content:\n        center !important;\n\n    margin:\n        0 !important;\n\n    padding:\n        0 !important;\n\n    border:\n        1px solid rgba(255, 255, 255, 0.35) !important;\n\n    border-radius:\n        14px !important;\n\n    background:\n        linear-gradient(\n            135deg,\n            #6942d8,\n            #9168ef\n        ) !important;\n\n    box-shadow:\n        0 12px 30px rgba(0, 0, 0, 0.38) !important;\n\n    cursor:\n        pointer !important;\n\n    appearance:\n        none !important;\n\n    -webkit-appearance:\n        none !important;\n\n    opacity:\n        1 !important;\n\n    visibility:\n        visible !important;\n\n    transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        box-shadow 0.25s ease !important;\n}\n\n.dx-test-modal-close::before,\n.dx-test-modal-close::after {\n    content:\n        \"\" !important;\n\n    position:\n        absolute !important;\n\n    top:\n        50% !important;\n\n    left:\n        50% !important;\n\n    width:\n        23px !important;\n\n    height:\n        3px !important;\n\n    display:\n        block !important;\n\n    border-radius:\n        999px !important;\n\n    background:\n        #ffffff !important;\n\n    transform-origin:\n        center !important;\n\n    opacity:\n        1 !important;\n\n    visibility:\n        visible !important;\n\n    pointer-events:\n        none !important;\n}\n\n.dx-test-modal-close::before {\n    transform:\n        translate(-50%, -50%)\n        rotate(45deg) !important;\n}\n\n.dx-test-modal-close::after {\n    transform:\n        translate(-50%, -50%)\n        rotate(-45deg) !important;\n}\n\n.dx-test-modal-close:hover,\n.dx-test-modal-close:focus-visible {\n    background:\n        linear-gradient(\n            135deg,\n            #9168ef,\n            #6942d8\n        ) !important;\n\n    box-shadow:\n        0 16px 38px rgba(105, 66, 216, 0.48) !important;\n\n    transform:\n        scale(1.08) !important;\n}\n\n.dx-test-modal-close:focus-visible {\n    outline:\n        3px solid #ffc441 !important;\n\n    outline-offset:\n        4px !important;\n}\n\n\/* =========================================================\n   RESPONSIVE\n========================================================= *\/\n\n@media (max-width: 900px) {\n\n    #dx-home-testimonials .dx-test-main {\n        padding:\n            76px\n            28px\n            74px;\n    }\n\n    #dx-home-testimonials .dx-test-video-grid {\n        gap: 18px;\n\n        margin-bottom:\n            52px;\n    }\n\n    #dx-home-testimonials .dx-test-slide {\n        flex-basis: 100%;\n    }\n\n    #dx-home-testimonials .dx-test-card {\n        min-height:\n            300px;\n    }\n}\n\n@media (max-width: 700px) {\n\n    #dx-home-testimonials .dx-test-video-grid {\n        grid-template-columns:\n            1fr;\n    }\n\n    #dx-home-testimonials .dx-test-slider {\n        padding:\n            0\n            37px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow {\n        width:\n            40px;\n\n        height:\n            40px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow-prev {\n        left:\n            -5px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow-next {\n        right:\n            -5px;\n    }\n}\n\n@media (max-width: 600px) {\n\n    #dx-home-testimonials .dx-test-main {\n        padding:\n            64px\n            20px\n            62px;\n    }\n\n    #dx-home-testimonials .dx-test-header {\n        margin-bottom:\n            35px;\n    }\n\n    #dx-home-testimonials .dx-test-title {\n        font-size:\n            clamp(\n                29px,\n                9vw,\n                40px\n            );\n\n        line-height:\n            1.3;\n    }\n\n    #dx-home-testimonials .dx-test-description {\n        font-size:\n            15px;\n\n        line-height:\n            1.75;\n    }\n\n    #dx-home-testimonials .dx-test-video-grid {\n        margin-bottom:\n            47px;\n    }\n\n    #dx-home-testimonials .dx-test-video-card {\n        border-radius:\n            17px;\n    }\n\n    #dx-home-testimonials .dx-test-play {\n        width:\n            66px;\n\n        height:\n            66px;\n    }\n\n    #dx-home-testimonials .dx-test-play svg {\n        width:\n            26px;\n\n        height:\n            26px;\n    }\n\n    #dx-home-testimonials .dx-test-subtitle {\n        font-size:\n            27px;\n\n        line-height:\n            1.35;\n    }\n\n    #dx-home-testimonials .dx-test-subdescription {\n        font-size:\n            14px;\n\n        line-height:\n            1.7;\n    }\n\n    #dx-home-testimonials .dx-test-slider {\n        padding:\n            0;\n    }\n\n    #dx-home-testimonials .dx-test-slide {\n        padding:\n            6px;\n    }\n\n    #dx-home-testimonials .dx-test-card {\n        min-height:\n            0;\n\n        padding:\n            26px\n            22px\n            23px;\n\n        border-radius:\n            17px;\n    }\n\n    #dx-home-testimonials .dx-test-quote-icon {\n        top:\n            18px;\n\n        right:\n            18px;\n\n        width:\n            46px;\n\n        height:\n            46px;\n\n        border-radius:\n            14px;\n    }\n\n    #dx-home-testimonials .dx-test-review {\n        padding-right:\n            58px;\n\n        font-size:\n            14px;\n\n        line-height:\n            1.8;\n    }\n\n    #dx-home-testimonials .dx-test-arrow {\n        top:\n            auto;\n\n        bottom:\n            -58px;\n\n        width:\n            42px;\n\n        height:\n            42px;\n    }\n\n    #dx-home-testimonials .dx-test-arrow-prev {\n        left:\n            calc(50% - 50px);\n    }\n\n    #dx-home-testimonials .dx-test-arrow-next {\n        right:\n            calc(50% - 50px);\n    }\n\n    #dx-home-testimonials .dx-test-pagination {\n        margin-top:\n            73px;\n    }\n\n    .dx-test-modal {\n        padding:\n            65px\n            12px\n            20px;\n    }\n\n    .dx-test-modal-dialog {\n        border-radius:\n            13px;\n    }\n\n    .dx-test-modal-close {\n        top:\n            14px !important;\n\n        right:\n            14px !important;\n\n        width:\n            44px !important;\n\n        height:\n            44px !important;\n\n        border-radius:\n            12px !important;\n    }\n\n    .dx-test-modal-close::before,\n    .dx-test-modal-close::after {\n        width:\n            21px !important;\n\n        height:\n            3px !important;\n    }\n}\n\n\/* =========================================================\n   ACCESSIBILITY\n========================================================= *\/\n\n#dx-home-testimonials button:focus-visible {\n    outline:\n        2px solid var(--dx-yellow);\n\n    outline-offset:\n        4px;\n}\n\nbody.dx-test-modal-open {\n    overflow:\n        hidden !important;\n}\n\n@media (prefers-reduced-motion: reduce) {\n\n    #dx-home-testimonials *,\n    #dx-home-testimonials *::before,\n    #dx-home-testimonials *::after,\n    .dx-test-modal *,\n    .dx-test-modal *::before,\n    .dx-test-modal *::after {\n        animation-duration:\n            0.01ms !important;\n\n        animation-iteration-count:\n            1 !important;\n\n        transition-duration:\n            0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-home-testimonials\"\n    aria-labelledby=\"dx-testimonials-title\"\n    dir=\"ltr\"\n>\n\n    <span\n        class=\"dx-test-orbit dx-test-orbit-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-test-orbit dx-test-orbit-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-test-dots dx-test-dots-one\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <span\n        class=\"dx-test-dots dx-test-dots-two\"\n        aria-hidden=\"true\"\n    ><\/span>\n\n    <div class=\"dx-test-main\">\n\n        <div class=\"dx-test-container\">\n\n            <!-- =================================================\n                 HEADER\n            ================================================== -->\n\n            <header class=\"dx-test-header\">\n\n                <span class=\"dx-test-eyebrow\">\n                    Client Testimonials\n                <\/span>\n\n                <h2\n                    id=\"dx-testimonials-title\"\n                    class=\"dx-test-title\"\n                >\n                    What Our Clients Say\n                <\/h2>\n\n                <p class=\"dx-test-description\">\n                    Real experiences from clients who trusted us\n                    to build, improve, and support their digital projects.\n                <\/p>\n\n            <\/header>\n\n            <!-- =================================================\n                 VIDEO TESTIMONIALS\n            ================================================== -->\n\n            <div class=\"dx-test-video-grid\">\n\n                <button\n                    type=\"button\"\n                    class=\"dx-test-video-card\"\n                    data-video-id=\"dtCRXdp2qag\"\n                    aria-label=\"Play the first client video testimonial\"\n                >\n                    <img loading=\"lazy\"\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/84ef21a8-e751-498c-be44-d2fdf0882d6d.webp\"\n                        class=\"dx-test-video-image\"\n                        alt=\"Client video testimonial\"\n                        width=\"1600\"\n                        height=\"900\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                    <span class=\"dx-test-video-overlay\">\n\n                        <span\n                            class=\"dx-test-play\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M8 5v14l11-7z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/span>\n\n                    <span class=\"dx-test-video-badge\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M8 5v14l11-7z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            Watch Client Story\n                        <\/span>\n\n                    <\/span>\n                <\/button>\n\n                <button\n                    type=\"button\"\n                    class=\"dx-test-video-card\"\n                    data-video-id=\"tB7nBjjZoy8\"\n                    aria-label=\"Play the second client video testimonial\"\n                >\n                    <img loading=\"lazy\"\n                        src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/06\/e0eafccc-e822-4b9b-ace4-726086252662.webp\"\n                        class=\"dx-test-video-image\"\n                        alt=\"Client video testimonial\"\n                        width=\"1600\"\n                        height=\"900\"\n                        loading=\"lazy\"\n                        decoding=\"async\"\n                    >\n\n                    <span class=\"dx-test-video-overlay\">\n\n                        <span\n                            class=\"dx-test-play\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"M8 5v14l11-7z\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                    <\/span>\n\n                    <span class=\"dx-test-video-badge\">\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M8 5v14l11-7z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            Watch Client Story\n                        <\/span>\n\n                    <\/span>\n                <\/button>\n\n            <\/div>\n\n            <!-- =================================================\n                 TEXT TESTIMONIALS\n            ================================================== -->\n\n            <div class=\"dx-test-text-section\">\n\n                <header class=\"dx-test-subheader\">\n\n                    <h3 class=\"dx-test-subtitle\">\n                        Client Experiences\n                    <\/h3>\n\n                    <p class=\"dx-test-subdescription\">\n                        Feedback that reflects the quality of our work,\n                        communication, support, and overall client experience.\n                    <\/p>\n\n                <\/header>\n\n                <div\n                    class=\"dx-test-slider\"\n                    aria-roledescription=\"carousel\"\n                    aria-label=\"Client testimonials\"\n                >\n\n                    <!-- PREVIOUS -->\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-test-arrow dx-test-arrow-prev\"\n                        aria-label=\"Previous testimonials\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m15 18-6-6 6-6\"><\/path>\n                        <\/svg>\n                    <\/button>\n\n                    <div class=\"dx-test-viewport\">\n\n                        <div class=\"dx-test-track\">\n\n                            <!-- =====================================\n                                 TESTIMONIAL 1\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        I would like to thank the team for the\n                                        overall experience. It was very positive.\n                                        They listened carefully to my needs,\n                                        understood the idea clearly from the\n                                        beginning, and made a real effort to\n                                        bring it to life. Every question was\n                                        handled professionally and responses\n                                        were always quick, which was very\n                                        important to me.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"Waseem\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Waseem\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                Go Coach\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 2\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        What I appreciated most was the genuine\n                                        knowledge and the strong relationship\n                                        throughout the work. Wishing the team\n                                        continued success.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"Mohamed El Khouly\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Mohamed El Khouly\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                LUM\u00c9A\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 3\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        Great team and excellent service.\n                                        If you need a professional website to\n                                        promote your business or location,\n                                        D-INDEX is an excellent choice.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"James Swayze\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                James Swayze\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                GMCS Power Stations\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 4\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        I highly recommend D-INDEX.\n                                        The team is always ready to help\n                                        whenever you have a question or need\n                                        support.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\n                                                alt=\"Karina Salier\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Karina Salier\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                High Performance Brain Training\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 5\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        Honest and professional to work with,\n                                        very cooperative, and fairly priced.\n                                        Thank you for the great effort and\n                                        excellent work.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"DZ Daly\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                DZ Daly\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                DZ Store\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 6\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        One of the best companies I have worked\n                                        with. Great service and, more\n                                        importantly, great and honest people.\n                                        Truly a five-star experience.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5856-scaled.jpg\"\n                                                alt=\"Ibrahim Hassan\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Ibrahim Hassan\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                R&amp;G\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 7\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        One of the most professional companies\n                                        I have worked with. They understood the\n                                        requirements from the first meeting,\n                                        were cooperative in finding solutions,\n                                        and responded quickly whenever an issue\n                                        came up. Their professionalism and\n                                        respectful communication were also\n                                        greatly appreciated.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\n                                                alt=\"Roaa Ahmed\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Roaa Ahmed\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                My Soul Space\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                            <!-- =====================================\n                                 TESTIMONIAL 8\n                            ====================================== -->\n\n                            <article class=\"dx-test-slide\">\n\n                                <div class=\"dx-test-card\">\n\n                                    <span\n                                        class=\"dx-test-quote-icon\"\n                                        aria-hidden=\"true\"\n                                    >\n                                        <svg viewBox=\"0 0 24 24\">\n                                            <path d=\"M10 11H6.5A4.5 4.5 0 0 1 11 6.5V4a7 7 0 0 0-7 7v8h6v-8zm10 0h-3.5A4.5 4.5 0 0 1 21 6.5V4a7 7 0 0 0-7 7v8h6v-8z\"><\/path>\n                                        <\/svg>\n                                    <\/span>\n\n                                    <div\n                                        class=\"dx-test-stars\"\n                                        aria-label=\"5 out of 5 stars\"\n                                    >\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                        <span>\u2605<\/span>\n                                    <\/div>\n\n                                    <p class=\"dx-test-review\">\n                                        I am genuinely grateful for the success\n                                        I achieved while working with D-INDEX.\n                                        They have a creative touch that is\n                                        clearly noticeable when you work with\n                                        their team.\n                                    <\/p>\n\n                                    <div class=\"dx-test-person\">\n\n                                        <span class=\"dx-test-avatar\">\n\n                                            <img\n                                                src=\"https:\/\/dindex.net\/wp-content\/uploads\/2025\/02\/5857-scaled.jpg\"\n                                                alt=\"Laila Kandil\"\n                                                loading=\"lazy\"\n                                                decoding=\"async\"\n                                            >\n\n                                        <\/span>\n\n                                        <span class=\"dx-test-person-info\">\n\n                                            <strong class=\"dx-test-person-name\">\n                                                Laila Kandil\n                                            <\/strong>\n\n                                            <span class=\"dx-test-person-company\">\n                                                Educational Creativity Center\n                                            <\/span>\n\n                                        <\/span>\n\n                                    <\/div>\n\n                                <\/div>\n\n                            <\/article>\n\n                        <\/div>\n\n                    <\/div>\n\n                    <!-- NEXT -->\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-test-arrow dx-test-arrow-next\"\n                        aria-label=\"Next testimonials\"\n                    >\n                        <svg viewBox=\"0 0 24 24\">\n                            <path d=\"m9 18 6-6-6-6\"><\/path>\n                        <\/svg>\n                    <\/button>\n\n                    <div\n                        class=\"dx-test-pagination\"\n                        aria-label=\"Testimonial navigation\"\n                    ><\/div>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<!-- =========================================================\n     VIDEO MODAL\n========================================================== -->\n\n<div\n    class=\"dx-test-modal\"\n    id=\"dx-test-video-modal\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"Client video testimonial\"\n    aria-hidden=\"true\"\n>\n\n    <button\n        type=\"button\"\n        class=\"dx-test-modal-close\"\n        aria-label=\"Close video\"\n    ><\/button>\n\n    <div class=\"dx-test-modal-dialog\">\n\n        <div class=\"dx-test-modal-video\"><\/div>\n\n    <\/div>\n\n<\/div>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxTestimonials() {\n\n        const section =\n            document.getElementById(\n                \"dx-home-testimonials\"\n            );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized =\n            \"true\";\n\n        const widget =\n            section.closest(\n                \".elementor-widget-html\"\n            );\n\n        if (widget) {\n\n            widget.classList.add(\n                \"dx-testimonials-widget-fullwidth\"\n            );\n        }\n\n        \/* =====================================================\n           VIDEO MODAL\n        ====================================================== *\/\n\n        const videoButtons =\n            Array.from(\n                section.querySelectorAll(\n                    \".dx-test-video-card\"\n                )\n            );\n\n        const modal =\n            document.getElementById(\n                \"dx-test-video-modal\"\n            );\n\n        const modalVideo =\n            modal\n                ? modal.querySelector(\n                    \".dx-test-modal-video\"\n                )\n                : null;\n\n        const modalClose =\n            modal\n                ? modal.querySelector(\n                    \".dx-test-modal-close\"\n                )\n                : null;\n\n        let lastFocusedElement =\n            null;\n\n        function openVideo(\n            videoId,\n            trigger\n        ) {\n\n            if (\n                !modal ||\n                !modalVideo ||\n                !videoId\n            ) {\n                return;\n            }\n\n            lastFocusedElement =\n                trigger || null;\n\n            const iframe =\n                document.createElement(\n                    \"iframe\"\n                );\n\n            iframe.src =\n                \"https:\/\/www.youtube.com\/embed\/\" +\n                encodeURIComponent(videoId) +\n                \"?feature=oembed\" +\n                \"&autoplay=1\" +\n                \"&controls=1\" +\n                \"&rel=0\" +\n                \"&playsinline=1\";\n\n            iframe.title =\n                \"Client video testimonial\";\n\n            iframe.allow =\n                \"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\";\n\n            iframe.allowFullscreen =\n                true;\n\n            iframe.referrerPolicy =\n                \"strict-origin-when-cross-origin\";\n\n            modalVideo.innerHTML =\n                \"\";\n\n            modalVideo.appendChild(\n                iframe\n            );\n\n            modal.classList.add(\n                \"is-open\"\n            );\n\n            modal.setAttribute(\n                \"aria-hidden\",\n                \"false\"\n            );\n\n            document.body.classList.add(\n                \"dx-test-modal-open\"\n            );\n\n            window.setTimeout(\n                function () {\n\n                    if (modalClose) {\n                        modalClose.focus();\n                    }\n\n                },\n                50\n            );\n        }\n\n        function closeVideo() {\n\n            if (\n                !modal ||\n                !modalVideo\n            ) {\n                return;\n            }\n\n            modal.classList.remove(\n                \"is-open\"\n            );\n\n            modal.setAttribute(\n                \"aria-hidden\",\n                \"true\"\n            );\n\n            modalVideo.innerHTML =\n                \"\";\n\n            document.body.classList.remove(\n                \"dx-test-modal-open\"\n            );\n\n            if (\n                lastFocusedElement &&\n                typeof lastFocusedElement.focus ===\n                    \"function\"\n            ) {\n                lastFocusedElement.focus();\n            }\n        }\n\n        videoButtons.forEach(\n            function (button) {\n\n                button.addEventListener(\n                    \"click\",\n                    function () {\n\n                        openVideo(\n                            button.getAttribute(\n                                \"data-video-id\"\n                            ),\n                            button\n                        );\n                    }\n                );\n            }\n        );\n\n        if (modalClose) {\n\n            modalClose.addEventListener(\n                \"click\",\n                closeVideo\n            );\n        }\n\n        if (modal) {\n\n            modal.addEventListener(\n                \"click\",\n                function (event) {\n\n                    if (\n                        event.target === modal\n                    ) {\n                        closeVideo();\n                    }\n                }\n            );\n        }\n\n        document.addEventListener(\n            \"keydown\",\n            function (event) {\n\n                if (\n                    event.key === \"Escape\" &&\n                    modal &&\n                    modal.classList.contains(\n                        \"is-open\"\n                    )\n                ) {\n                    closeVideo();\n                }\n            }\n        );\n\n        \/* =====================================================\n           TESTIMONIAL SLIDER\n        ====================================================== *\/\n\n        const slider =\n            section.querySelector(\n                \".dx-test-slider\"\n            );\n\n        const track =\n            section.querySelector(\n                \".dx-test-track\"\n            );\n\n        const slides =\n            Array.from(\n                section.querySelectorAll(\n                    \".dx-test-slide\"\n                )\n            );\n\n        const previousButton =\n            section.querySelector(\n                \".dx-test-arrow-prev\"\n            );\n\n        const nextButton =\n            section.querySelector(\n                \".dx-test-arrow-next\"\n            );\n\n        const pagination =\n            section.querySelector(\n                \".dx-test-pagination\"\n            );\n\n        if (\n            !slider ||\n            !track ||\n            slides.length === 0 ||\n            !pagination\n        ) {\n            return;\n        }\n\n        let currentIndex = 0;\n\n        let autoplayTimer =\n            null;\n\n        let touchStartX =\n            0;\n\n        let touchEndX =\n            0;\n\n        let resizeTimer =\n            null;\n\n        function getVisibleSlides() {\n\n            return window.innerWidth <= 900\n                ? 1\n                : 2;\n        }\n\n        function getPagesCount() {\n\n            return Math.max(\n                1,\n                Math.ceil(\n                    slides.length \/\n                    getVisibleSlides()\n                )\n            );\n        }\n\n        function normalizeIndex(\n            index\n        ) {\n\n            const pagesCount =\n                getPagesCount();\n\n            if (index < 0) {\n                return pagesCount - 1;\n            }\n\n            if (\n                index >= pagesCount\n            ) {\n                return 0;\n            }\n\n            return index;\n        }\n\n        function createPagination() {\n\n            pagination.innerHTML =\n                \"\";\n\n            const pagesCount =\n                getPagesCount();\n\n            for (\n                let index = 0;\n                index < pagesCount;\n                index += 1\n            ) {\n\n                const dot =\n                    document.createElement(\n                        \"button\"\n                    );\n\n                dot.type =\n                    \"button\";\n\n                dot.className =\n                    \"dx-test-dot\";\n\n                dot.setAttribute(\n                    \"aria-label\",\n                    \"Go to testimonial group \" +\n                    (index + 1)\n                );\n\n                dot.addEventListener(\n                    \"click\",\n                    function () {\n\n                        currentIndex =\n                            index;\n\n                        updateSlider();\n\n                        restartAutoplay();\n                    }\n                );\n\n                pagination.appendChild(\n                    dot\n                );\n            }\n        }\n\n        function updateSlider() {\n\n            const visibleSlides =\n                getVisibleSlides();\n\n            const slidePercentage =\n                100 \/ visibleSlides;\n\n            const offset =\n                currentIndex *\n                visibleSlides *\n                slidePercentage;\n\n            \/*\n             * LTR slider moves left as index increases.\n             *\/\n            track.style.transform =\n                \"translateX(-\" +\n                offset +\n                \"%)\";\n\n            const dots =\n                Array.from(\n                    pagination.querySelectorAll(\n                        \".dx-test-dot\"\n                    )\n                );\n\n            dots.forEach(\n                function (\n                    dot,\n                    index\n                ) {\n\n                    const isActive =\n                        index ===\n                        currentIndex;\n\n                    dot.classList.toggle(\n                        \"is-active\",\n                        isActive\n                    );\n\n                    dot.setAttribute(\n                        \"aria-current\",\n                        isActive\n                            ? \"true\"\n                            : \"false\"\n                    );\n                }\n            );\n        }\n\n        function goNext() {\n\n            currentIndex =\n                normalizeIndex(\n                    currentIndex + 1\n                );\n\n            updateSlider();\n        }\n\n        function goPrevious() {\n\n            currentIndex =\n                normalizeIndex(\n                    currentIndex - 1\n                );\n\n            updateSlider();\n        }\n\n        function stopAutoplay() {\n\n            if (autoplayTimer) {\n\n                window.clearInterval(\n                    autoplayTimer\n                );\n\n                autoplayTimer =\n                    null;\n            }\n        }\n\n        function startAutoplay() {\n\n            stopAutoplay();\n\n            autoplayTimer =\n                window.setInterval(\n                    goNext,\n                    5500\n                );\n        }\n\n        function restartAutoplay() {\n\n            stopAutoplay();\n\n            startAutoplay();\n        }\n\n        if (previousButton) {\n\n            previousButton.addEventListener(\n                \"click\",\n                function () {\n\n                    goPrevious();\n\n                    restartAutoplay();\n                }\n            );\n        }\n\n        if (nextButton) {\n\n            nextButton.addEventListener(\n                \"click\",\n                function () {\n\n                    goNext();\n\n                    restartAutoplay();\n                }\n            );\n        }\n\n        slider.addEventListener(\n            \"mouseenter\",\n            stopAutoplay\n        );\n\n        slider.addEventListener(\n            \"mouseleave\",\n            startAutoplay\n        );\n\n        slider.addEventListener(\n            \"focusin\",\n            stopAutoplay\n        );\n\n        slider.addEventListener(\n            \"focusout\",\n            startAutoplay\n        );\n\n        slider.addEventListener(\n            \"touchstart\",\n            function (event) {\n\n                touchStartX =\n                    event.changedTouches[0]\n                        .clientX;\n            },\n            {\n                passive: true\n            }\n        );\n\n        slider.addEventListener(\n            \"touchend\",\n            function (event) {\n\n                touchEndX =\n                    event.changedTouches[0]\n                        .clientX;\n\n                const distance =\n                    touchEndX -\n                    touchStartX;\n\n                if (\n                    Math.abs(distance) <\n                    45\n                ) {\n                    return;\n                }\n\n                \/*\n                 * LTR:\n                 * Swipe left  -> next\n                 * Swipe right -> previous\n                 *\/\n                if (\n                    distance < 0\n                ) {\n\n                    goNext();\n\n                } else {\n\n                    goPrevious();\n                }\n\n                restartAutoplay();\n            },\n            {\n                passive: true\n            }\n        );\n\n        window.addEventListener(\n            \"resize\",\n            function () {\n\n                window.clearTimeout(\n                    resizeTimer\n                );\n\n                resizeTimer =\n                    window.setTimeout(\n                        function () {\n\n                            currentIndex =\n                                0;\n\n                            createPagination();\n\n                            updateSlider();\n                        },\n                        150\n                    );\n            }\n        );\n\n        createPagination();\n        updateSlider();\n        startAutoplay();\n    }\n\n    if (\n        document.readyState ===\n        \"loading\"\n    ) {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxTestimonials\n        );\n\n    } else {\n\n        initDxTestimonials();\n\n    }\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-91e7cdb e-con-full e-flex e-con e-parent\" data-id=\"91e7cdb\" 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-373ac7a elementor-widget elementor-widget-html\" data-id=\"373ac7a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.elementor-widget-html:has(#dx-social-media-faq),\n.elementor-widget-html:has(#dx-social-media-faq) > .elementor-widget-container,\n.dx-social-media-faq-fullwidth,\n.dx-social-media-faq-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-social-media-faq,\n#dx-social-media-faq *,\n#dx-social-media-faq *::before,\n#dx-social-media-faq *::after {\n    box-sizing: border-box;\n}\n\n#dx-social-media-faq {\n    --dx-bg: #f7f4fb;\n    --dx-white: #ffffff;\n    --dx-dark: #17062f;\n    --dx-text: #675f72;\n    --dx-muted: #91889d;\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n    --dx-border: rgba(112,69,223,0.12);\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    direction: ltr;\n    overflow: hidden;\n\n    color: var(--dx-dark);\n\n    background:\n        radial-gradient(\n            circle at 4% 8%,\n            rgba(112,69,223,0.065),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 95% 90%,\n            rgba(255,196,65,0.06),\n            transparent 24%\n        ),\n        var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-social-media-faq .dx-smf-main {\n    width: 100%;\n\n    padding:\n        90px\n        clamp(22px, 5vw, 90px)\n        94px;\n}\n\n#dx-social-media-faq .dx-smf-container {\n    width: min(1360px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   HEADER\n========================= *\/\n\n#dx-social-media-faq .dx-smf-header {\n    max-width: 820px;\n    margin-bottom: 40px;\n}\n\n#dx-social-media-faq .dx-smf-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    gap: 10px;\n\n    margin-bottom: 10px;\n\n    color: var(--dx-purple);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-faq .dx-smf-eyebrow::before {\n    content: \"\";\n\n    width: 34px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--dx-yellow),\n            var(--dx-purple)\n        );\n}\n\n#dx-social-media-faq .dx-smf-title {\n    margin: 0;\n\n    color: var(--dx-dark);\n\n    font-size: clamp(34px, 4vw, 50px);\n    font-weight: 900;\n    line-height: 1.55;\n    letter-spacing: -0.35px;\n}\n\n#dx-social-media-faq .dx-smf-title span {\n    color: var(--dx-purple);\n}\n\n#dx-social-media-faq .dx-smf-description {\n    max-width: 760px;\n\n    margin: 12px 0 0;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 2;\n}\n\n\/* =========================\n   FAQ LIST\n========================= *\/\n\n#dx-social-media-faq .dx-smf-list {\n    display: grid;\n    gap: 12px;\n}\n\n#dx-social-media-faq .dx-smf-item {\n    overflow: hidden;\n\n    border: 1px solid var(--dx-border);\n    border-radius: 16px;\n\n    background: rgba(255,255,255,0.9);\n\n    box-shadow:\n        0 12px 30px rgba(43,22,87,0.045);\n}\n\n#dx-social-media-faq .dx-smf-question {\n    width: 100%;\n    min-height: 72px;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n\n    gap: 20px;\n\n    padding:\n        17px\n        20px;\n\n    border: 0;\n    background: transparent;\n\n    color: var(--dx-dark);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n\n    font-size: 16px;\n    font-weight: 900;\n    line-height: 1.7;\n    text-align: left;\n\n    cursor: pointer;\n}\n\n#dx-social-media-faq .dx-smf-icon {\n    position: relative;\n\n    width: 40px;\n    height: 40px;\n    flex: 0 0 40px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 12px;\n\n    color: var(--dx-purple);\n\n    background: rgba(112,69,223,0.09);\n\n    transition:\n        transform 0.25s ease,\n        background 0.25s ease,\n        color 0.25s ease;\n}\n\n#dx-social-media-faq .dx-smf-icon::before,\n#dx-social-media-faq .dx-smf-icon::after {\n    content: \"\";\n\n    position: absolute;\n\n    width: 14px;\n    height: 2px;\n\n    border-radius: 999px;\n\n    background: currentColor;\n}\n\n#dx-social-media-faq .dx-smf-icon::after {\n    transform: rotate(90deg);\n    transition: transform 0.25s ease;\n}\n\n#dx-social-media-faq .dx-smf-item.is-open .dx-smf-icon {\n    color: #ffffff;\n    background: var(--dx-purple);\n}\n\n#dx-social-media-faq .dx-smf-item.is-open .dx-smf-icon::after {\n    transform: rotate(0deg);\n}\n\n\/* =========================\n   ANSWER\n========================= *\/\n\n#dx-social-media-faq .dx-smf-answer {\n    max-height: 0;\n    overflow: hidden;\n\n    opacity: 0;\n\n    transition:\n        max-height 0.35s ease,\n        opacity 0.25s ease;\n}\n\n#dx-social-media-faq .dx-smf-answer-inner {\n    padding:\n        0\n        20px\n        19px;\n\n    color: var(--dx-text);\n\n    font-size: 15px;\n    font-weight: 500;\n    line-height: 2;\n}\n\n#dx-social-media-faq .dx-smf-item.is-open .dx-smf-answer {\n    max-height: 300px;\n    opacity: 1;\n}\n\n\/* =========================\n   ACCESSIBILITY\n========================= *\/\n\n#dx-social-media-faq button:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: -3px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 780px) {\n    #dx-social-media-faq .dx-smf-main {\n        padding:\n            72px\n            26px\n            76px;\n    }\n}\n\n@media (max-width: 600px) {\n    #dx-social-media-faq .dx-smf-main {\n        padding:\n            54px\n            16px\n            58px;\n    }\n\n    #dx-social-media-faq .dx-smf-header {\n        margin-bottom: 30px;\n    }\n\n    #dx-social-media-faq .dx-smf-eyebrow {\n        font-size: 14px;\n    }\n\n    #dx-social-media-faq .dx-smf-eyebrow::before {\n        width: 26px;\n    }\n\n    #dx-social-media-faq .dx-smf-title {\n        font-size: clamp(28px, 8.5vw, 38px);\n        line-height: 1.65;\n    }\n\n    #dx-social-media-faq .dx-smf-description {\n        font-size: 15px;\n    }\n\n    #dx-social-media-faq .dx-smf-question {\n        min-height: 66px;\n\n        padding:\n            15px\n            16px;\n\n        font-size: 15px;\n    }\n\n    #dx-social-media-faq .dx-smf-icon {\n        width: 37px;\n        height: 37px;\n        flex: 0 0 37px;\n    }\n\n    #dx-social-media-faq .dx-smf-answer-inner {\n        padding:\n            0\n            16px\n            17px;\n\n        font-size: 14px;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-social-media-faq *,\n    #dx-social-media-faq *::before,\n    #dx-social-media-faq *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-social-media-faq\"\n    aria-labelledby=\"dx-social-media-faq-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div class=\"dx-smf-main\">\n\n        <div class=\"dx-smf-container\">\n\n            <header class=\"dx-smf-header\">\n\n                <span class=\"dx-smf-eyebrow\">\n                    Frequently Asked Questions\n                <\/span>\n\n                <h2\n                    id=\"dx-social-media-faq-title\"\n                    class=\"dx-smf-title\"\n                >\n                    Important Questions Before You Start\n                    <span>Managing Your Social Media Accounts<\/span>\n                <\/h2>\n\n                <p class=\"dx-smf-description\">\n                    Clear answers to some of the most common questions\n                    about content management, account management,\n                    and how the service works.\n                <\/p>\n\n            <\/header>\n\n            <div class=\"dx-smf-list\">\n\n                <article class=\"dx-smf-item is-open\">\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-smf-question\"\n                        aria-expanded=\"true\"\n                    >\n                        <span>\n                            Does the Service Include Copywriting and Content Design?\n                        <\/span>\n\n                        <span\n                            class=\"dx-smf-icon\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    <\/button>\n\n                    <div class=\"dx-smf-answer\">\n                        <div class=\"dx-smf-answer-inner\">\n                            Yes. The service can include content planning,\n                            copywriting, visual design, publishing, and\n                            ongoing management. The exact scope is defined\n                            according to the needs of your social media accounts.\n                        <\/div>\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dx-smf-item\">\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-smf-question\"\n                        aria-expanded=\"false\"\n                    >\n                        <span>\n                            Which Social Media Platforms Can You Manage?\n                        <\/span>\n\n                        <span\n                            class=\"dx-smf-icon\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    <\/button>\n\n                    <div class=\"dx-smf-answer\">\n                        <div class=\"dx-smf-answer-inner\">\n                            We can manage the platforms that best fit\n                            your business, such as Instagram, Facebook,\n                            LinkedIn, and TikTok, depending on your\n                            audience and brand objectives.\n                        <\/div>\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dx-smf-item\">\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-smf-question\"\n                        aria-expanded=\"false\"\n                    >\n                        <span>\n                            How Many Posts Are Created Each Month?\n                        <\/span>\n\n                        <span\n                            class=\"dx-smf-icon\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    <\/button>\n\n                    <div class=\"dx-smf-answer\">\n                        <div class=\"dx-smf-answer-inner\">\n                            The number of posts depends on the content plan,\n                            selected platforms, and the nature of your business.\n                            The appropriate content volume is defined after\n                            reviewing the needs of your brand.\n                        <\/div>\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dx-smf-item\">\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-smf-question\"\n                        aria-expanded=\"false\"\n                    >\n                        <span>\n                            Does the Service Include Managing Comments and Messages?\n                        <\/span>\n\n                        <span\n                            class=\"dx-smf-icon\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    <\/button>\n\n                    <div class=\"dx-smf-answer\">\n                        <div class=\"dx-smf-answer-inner\">\n                            Monitoring engagement, comments, and messages\n                            can be included within the management scope.\n                            The exact process and response workflow are\n                            defined according to the needs of each account.\n                        <\/div>\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dx-smf-item\">\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-smf-question\"\n                        aria-expanded=\"false\"\n                    >\n                        <span>\n                            Are Paid Advertising Campaigns Included in the Management Service?\n                        <\/span>\n\n                        <span\n                            class=\"dx-smf-icon\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    <\/button>\n\n                    <div class=\"dx-smf-answer\">\n                        <div class=\"dx-smf-answer-inner\">\n                            Organic content management and paid advertising\n                            can be coordinated together, but paid campaign\n                            management is defined as a separate scope\n                            depending on the requirements of the project.\n                        <\/div>\n                    <\/div>\n\n                <\/article>\n\n                <article class=\"dx-smf-item\">\n\n                    <button\n                        type=\"button\"\n                        class=\"dx-smf-question\"\n                        aria-expanded=\"false\"\n                    >\n                        <span>\n                            How Is Content Approved Before Publishing?\n                        <\/span>\n\n                        <span\n                            class=\"dx-smf-icon\"\n                            aria-hidden=\"true\"\n                        ><\/span>\n                    <\/button>\n\n                    <div class=\"dx-smf-answer\">\n                        <div class=\"dx-smf-answer-inner\">\n                            Content is organized within a clear plan for\n                            review and approval before publishing, helping\n                            maintain consistency in your brand messages\n                            and visual identity.\n                        <\/div>\n                    <\/div>\n\n                <\/article>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxSocialMediaFaq() {\n\n        const section = document.getElementById(\n            \"dx-social-media-faq\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-social-media-faq-fullwidth\"\n            );\n        }\n\n        const items = section.querySelectorAll(\n            \".dx-smf-item\"\n        );\n\n        items.forEach(function (item) {\n\n            const button = item.querySelector(\n                \".dx-smf-question\"\n            );\n\n            if (!button) {\n                return;\n            }\n\n            button.addEventListener(\n                \"click\",\n                function () {\n\n                    const isOpen =\n                        item.classList.contains(\n                            \"is-open\"\n                        );\n\n                    items.forEach(function (currentItem) {\n\n                        const currentButton =\n                            currentItem.querySelector(\n                                \".dx-smf-question\"\n                            );\n\n                        currentItem.classList.remove(\n                            \"is-open\"\n                        );\n\n                        if (currentButton) {\n                            currentButton.setAttribute(\n                                \"aria-expanded\",\n                                \"false\"\n                            );\n                        }\n\n                    });\n\n                    if (!isOpen) {\n                        item.classList.add(\n                            \"is-open\"\n                        );\n\n                        button.setAttribute(\n                            \"aria-expanded\",\n                            \"true\"\n                        );\n                    }\n\n                }\n            );\n\n        });\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSocialMediaFaq\n        );\n\n    } else {\n\n        initDxSocialMediaFaq();\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-8f62288 e-con-full e-flex e-con e-parent\" data-id=\"8f62288\" 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-818dbbb elementor-widget elementor-widget-html\" data-id=\"818dbbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n.elementor-widget-html:has(#dx-social-media-final-cta),\n.elementor-widget-html:has(#dx-social-media-final-cta) > .elementor-widget-container,\n.dx-social-media-final-cta-fullwidth,\n.dx-social-media-final-cta-fullwidth > .elementor-widget-container {\n    width: 100% !important;\n    max-width: none !important;\n    margin: 0 !important;\n    padding: 0 !important;\n    overflow: visible !important;\n}\n\n#dx-social-media-final-cta,\n#dx-social-media-final-cta *,\n#dx-social-media-final-cta *::before,\n#dx-social-media-final-cta *::after {\n    box-sizing: border-box;\n}\n\n#dx-social-media-final-cta {\n    --dx-bg: #f7f4fb;\n    --dx-dark: #0d0228;\n    --dx-dark-light: #201047;\n    --dx-white: #ffffff;\n    --dx-text: rgba(255,255,255,0.74);\n    --dx-muted: rgba(255,255,255,0.56);\n    --dx-purple: #7045df;\n    --dx-purple-light: #9568ef;\n    --dx-yellow: #ffc441;\n    --dx-green: #53cf92;\n\n    width: 100vw;\n    max-width: 100vw;\n\n    margin-right: calc(50% - 50vw);\n    margin-left: calc(50% - 50vw);\n\n    overflow: hidden;\n    direction: ltr;\n\n    background: var(--dx-bg);\n\n    font-family:\n        \"Inter\",\n        \"Segoe UI\",\n        Arial,\n        sans-serif;\n}\n\n#dx-social-media-final-cta a {\n    color: inherit;\n    text-decoration: none;\n}\n\n\/* =========================\n   MAIN\n========================= *\/\n\n#dx-social-media-final-cta .dx-smc-main {\n    width: 100%;\n\n    padding:\n        24px\n        clamp(22px, 5vw, 90px)\n        88px;\n}\n\n#dx-social-media-final-cta .dx-smc-container {\n    width: min(1360px, 100%);\n    margin: 0 auto;\n}\n\n\/* =========================\n   BOX\n========================= *\/\n\n#dx-social-media-final-cta .dx-smc-box {\n    position: relative;\n    isolation: isolate;\n\n    overflow: hidden;\n\n    padding:\n        58px\n        clamp(28px, 5vw, 68px);\n\n    border: 1px solid rgba(255,255,255,0.1);\n    border-radius: 26px;\n\n    text-align: center;\n\n    background:\n        radial-gradient(\n            circle at 7% 10%,\n            rgba(112,69,223,0.29),\n            transparent 31%\n        ),\n        radial-gradient(\n            circle at 94% 90%,\n            rgba(255,196,65,0.07),\n            transparent 26%\n        ),\n        linear-gradient(\n            145deg,\n            var(--dx-dark-light),\n            var(--dx-dark) 63%\n        );\n\n    box-shadow:\n        0 28px 68px rgba(32,12,72,0.15);\n}\n\n#dx-social-media-final-cta .dx-smc-box::before {\n    content: \"\";\n\n    position: absolute;\n    z-index: -1;\n\n    inset: 0;\n\n    opacity: 0.08;\n\n    background-image:\n        linear-gradient(\n            rgba(255,255,255,0.05) 1px,\n            transparent 1px\n        ),\n        linear-gradient(\n            90deg,\n            rgba(255,255,255,0.05) 1px,\n            transparent 1px\n        );\n\n    background-size: 58px 58px;\n\n    pointer-events: none;\n}\n\n#dx-social-media-final-cta .dx-smc-box::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    right: 50%;\n\n    width: 320px;\n    height: 1px;\n\n    transform: translateX(50%);\n\n    background:\n        linear-gradient(\n            90deg,\n            transparent,\n            var(--dx-yellow),\n            var(--dx-purple-light),\n            transparent\n        );\n\n    pointer-events: none;\n}\n\n\/* =========================\n   EYEBROW\n========================= *\/\n\n#dx-social-media-final-cta .dx-smc-eyebrow {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 9px;\n\n    min-height: 36px;\n\n    margin-bottom: 14px;\n\n    padding:\n        0\n        15px;\n\n    border: 1px solid rgba(255,255,255,0.11);\n    border-radius: 999px;\n\n    color: #eadfff;\n\n    background: rgba(255,255,255,0.05);\n\n    font-size: 14px;\n    font-weight: 900;\n    line-height: 1.7;\n}\n\n#dx-social-media-final-cta .dx-smc-eyebrow-dot {\n    width: 8px;\n    height: 8px;\n\n    border-radius: 50%;\n\n    background: var(--dx-green);\n\n    box-shadow:\n        0 0 0 5px rgba(83,207,146,0.1);\n}\n\n\/* =========================\n   TEXT\n========================= *\/\n\n#dx-social-media-final-cta .dx-smc-title {\n    max-width: 900px;\n\n    margin:\n        0\n        auto;\n\n    color: #ffffff;\n\n    font-size: clamp(38px, 4.5vw, 58px);\n    font-weight: 900;\n    line-height: 1.5;\n    letter-spacing: -0.45px;\n\n    text-wrap: balance;\n}\n\n#dx-social-media-final-cta .dx-smc-title span {\n    color: var(--dx-yellow);\n}\n\n#dx-social-media-final-cta .dx-smc-description {\n    max-width: 770px;\n\n    margin:\n        16px\n        auto\n        0;\n\n    color: var(--dx-text);\n\n    font-size: 16px;\n    font-weight: 500;\n    line-height: 2.05;\n\n    text-wrap: pretty;\n}\n\n\/* =========================\n   POINTS\n========================= *\/\n\n#dx-social-media-final-cta .dx-smc-points {\n    margin-top: 25px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap:\n        10px\n        22px;\n}\n\n#dx-social-media-final-cta .dx-smc-point {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.8;\n}\n\n#dx-social-media-final-cta .dx-smc-check {\n    width: 25px;\n    height: 25px;\n    flex: 0 0 25px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    border-radius: 8px;\n\n    color: #7ce6b7;\n\n    background: rgba(83,207,146,0.1);\n}\n\n#dx-social-media-final-cta .dx-smc-check svg {\n    width: 13px;\n    height: 13px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2.4;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   ACTIONS\n========================= *\/\n\n#dx-social-media-final-cta .dx-smc-actions {\n    margin-top: 30px;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap: 12px;\n}\n\n#dx-social-media-final-cta .dx-smc-button {\n    min-height: 57px;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 10px;\n\n    padding:\n        0\n        26px;\n\n    border: 1px solid transparent;\n    border-radius: 13px;\n\n    font-size: 15px;\n    font-weight: 900;\n    line-height: 1.5;\n\n    white-space: nowrap;\n\n    transition:\n        transform 0.25s ease,\n        box-shadow 0.25s ease,\n        border-color 0.25s ease,\n        background 0.25s ease;\n}\n\n#dx-social-media-final-cta .dx-smc-primary {\n    min-width: 235px;\n\n    color: #21103c;\n\n    background:\n        linear-gradient(\n            135deg,\n            var(--dx-yellow),\n            #ffd66d\n        );\n\n    box-shadow:\n        0 18px 40px rgba(255,196,65,0.2);\n}\n\n#dx-social-media-final-cta .dx-smc-secondary {\n    min-width: 185px;\n\n    color: #ffffff;\n\n    border-color: rgba(255,255,255,0.14);\n\n    background: rgba(255,255,255,0.055);\n}\n\n#dx-social-media-final-cta .dx-smc-button:hover,\n#dx-social-media-final-cta .dx-smc-button:focus-visible {\n    transform: translateY(-3px);\n}\n\n#dx-social-media-final-cta .dx-smc-primary:hover,\n#dx-social-media-final-cta .dx-smc-primary:focus-visible {\n    box-shadow:\n        0 24px 48px rgba(255,196,65,0.28);\n}\n\n#dx-social-media-final-cta .dx-smc-secondary:hover,\n#dx-social-media-final-cta .dx-smc-secondary:focus-visible {\n    border-color: rgba(149,104,239,0.42);\n\n    background: rgba(112,69,223,0.14);\n}\n\n#dx-social-media-final-cta .dx-smc-button svg {\n    width: 18px;\n    height: 18px;\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 2;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   CONTACT\n========================= *\/\n\n#dx-social-media-final-cta .dx-smc-contact {\n    margin-top: 29px;\n\n    padding-top: 22px;\n\n    border-top: 1px solid rgba(255,255,255,0.09);\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-wrap: wrap;\n\n    gap:\n        10px\n        27px;\n}\n\n#dx-social-media-final-cta .dx-smc-contact-item {\n    display: inline-flex;\n    align-items: center;\n\n    gap: 8px;\n\n    color: var(--dx-muted);\n\n    font-size: 14px;\n    font-weight: 700;\n    line-height: 1.7;\n\n    transition: color 0.2s ease;\n}\n\n#dx-social-media-final-cta .dx-smc-contact-item:hover {\n    color: #ffffff;\n}\n\n#dx-social-media-final-cta .dx-smc-contact-item svg {\n    width: 17px;\n    height: 17px;\n    flex: 0 0 17px;\n\n    color: var(--dx-yellow);\n\n    fill: none;\n    stroke: currentColor;\n    stroke-width: 1.9;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n}\n\n\/* =========================\n   ACCESSIBILITY\n========================= *\/\n\n#dx-social-media-final-cta a:focus-visible {\n    outline: 3px solid var(--dx-yellow);\n    outline-offset: 4px;\n}\n\n\/* =========================\n   RESPONSIVE\n========================= *\/\n\n@media (max-width: 800px) {\n    #dx-social-media-final-cta .dx-smc-main {\n        padding:\n            20px\n            26px\n            72px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-box {\n        padding:\n            48px\n            27px;\n\n        border-radius: 22px;\n    }\n}\n\n@media (max-width: 600px) {\n    #dx-social-media-final-cta .dx-smc-main {\n        padding:\n            16px\n            16px\n            58px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-box {\n        padding:\n            38px\n            18px;\n\n        border-radius: 19px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-eyebrow {\n        min-height: 34px;\n\n        margin-bottom: 12px;\n\n        padding:\n            0\n            12px;\n\n        font-size: 14px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-title {\n        font-size: clamp(29px, 8.7vw, 40px);\n        line-height: 1.65;\n        letter-spacing: -0.2px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-description {\n        margin-top: 12px;\n\n        font-size: 15px;\n        line-height: 2;\n    }\n\n    #dx-social-media-final-cta .dx-smc-points {\n        margin-top: 21px;\n\n        display: grid;\n\n        justify-content: stretch;\n\n        gap: 9px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-point {\n        justify-content: center;\n    }\n\n    #dx-social-media-final-cta .dx-smc-actions {\n        margin-top: 24px;\n\n        display: grid;\n        grid-template-columns: 1fr;\n\n        gap: 10px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-button {\n        width: 100%;\n        min-width: 0;\n        min-height: 54px;\n\n        font-size: 14px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-contact {\n        margin-top: 24px;\n\n        padding-top: 19px;\n\n        display: grid;\n\n        gap: 11px;\n    }\n\n    #dx-social-media-final-cta .dx-smc-contact-item {\n        justify-content: center;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    #dx-social-media-final-cta *,\n    #dx-social-media-final-cta *::before,\n    #dx-social-media-final-cta *::after {\n        animation-duration: 0.01ms !important;\n        animation-iteration-count: 1 !important;\n        transition-duration: 0.01ms !important;\n    }\n}\n<\/style>\n\n<section\n    id=\"dx-social-media-final-cta\"\n    aria-labelledby=\"dx-social-media-final-cta-title\"\n    dir=\"ltr\"\n    lang=\"en\"\n>\n\n    <div class=\"dx-smc-main\">\n\n        <div class=\"dx-smc-container\">\n\n            <div class=\"dx-smc-box\">\n\n                <span class=\"dx-smc-eyebrow\">\n\n                    <span\n                        class=\"dx-smc-eyebrow-dot\"\n                        aria-hidden=\"true\"\n                    ><\/span>\n\n                    Start Building a Stronger Brand Presence\n\n                <\/span>\n\n                <h2\n                    id=\"dx-social-media-final-cta-title\"\n                    class=\"dx-smc-title\"\n                >\n                    Ready to Manage Your Social Media\n                    <span>With More Structure and Professionalism?<\/span>\n                <\/h2>\n\n                <p class=\"dx-smc-description\">\n                    Let us review your current social media presence,\n                    understand your brand goals and the right platforms\n                    for your audience, then build a content and management\n                    plan that helps your brand appear more consistent\n                    and professional.\n                <\/p>\n\n                <div class=\"dx-smc-points\">\n\n                    <span class=\"dx-smc-point\">\n\n                        <span\n                            class=\"dx-smc-check\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m5 12 4 4L19 6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        Review Your Current Accounts\n\n                    <\/span>\n\n                    <span class=\"dx-smc-point\">\n\n                        <span\n                            class=\"dx-smc-check\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m5 12 4 4L19 6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        Identify Your Content Needs\n\n                    <\/span>\n\n                    <span class=\"dx-smc-point\">\n\n                        <span\n                            class=\"dx-smc-check\"\n                            aria-hidden=\"true\"\n                        >\n                            <svg viewBox=\"0 0 24 24\">\n                                <path d=\"m5 12 4 4L19 6\"><\/path>\n                            <\/svg>\n                        <\/span>\n\n                        Build a Plan Around Your Brand Goals\n\n                    <\/span>\n\n                <\/div>\n\n                <div class=\"dx-smc-actions\">\n\n                    <a\n                        href=\"https:\/\/dindex.net\/en\/contact\/\"\n                        class=\"dx-smc-button dx-smc-primary\"\n                    >\n                        <span>Get a Free Consultation<\/span>\n\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M5 12h14\"><\/path>\n                            <path d=\"m13 6 6 6-6 6\"><\/path>\n                        <\/svg>\n                    <\/a>\n\n                    <a\n                        href=\"tel:+971581909512\"\n                        class=\"dx-smc-button dx-smc-secondary\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92Z\"><\/path>\n                        <\/svg>\n\n                        <span>Call Us<\/span>\n                    <\/a>\n\n                <\/div>\n\n                <div class=\"dx-smc-contact\">\n\n                    <a\n                        href=\"mailto:info@dindex.net\"\n                        class=\"dx-smc-contact-item\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <rect\n                                x=\"3\"\n                                y=\"5\"\n                                width=\"18\"\n                                height=\"14\"\n                                rx=\"2\"\n                            ><\/rect>\n\n                            <path d=\"m3 7 9 6 9-6\"><\/path>\n                        <\/svg>\n\n                        <span>info@dindex.net<\/span>\n                    <\/a>\n\n                    <a\n                        href=\"tel:+971581909512\"\n                        class=\"dx-smc-contact-item\"\n                    >\n                        <svg\n                            viewBox=\"0 0 24 24\"\n                            aria-hidden=\"true\"\n                        >\n                            <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.69 2.8a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.28-1.28a2 2 0 0 1 2.11-.45c.9.33 1.84.56 2.8.69A2 2 0 0 1 22 16.92Z\"><\/path>\n                        <\/svg>\n\n                        <span>\n                            +971 58 190 9512\n                        <\/span>\n                    <\/a>\n\n                <\/div>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/section>\n\n<script>\n(function () {\n    \"use strict\";\n\n    function initDxSocialMediaFinalCta() {\n\n        const section = document.getElementById(\n            \"dx-social-media-final-cta\"\n        );\n\n        if (\n            !section ||\n            section.dataset.dxInitialized === \"true\"\n        ) {\n            return;\n        }\n\n        section.dataset.dxInitialized = \"true\";\n\n        const widget = section.closest(\n            \".elementor-widget-html\"\n        );\n\n        if (widget) {\n            widget.classList.add(\n                \"dx-social-media-final-cta-fullwidth\"\n            );\n        }\n\n        if (\n            !(\"IntersectionObserver\" in window) ||\n            window.matchMedia(\n                \"(prefers-reduced-motion: reduce)\"\n            ).matches\n        ) {\n            return;\n        }\n\n        const box = section.querySelector(\n            \".dx-smc-box\"\n        );\n\n        if (!box) {\n            return;\n        }\n\n        box.style.opacity = \"0\";\n        box.style.transform = \"translateY(22px)\";\n\n        box.style.transition =\n            \"opacity 0.68s ease, transform 0.68s ease\";\n\n        const observer = new IntersectionObserver(\n            function (entries, currentObserver) {\n\n                entries.forEach(function (entry) {\n\n                    if (!entry.isIntersecting) {\n                        return;\n                    }\n\n                    box.style.opacity = \"1\";\n                    box.style.transform = \"translateY(0)\";\n\n                    currentObserver.unobserve(\n                        entry.target\n                    );\n\n                });\n\n            },\n            {\n                threshold: 0.1\n            }\n        );\n\n        observer.observe(section);\n    }\n\n    if (document.readyState === \"loading\") {\n\n        document.addEventListener(\n            \"DOMContentLoaded\",\n            initDxSocialMediaFinalCta\n        );\n\n    } else {\n\n        initDxSocialMediaFinalCta();\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>Professional Social Media Management Build a Stronger Presence for Your Brand Across Social Media We manage your social media presence from content strategy, copywriting, and creative design through publishing, community management, and performance analysis \u2014 building a consistent digital presence that supports your brand and business objectives. Get a Free Consultation Explore the Service Clear [&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-4219","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/4219","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=4219"}],"version-history":[{"count":13,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/4219\/revisions"}],"predecessor-version":[{"id":4233,"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/pages\/4219\/revisions\/4233"}],"wp:attachment":[{"href":"https:\/\/dindex.net\/en\/wp-json\/wp\/v2\/media?parent=4219"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}