{"id":8301,"date":"2026-04-06T08:38:17","date_gmt":"2026-04-06T05:38:17","guid":{"rendered":"https:\/\/vodoglobal.com\/%d8%ad%d9%84%d9%88%d9%84-erp-%d9%84%d9%84%d8%a3%d8%b9%d9%85%d8%a7%d9%84-%d8%a7%d9%84%d8%ad%d8%af%d9%8a%d8%ab%d8%a9\/revenue-customers\/"},"modified":"2026-05-02T10:07:14","modified_gmt":"2026-05-02T07:07:14","slug":"revenue-customers","status":"publish","type":"page","link":"https:\/\/vodoglobal.com\/ar\/erp-solutions\/revenue-customers\/","title":{"rendered":"Revenue &amp; Customers"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8301\" class=\"elementor elementor-8301 elementor-6802\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-81dbafa elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"81dbafa\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d7bb7e2\" data-id=\"d7bb7e2\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d104eb elementor-widget elementor-widget-html\" data-id=\"0d104eb\" 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>.vodo-rc-hero-split{\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:#171c24;\r\n    padding:0;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n    color:#fff;\r\n}\r\n\r\n.vodo-rc-hero-split-wrap{\r\n    max-width:1440px;\r\n    margin:0 auto;\r\n    height:640px;\r\n    display:grid;\r\n    grid-template-columns:47% 53%;\r\n    align-items:stretch;\r\n}\r\n\r\n.vodo-rc-hero-split-content{\r\n    position:relative;\r\n    z-index:3;\r\n    display:flex;\r\n    align-items:center;\r\n    padding:30px 46px 30px 24px;\r\n    background:\r\n        linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(255,255,255,0.00) 100%),\r\n        linear-gradient(135deg,#171c24 0%, #1d2430 100%);\r\n}\r\n\r\n.vodo-rc-hero-split-inner{\r\n    max-width:500px;\r\n    margin-left:auto;\r\n}\r\n\r\n.vodo-rc-hero-split-badge{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:9px 16px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,0.04);\r\n    border:1px solid rgba(255,255,255,0.08);\r\n    color:#ffffff;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:16px;\r\n}\r\n\r\n.vodo-rc-hero-split-badge:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n    box-shadow:0 0 0 4px rgba(228,65,45,0.10);\r\n}\r\n\r\n.vodo-rc-hero-split-title{\r\n    margin:0 0 14px;\r\n    font-size:48px;\r\n    line-height:1.05;\r\n    font-weight:800;\r\n    letter-spacing:-1.2px;\r\n}\r\n\r\n.vodo-rc-hero-split-title .line-1{\r\n    display:block;\r\n    color:#ffffff !important;\r\n    opacity:1 !important;\r\n}\r\n\r\n.vodo-rc-hero-split-title .line-2{\r\n    display:block;\r\n    color:#e4412d !important;\r\n    opacity:1 !important;\r\n}\r\n\r\n.vodo-rc-hero-split-text{\r\n    margin:0 0 18px;\r\n    font-size:16px;\r\n    line-height:1.75;\r\n    color:#d3d9e2;\r\n    max-width:490px;\r\n}\r\n\r\n.vodo-rc-hero-split-points{\r\n    display:grid;\r\n    grid-template-columns:1fr;\r\n    gap:8px;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.vodo-rc-hero-split-point{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:10px;\r\n    font-size:15px;\r\n    line-height:1.65;\r\n    color:#eef2f7;\r\n}\r\n\r\n.vodo-rc-hero-split-point:before{\r\n    content:\"\";\r\n    flex:0 0 8px;\r\n    width:8px;\r\n    height:8px;\r\n    margin-top:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n    box-shadow:0 0 0 4px rgba(228,65,45,0.10);\r\n}\r\n\r\n.vodo-rc-hero-split-actions{\r\n    display:flex;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.vodo-rc-hero-split-btn{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:170px;\r\n    padding:14px 22px;\r\n    border-radius:14px;\r\n    font-size:15px;\r\n    font-weight:700;\r\n    text-decoration:none;\r\n    transition:.28s ease;\r\n}\r\n\r\n.vodo-rc-hero-split-btn.primary{\r\n    background:#e4412d;\r\n    color:#fff;\r\n    box-shadow:0 12px 26px rgba(228,65,45,0.20);\r\n}\r\n\r\n.vodo-rc-hero-split-btn.primary:hover{\r\n    background:#ffffff;\r\n    color:#171c24;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.vodo-rc-hero-split-btn.secondary{\r\n    border:1px solid rgba(255,255,255,0.14);\r\n    background:rgba(255,255,255,0.03);\r\n    color:#fff;\r\n}\r\n\r\n.vodo-rc-hero-split-btn.secondary:hover{\r\n    background:#ffffff;\r\n    color:#171c24;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.vodo-rc-hero-split-visual{\r\n    position:relative;\r\n    overflow:hidden;\r\n    height:640px;\r\n    clip-path:polygon(7% 0,100% 0,100% 100%,0 100%);\r\n}\r\n\r\n.vodo-rc-hero-split-visual:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n        linear-gradient(180deg, rgba(23,28,36,0.05) 0%, rgba(23,28,36,0.18) 100%),\r\n        linear-gradient(90deg, rgba(23,28,36,0.16) 0%, rgba(23,28,36,0.02) 34%, rgba(23,28,36,0.00) 100%);\r\n    z-index:2;\r\n}\r\n\r\n.vodo-rc-hero-split-visual:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    left:-1px;\r\n    width:84px;\r\n    height:100%;\r\n    background:linear-gradient(135deg, rgba(228,65,45,0.07) 0%, rgba(42,47,56,0.20) 56%, rgba(23,28,36,0.00) 100%);\r\n    z-index:3;\r\n    pointer-events:none;\r\n}\r\n\r\n.vodo-rc-hero-split-visual img{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n    object-position:center center;\r\n    display:block;\r\n}\r\n\r\n.vodo-rc-hero-split-note{\r\n    position:absolute;\r\n    z-index:4;\r\n    right:24px;\r\n    bottom:20px;\r\n    max-width:235px;\r\n    padding:14px 16px;\r\n    border-radius:18px;\r\n    background:rgba(23,28,36,0.88);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    backdrop-filter:blur(10px);\r\n    box-shadow:0 18px 34px rgba(0,0,0,0.22);\r\n}\r\n\r\n.vodo-rc-hero-split-note small{\r\n    display:block;\r\n    margin-bottom:7px;\r\n    font-size:11px;\r\n    font-weight:700;\r\n    letter-spacing:.8px;\r\n    text-transform:uppercase;\r\n    color:#aeb7c4;\r\n}\r\n\r\n.vodo-rc-hero-split-note strong{\r\n    display:block;\r\n    margin-bottom:6px;\r\n    font-size:18px;\r\n    line-height:1.2;\r\n    color:#ffffff;\r\n}\r\n\r\n.vodo-rc-hero-split-note strong span{\r\n    color:#e4412d;\r\n}\r\n\r\n.vodo-rc-hero-split-note p{\r\n    margin:0;\r\n    font-size:13px;\r\n    line-height:1.6;\r\n    color:#cfd6df;\r\n}\r\n\r\n@media(max-width:1180px){\r\n    .vodo-rc-hero-split-wrap{\r\n        grid-template-columns:48% 52%;\r\n        height:600px;\r\n    }\r\n\r\n    .vodo-rc-hero-split-visual{\r\n        height:600px;\r\n        clip-path:polygon(6% 0,100% 0,100% 100%,0 100%);\r\n    }\r\n\r\n    .vodo-rc-hero-split-content{\r\n        padding:26px 30px 26px 18px;\r\n    }\r\n\r\n    .vodo-rc-hero-split-title{\r\n        font-size:42px;\r\n    }\r\n}\r\n\r\n@media(max-width:900px){\r\n    .vodo-rc-hero-split-wrap{\r\n        grid-template-columns:1fr;\r\n        height:auto;\r\n    }\r\n\r\n    .vodo-rc-hero-split-visual{\r\n        order:-1;\r\n        height:300px;\r\n        clip-path:none;\r\n    }\r\n\r\n    .vodo-rc-hero-split-visual:after{\r\n        display:none;\r\n    }\r\n\r\n    .vodo-rc-hero-split-content{\r\n        padding:34px 22px 42px;\r\n    }\r\n\r\n    .vodo-rc-hero-split-inner{\r\n        max-width:none;\r\n        margin-left:0;\r\n        text-align:center;\r\n    }\r\n\r\n    .vodo-rc-hero-split-title{\r\n        font-size:36px;\r\n        letter-spacing:-.8px;\r\n    }\r\n\r\n    .vodo-rc-hero-split-text{\r\n        font-size:16px;\r\n        max-width:none;\r\n    }\r\n\r\n    .vodo-rc-hero-split-points{\r\n        text-align:left;\r\n    }\r\n\r\n    .vodo-rc-hero-split-actions{\r\n        justify-content:center;\r\n    }\r\n\r\n    .vodo-rc-hero-split-note{\r\n        right:16px;\r\n        bottom:16px;\r\n        max-width:210px;\r\n        padding:13px 15px;\r\n    }\r\n}\r\n\r\n@media(max-width:640px){\r\n    .vodo-rc-hero-split-visual{\r\n        height:240px;\r\n    }\r\n\r\n    .vodo-rc-hero-split-title{\r\n        font-size:31px;\r\n    }\r\n\r\n    .vodo-rc-hero-split-note{\r\n        position:relative;\r\n        right:auto;\r\n        bottom:auto;\r\n        margin:14px;\r\n        max-width:none;\r\n    }\r\n\r\n    .vodo-rc-hero-split-btn{\r\n        width:100%;\r\n        min-width:0;\r\n    }\r\n}\r\n<\/style><section class=\"vodo-rc-hero-split\"><div class=\"vodo-rc-hero-split-wrap\"><div class=\"vodo-rc-hero-split-content\"><div class=\"vodo-rc-hero-split-inner\"><div class=\"vodo-rc-hero-split-badge\">Revenue & Customers by VODO ERP<\/div><h1 class=\"vodo-rc-hero-split-title\"><span class=\"line-1\">Connect Revenue Growth<\/span><span class=\"line-2\">With Customer Operations<\/span><\/h1><p class=\"vodo-rc-hero-split-text\">Manage sales, CRM, e-commerce, point of sale, and customer support through one integrated ERP environment built for stronger visibility and customer engagement.\r\n                <\/p><div class=\"vodo-rc-hero-split-points\"><div class=\"vodo-rc-hero-split-point\">Unified sales and customer journey visibility<\/div><div class=\"vodo-rc-hero-split-point\">Connected online and offline revenue activity<\/div><div class=\"vodo-rc-hero-split-point\">Real-time insight to support growth decisions<\/div><\/div><div class=\"vodo-rc-hero-split-actions\"><a href=\"https:\/\/api.whatsapp.com\/send?phone=966531116604\" class=\"vodo-rc-hero-split-btn primary\" target=\"_blank\" rel=\"noopener\">WhatsApp Us<\/a><a href=\"https:\/\/vodoglobal.com\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"vodo-rc-hero-split-btn secondary\">Contact Us<\/a><\/div><\/div><\/div><div class=\"vodo-rc-hero-split-visual\"><img decoding=\"async\" src=\"https:\/\/vodoglobal.com\/wp-content\/uploads\/2026\/04\/Revenue-Customers.webp\" alt=\"VODO ERP Revenue and Customers\"><div class=\"vodo-rc-hero-split-note\"><small>Revenue & Customers<\/small><strong>One <span>Connected<\/span> Growth Flow<\/strong><p>Sales, customers, transactions, and support connected in one business environment.\r\n                <\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1d30e52 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1d30e52\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-be1f467\" data-id=\"be1f467\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56baff9 elementor-widget elementor-widget-html\" data-id=\"56baff9\" 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>.vodo-rc-overview{\r\n    background:#f7f9fc;\r\n    padding:78px 30px;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.vodo-rc-overview:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:-120px;\r\n    left:-120px;\r\n    width:320px;\r\n    height:320px;\r\n    background:radial-gradient(circle, rgba(228,65,45,0.05) 0%, transparent 70%);\r\n    pointer-events:none;\r\n}\r\n\r\n.vodo-rc-overview-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:1.05fr .95fr;\r\n    gap:42px;\r\n    align-items:center;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.vodo-rc-overview-left{\r\n    max-width:650px;\r\n}\r\n\r\n.vodo-rc-overview-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    padding:11px 22px;\r\n    border-radius:999px;\r\n    background:#fff;\r\n    border:1px solid rgba(228,65,45,0.12);\r\n    color:#e4412d;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:22px;\r\n    box-shadow:0 10px 26px rgba(31,36,44,0.04);\r\n}\r\n\r\n.vodo-rc-overview-tag:before{\r\n    content:\"\";\r\n    width:9px;\r\n    height:9px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n    box-shadow:0 0 0 5px rgba(228,65,45,0.08);\r\n}\r\n\r\n.vodo-rc-overview-title{\r\n    margin:0 0 22px;\r\n    font-size:58px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-1.8px;\r\n    color:#1f242c;\r\n}\r\n\r\n.vodo-rc-overview-title .dark{\r\n    color:#1f242c;\r\n}\r\n\r\n.vodo-rc-overview-title .accent{\r\n    color:#e4412d;\r\n}\r\n\r\n.vodo-rc-overview-text{\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    color:#58606d;\r\n    margin:0;\r\n    max-width:620px;\r\n}\r\n\r\n.vodo-rc-overview-right{\r\n    display:grid;\r\n    gap:18px;\r\n}\r\n\r\n.vodo-rc-overview-card{\r\n    background:#ffffff;\r\n    padding:28px 30px 26px;\r\n    border-radius:24px;\r\n    box-shadow:0 12px 34px rgba(31,36,44,0.05);\r\n    border:1px solid #edf1f5;\r\n    transition:.32s ease;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.vodo-rc-overview-card:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:4px;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-overview-card.card-2:before{\r\n    background:#f28a2e;\r\n}\r\n\r\n.vodo-rc-overview-card.card-3:before{\r\n    background:#7a4de8;\r\n}\r\n\r\n.vodo-rc-overview-card:hover{\r\n    transform:translateY(-5px);\r\n    box-shadow:0 18px 46px rgba(31,36,44,0.09);\r\n}\r\n\r\n.vodo-rc-overview-card h3{\r\n    font-size:22px;\r\n    line-height:1.3;\r\n    margin:0 0 14px;\r\n    color:#1f242c;\r\n    font-weight:800;\r\n    letter-spacing:-.4px;\r\n}\r\n\r\n.vodo-rc-overview-card p{\r\n    margin:0;\r\n    font-size:15px;\r\n    line-height:1.85;\r\n    color:#66707e;\r\n}\r\n\r\n@media(max-width:1024px){\r\n    .vodo-rc-overview-wrap{\r\n        grid-template-columns:1fr;\r\n        gap:34px;\r\n    }\r\n\r\n    .vodo-rc-overview-left{\r\n        max-width:none;\r\n    }\r\n\r\n    .vodo-rc-overview-title{\r\n        font-size:44px;\r\n        letter-spacing:-1px;\r\n    }\r\n\r\n    .vodo-rc-overview-text{\r\n        max-width:none;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .vodo-rc-overview{\r\n        padding:65px 22px;\r\n    }\r\n\r\n    .vodo-rc-overview-title{\r\n        font-size:34px;\r\n        line-height:1.15;\r\n    }\r\n\r\n    .vodo-rc-overview-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .vodo-rc-overview-card{\r\n        padding:22px;\r\n        border-radius:20px;\r\n    }\r\n\r\n    .vodo-rc-overview-card h3{\r\n        font-size:20px;\r\n    }\r\n}\r\n<\/style><section class=\"vodo-rc-overview\"><div class=\"vodo-rc-overview-wrap\"><div class=\"vodo-rc-overview-left\"><span class=\"vodo-rc-overview-tag\">Revenue Intelligence<\/span><h2 class=\"vodo-rc-overview-title\"><span class=\"dark\">Turn Customer Engagement Into<\/span><span class=\"dark\">Measurable Revenue<\/span><span class=\"accent\">Performance<\/span><\/h2><p class=\"vodo-rc-overview-text\">VODO ERP connects customer engagement, sales execution, digital commerce, and post-sale support into one unified operating environment\u2014allowing businesses to improve visibility, increase conversion efficiency, and manage revenue operations through a single connected workflow.\r\n            <\/p><\/div><div class=\"vodo-rc-overview-right\"><div class=\"vodo-rc-overview-card card-1\"><h3>Unified Customer Lifecycle<\/h3><p>Track every stage of the customer journey from acquisition to retention inside one connected platform.\r\n                <\/p><\/div><div class=\"vodo-rc-overview-card card-2\"><h3>Connected Revenue Channels<\/h3><p>Align online sales, offline transactions, and customer interactions across all operational touchpoints.\r\n                <\/p><\/div><div class=\"vodo-rc-overview-card card-3\"><h3>Performance Visibility<\/h3><p>Gain real-time insights into revenue activity, customer trends, and operational performance metrics.\r\n                <\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d101a3c elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"d101a3c\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6ce4eda\" data-id=\"6ce4eda\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-f9aec0c elementor-widget elementor-widget-html\" data-id=\"f9aec0c\" 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<section class=\"vodo-flow-advanced\">\r\n  <style>\r\n    .vodo-flow-advanced{\r\n      background:#2a2f38;\r\n      padding:120px 20px;\r\n      color:#e6e6e7;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .vodo-flow-advanced *{\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    .vodo-flow-container{\r\n      max-width:1200px;\r\n      margin:0 auto;\r\n    }\r\n\r\n    .vodo-flow-header{\r\n      text-align:center;\r\n      max-width:860px;\r\n      margin:0 auto 70px;\r\n    }\r\n\r\n    .vodo-flow-eyebrow{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      padding:8px 16px;\r\n      margin-bottom:18px;\r\n      border-radius:999px;\r\n      background:rgba(255,255,255,0.06);\r\n      border:1px solid rgba(255,255,255,0.08);\r\n      color:#dfe3e8;\r\n      font-size:11px;\r\n      font-weight:700;\r\n      letter-spacing:.12em;\r\n      text-transform:uppercase;\r\n      line-height:1;\r\n    }\r\n\r\n    .vodo-flow-eyebrow::before{\r\n      content:\"\";\r\n      width:8px;\r\n      height:8px;\r\n      border-radius:50%;\r\n      background:#e4412d;\r\n      flex:0 0 8px;\r\n    }\r\n\r\n    .vodo-flow-header h2{\r\n      margin:0 0 16px;\r\n      font-size:42px;\r\n      line-height:1.08;\r\n      font-weight:800;\r\n      letter-spacing:-0.025em;\r\n      color:#ffffff;\r\n    }\r\n\r\n    .vodo-flow-header p{\r\n      margin:0 auto;\r\n      max-width:760px;\r\n      color:#b8bec7;\r\n      font-size:15px;\r\n      line-height:1.8;\r\n    }\r\n\r\n    .vodo-flow-line{\r\n      position:relative;\r\n      display:grid;\r\n      grid-template-columns:repeat(5,minmax(0,1fr));\r\n      gap:18px;\r\n      align-items:start;\r\n      margin-bottom:60px;\r\n      padding-top:6px;\r\n    }\r\n\r\n    .vodo-flow-line::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      top:32px;\r\n      left:6%;\r\n      right:6%;\r\n      height:4px;\r\n      border-radius:999px;\r\n      background:linear-gradient(\r\n        90deg,\r\n        rgba(255,255,255,0.05),\r\n        rgba(228,65,45,0.25),\r\n        rgba(255,255,255,0.12),\r\n        rgba(228,65,45,0.25),\r\n        rgba(255,255,255,0.05)\r\n      );\r\n      box-shadow:0 0 4px rgba(228,65,45,0.1);\r\n      z-index:0;\r\n    }\r\n\r\n    .vodo-step-item{\r\n      position:relative;\r\n      z-index:1;\r\n      text-align:center;\r\n      min-width:0;\r\n    }\r\n\r\n    .vodo-step-circle{\r\n      width:52px;\r\n      height:52px;\r\n      margin:0 auto 18px;\r\n      border-radius:50%;\r\n      background:#e4412d;\r\n      color:#ffffff;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:center;\r\n      font-size:14px;\r\n      font-weight:800;\r\n      line-height:1;\r\n      border:5px solid #2a2f38;\r\n      box-shadow:0 0 0 2px rgba(255,255,255,0.05);\r\n    }\r\n\r\n    .vodo-step-item h3{\r\n      margin:0 0 10px;\r\n      font-size:18px;\r\n      line-height:1.25;\r\n      font-weight:700;\r\n      color:#ffffff;\r\n    }\r\n\r\n    .vodo-step-item p{\r\n      margin:0 auto;\r\n      max-width:190px;\r\n      font-size:13px;\r\n      line-height:1.65;\r\n      color:#bcc3cd;\r\n    }\r\n\r\n    .vodo-flow-visual{\r\n      margin-top:70px;\r\n      border-radius:22px;\r\n      overflow:hidden;\r\n      border:1px solid rgba(255,255,255,0.08);\r\n      background:#252b34;\r\n      box-shadow:0 30px 80px rgba(0,0,0,0.35);\r\n    }\r\n\r\n    .vodo-demo-wrap,\r\n    .vodo-demo-wrap *{\r\n      box-sizing:border-box;\r\n    }\r\n\r\n    .vodo-demo-wrap{\r\n      --vodo-red:#e4412d;\r\n      --text:#2a2f38;\r\n      --muted:#7d8594;\r\n      --line:#e6e8ef;\r\n      --soft:#f5f6fa;\r\n      --soft-2:#fafbfe;\r\n      --white:#ffffff;\r\n      --sidebar:#fcfcfe;\r\n      --nav-hover:#f3f5f9;\r\n      --nav-active:#eef1f7;\r\n      --brand-dark:#4b4762;\r\n      --bg-dark-1:#262d3b;\r\n      --bg-dark-2:#1f2532;\r\n      --shadow:0 24px 80px rgba(0,0,0,.26);\r\n      --radius:28px;\r\n      --ease:cubic-bezier(.22,1,.36,1);\r\n\r\n      width:100%;\r\n      padding:30px;\r\n      background:radial-gradient(circle at center, #2e3544 0%, #242b38 58%, #1d2330 100%);\r\n      overflow:hidden;\r\n      position:relative;\r\n      font-family:Inter, Arial, sans-serif;\r\n    }\r\n\r\n    .vodo-demo-shell{\r\n      width:min(1380px,100%);\r\n      margin:0 auto;\r\n      background:#fff;\r\n      border-radius:28px;\r\n      overflow:hidden;\r\n      box-shadow:var(--shadow);\r\n      border:1px solid rgba(255,255,255,.08);\r\n    }\r\n\r\n    .vodo-demo-app{\r\n      min-height:760px;\r\n      display:grid;\r\n      grid-template-columns:190px 1fr;\r\n      background:#fff;\r\n    }\r\n\r\n    .vodo-demo-sidebar{\r\n      background:var(--sidebar);\r\n      border-right:1px solid #eef0f5;\r\n      padding:18px 14px 16px;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:14px;\r\n    }\r\n\r\n    .vodo-demo-logo{\r\n      padding:4px 12px 0;\r\n      margin-bottom:6px;\r\n    }\r\n\r\n    .vodo-demo-logo svg{\r\n      width:118px;\r\n      height:auto;\r\n      display:block;\r\n    }\r\n\r\n    .vodo-demo-company-card{\r\n      width:142px;\r\n      margin:0 0 10px 12px;\r\n      background:var(--brand-dark);\r\n      border-radius:18px;\r\n      text-align:center;\r\n      color:#fff;\r\n      padding:34px 12px 14px;\r\n      position:relative;\r\n      box-shadow:0 10px 24px rgba(74,71,97,.12);\r\n      transition:transform .28s var(--ease), box-shadow .28s var(--ease);\r\n      will-change:transform;\r\n    }\r\n\r\n    .vodo-demo-company-card::before{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0 0 auto 0;\r\n      height:20px;\r\n      border-radius:18px 18px 0 0;\r\n      background:#f1432f;\r\n    }\r\n\r\n    .vodo-demo-company-logo{\r\n      width:54px;\r\n      height:54px;\r\n      border-radius:50%;\r\n      background:#fff;\r\n      position:absolute;\r\n      left:50%;\r\n      top:-16px;\r\n      transform:translateX(-50%);\r\n      display:grid;\r\n      place-items:center;\r\n      font-weight:800;\r\n      color:#1745b3;\r\n      font-size:13px;\r\n      border:3px solid #1b2b83;\r\n      box-shadow:0 8px 18px rgba(0,0,0,.08);\r\n      animation:vodoFloatBadge 3.6s ease-in-out infinite;\r\n    }\r\n\r\n    .vodo-demo-company-name{\r\n      font-size:13px;\r\n      line-height:1.18;\r\n      font-weight:700;\r\n      margin-top:2px;\r\n    }\r\n\r\n    .vodo-demo-nav{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:5px;\r\n      padding:2px 4px 0 0;\r\n    }\r\n\r\n    .vodo-demo-nav-item{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:11px;\r\n      min-height:34px;\r\n      padding:0 12px;\r\n      color:#414857;\r\n      text-decoration:none;\r\n      font-size:12px;\r\n      font-weight:700;\r\n      border-radius:10px;\r\n      transition:background .22s ease, transform .22s ease, color .22s ease;\r\n    }\r\n\r\n    .vodo-demo-nav-item:hover{\r\n      background:var(--nav-hover);\r\n      transform:translateX(2px);\r\n    }\r\n\r\n    .vodo-demo-nav-item.active{\r\n      background:var(--nav-active);\r\n    }\r\n\r\n    .vodo-demo-nav-item svg{\r\n      width:14px;\r\n      height:14px;\r\n      stroke:currentColor;\r\n      flex:0 0 14px;\r\n    }\r\n\r\n    .vodo-demo-main{\r\n      display:flex;\r\n      flex-direction:column;\r\n      min-width:0;\r\n      background:#fbfcff;\r\n    }\r\n\r\n    .vodo-demo-topbar{\r\n      height:50px;\r\n      background:#fff;\r\n      border-bottom:1px solid #eceff5;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      padding:0 20px 0 22px;\r\n    }\r\n\r\n    .vodo-demo-topbar-left{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:10px;\r\n      font-size:14px;\r\n      font-weight:800;\r\n      color:#1d2430;\r\n    }\r\n\r\n    .vodo-demo-cube{\r\n      width:14px;\r\n      height:14px;\r\n      display:inline-grid;\r\n      place-items:center;\r\n    }\r\n\r\n    .vodo-demo-topbar-right{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:12px;\r\n    }\r\n\r\n    .vodo-demo-icon-btn{\r\n      width:16px;\r\n      height:16px;\r\n      display:grid;\r\n      place-items:center;\r\n      color:#8b92a0;\r\n      transition:transform .22s ease, color .22s ease;\r\n    }\r\n\r\n    .vodo-demo-profile{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:8px;\r\n    }\r\n\r\n    .vodo-demo-profile img{\r\n      width:34px;\r\n      height:34px;\r\n      border-radius:50%;\r\n      object-fit:cover;\r\n      border:2px solid #fff;\r\n      box-shadow:0 4px 10px rgba(0,0,0,.08);\r\n    }\r\n\r\n    .vodo-demo-profile-name{\r\n      font-size:11px;\r\n      font-weight:800;\r\n      line-height:1.05;\r\n      color:#1d2430;\r\n    }\r\n\r\n    .vodo-demo-profile-role{\r\n      font-size:10px;\r\n      color:var(--muted);\r\n      font-weight:600;\r\n    }\r\n\r\n    .vodo-demo-content{\r\n      padding:18px;\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:12px;\r\n      flex:1;\r\n    }\r\n\r\n    .vodo-demo-panel{\r\n      background:#fff;\r\n      border:1px solid #eceff5;\r\n      border-radius:16px;\r\n      padding:16px 16px 14px;\r\n      box-shadow:0 10px 24px rgba(20,23,31,.04);\r\n      position:relative;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .vodo-demo-chip{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      position:absolute;\r\n      right:16px;\r\n      top:14px;\r\n      background:#fff;\r\n      border:1px solid #e5e9f1;\r\n      border-radius:999px;\r\n      padding:7px 11px;\r\n      box-shadow:0 10px 20px rgba(20,23,31,.05);\r\n      font-size:11px;\r\n      font-weight:800;\r\n      color:#304055;\r\n      z-index:5;\r\n    }\r\n\r\n    .vodo-demo-chip-dot{\r\n      width:8px;\r\n      height:8px;\r\n      border-radius:50%;\r\n      background:#30b566;\r\n      box-shadow:0 0 0 0 rgba(48,181,102,.42);\r\n      animation:vodoPulseDot 1.8s infinite;\r\n    }\r\n\r\n    .vodo-demo-panel-head{\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      gap:16px;\r\n      padding-right:120px;\r\n      margin-bottom:10px;\r\n    }\r\n\r\n    .vodo-demo-title{\r\n      margin:0;\r\n      font-size:17px;\r\n      font-weight:800;\r\n      color:#11161f;\r\n    }\r\n\r\n    .vodo-demo-head-actions{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      flex-wrap:wrap;\r\n    }\r\n\r\n    .vodo-demo-ghost-btn,\r\n    .vodo-demo-primary-btn{\r\n      height:34px;\r\n      border-radius:8px;\r\n      padding:0 14px;\r\n      font-size:12px;\r\n      font-weight:800;\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      cursor:pointer;\r\n      transition:transform .22s ease, box-shadow .22s ease, background .22s ease;\r\n    }\r\n\r\n    .vodo-demo-ghost-btn{\r\n      background:#fff;\r\n      color:#4163d8;\r\n      border:1px solid #a8baf9;\r\n    }\r\n\r\n    .vodo-demo-primary-btn{\r\n      background:#1f73e8;\r\n      border:1px solid #1f73e8;\r\n      color:#fff;\r\n      box-shadow:0 10px 20px rgba(31,115,232,.16);\r\n    }\r\n\r\n    .vodo-demo-grid-3,\r\n    .vodo-demo-grid-2,\r\n    .vodo-demo-line-row,\r\n    .vodo-demo-items-row,\r\n    .vodo-demo-price-row{\r\n      display:grid;\r\n      gap:10px;\r\n    }\r\n\r\n    .vodo-demo-grid-3{grid-template-columns:1fr 1fr 1fr}\r\n    .vodo-demo-grid-2{grid-template-columns:1fr 1.7fr}\r\n    .vodo-demo-line-row{grid-template-columns:1fr}\r\n\r\n    .vodo-demo-field{\r\n      display:flex;\r\n      flex-direction:column;\r\n      gap:6px;\r\n    }\r\n\r\n    .vodo-demo-label{\r\n      font-size:11px;\r\n      font-weight:700;\r\n      color:#4a5261;\r\n    }\r\n\r\n    .vodo-demo-control{\r\n      height:34px;\r\n      border:1px solid #dfe4ec;\r\n      background:#fff;\r\n      border-radius:8px;\r\n      padding:0 11px;\r\n      font-size:12px;\r\n      color:#6e7787;\r\n      display:flex;\r\n      align-items:center;\r\n      justify-content:space-between;\r\n      position:relative;\r\n      transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .vodo-demo-value{\r\n      display:inline-block;\r\n      min-width:24px;\r\n      color:#2a2f38;\r\n      font-weight:600;\r\n      white-space:nowrap;\r\n      overflow:hidden;\r\n      text-overflow:ellipsis;\r\n    }\r\n\r\n    .vodo-demo-caret{\r\n      display:inline-block;\r\n      width:1px;\r\n      height:12px;\r\n      background:#2a2f38;\r\n      margin-left:3px;\r\n      vertical-align:middle;\r\n      animation:vodoBlink 1s step-end infinite;\r\n    }\r\n\r\n    .vodo-demo-control.demo-active{\r\n      border-color:#7aa8ff !important;\r\n      box-shadow:0 0 0 4px rgba(73,147,255,.10), 0 12px 24px rgba(30,50,90,.08) !important;\r\n      transform:translateY(-1px) scale(1.01);\r\n    }\r\n\r\n    .vodo-demo-control.demo-done{\r\n      border-color:#d7dde8;\r\n    }\r\n\r\n    .vodo-demo-control.demo-glow::after{\r\n      content:\"\";\r\n      position:absolute;\r\n      inset:0;\r\n      background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,0) 35%, rgba(255,255,255,.6) 50%, rgba(255,255,255,0) 65%, transparent 100%);\r\n      transform:translateX(-120%);\r\n      pointer-events:none;\r\n    }\r\n\r\n    .vodo-demo-control.demo-sweep::after{\r\n      animation:vodoFieldSweep 1.05s var(--ease);\r\n    }\r\n\r\n    .vodo-demo-divider{\r\n      height:1px;\r\n      background:#edf0f5;\r\n      margin:12px 0;\r\n    }\r\n\r\n    .vodo-demo-section-title{\r\n      margin:0 0 10px;\r\n      font-size:14px;\r\n      font-weight:800;\r\n      color:#1d232d;\r\n    }\r\n\r\n    .vodo-demo-item-block{position:relative}\r\n\r\n    .vodo-demo-items-row{\r\n      grid-template-columns:40px 92px 1.2fr 86px 62px 1fr;\r\n      margin-bottom:8px;\r\n    }\r\n\r\n    .vodo-demo-price-row{\r\n      grid-template-columns:84px 84px 50px 66px 92px 50px 84px 50px 1fr;\r\n      margin-bottom:8px;\r\n    }\r\n\r\n    .vodo-demo-mini{padding:0 8px}\r\n    .vodo-demo-currency{justify-content:center;padding:0;font-weight:700}\r\n\r\n    .vodo-demo-search{\r\n      position:absolute;\r\n      left:168px;\r\n      top:76px;\r\n      width:290px;\r\n      z-index:4;\r\n      pointer-events:none;\r\n    }\r\n\r\n    .vodo-demo-search-input{\r\n      height:34px;\r\n      background:#fff;\r\n      border:2px solid #4993ff;\r\n      border-radius:8px;\r\n      display:flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      padding:0 10px;\r\n      color:#2b2f36;\r\n      font-size:12px;\r\n      box-shadow:0 8px 18px rgba(59,121,255,.12);\r\n    }\r\n\r\n    .vodo-demo-search-menu{\r\n      background:#fff;\r\n      border:1px solid #e2e6ee;\r\n      border-top:none;\r\n      border-radius:0 0 10px 10px;\r\n      box-shadow:0 12px 24px rgba(20,23,31,.10);\r\n      overflow:hidden;\r\n      opacity:0;\r\n      visibility:hidden;\r\n      transform:translateY(-8px) scaleY(.96);\r\n      transform-origin:top center;\r\n      transition:opacity .35s var(--ease), transform .35s var(--ease), visibility .35s;\r\n    }\r\n\r\n    .vodo-demo-search.open .vodo-demo-search-menu{\r\n      opacity:1;\r\n      visibility:visible;\r\n      transform:translateY(0) scaleY(1);\r\n    }\r\n\r\n    .vodo-demo-search-item{\r\n      display:grid;\r\n      grid-template-columns:22px 1fr 14px;\r\n      gap:8px;\r\n      padding:8px 10px;\r\n      align-items:flex-start;\r\n      font-size:11px;\r\n      color:#303744;\r\n      border-top:1px solid #f0f2f7;\r\n      transition:background .22s ease, transform .22s ease;\r\n    }\r\n\r\n    .vodo-demo-search-item.selected{\r\n      background:#f7fbff;\r\n      outline:1px solid #dbe9ff;\r\n    }\r\n\r\n    .vodo-demo-search-thumb{\r\n      width:22px;\r\n      height:22px;\r\n      border-radius:5px;\r\n      background:#f5f5f7;\r\n      overflow:hidden;\r\n      border:1px solid #ececf1;\r\n    }\r\n\r\n    .vodo-demo-search-thumb img{\r\n      width:100%;\r\n      height:100%;\r\n      object-fit:cover;\r\n    }\r\n\r\n    .vodo-demo-search-main strong{\r\n      font-weight:800;\r\n    }\r\n\r\n    .vodo-demo-bottom{\r\n      display:flex;\r\n      align-items:flex-end;\r\n      justify-content:space-between;\r\n      gap:16px;\r\n      flex-wrap:wrap;\r\n      margin-top:6px;\r\n    }\r\n\r\n    .vodo-demo-item-actions{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:0;\r\n      width:max-content;\r\n      border:1px solid #e2e6ee;\r\n      background:#f4f6fa;\r\n      height:34px;\r\n      border-radius:8px;\r\n      overflow:hidden;\r\n    }\r\n\r\n    .vodo-demo-item-actions button{\r\n      height:100%;\r\n      border:none;\r\n      background:transparent;\r\n      padding:0 14px;\r\n      font-size:12px;\r\n      font-weight:800;\r\n      color:#2d313a;\r\n      cursor:pointer;\r\n    }\r\n\r\n    .vodo-demo-divider-y{\r\n      width:1px;\r\n      height:16px;\r\n      background:#cfd4dd;\r\n    }\r\n\r\n    .vodo-demo-summary{\r\n      width:100%;\r\n      max-width:440px;\r\n      margin-left:auto;\r\n      border:1px solid #e2e6ee;\r\n      border-radius:12px;\r\n      background:#fff;\r\n      padding:14px 16px 10px;\r\n      display:grid;\r\n      grid-template-columns:1fr auto;\r\n      row-gap:10px;\r\n      column-gap:14px;\r\n      font-size:12px;\r\n      color:#545c69;\r\n      transition:transform .25s var(--ease), box-shadow .25s var(--ease);\r\n    }\r\n\r\n    .vodo-demo-summary .value{\r\n      justify-self:end;\r\n      color:#2a2f38;\r\n      font-weight:700;\r\n    }\r\n\r\n    .vodo-demo-summary .total-label{\r\n      font-weight:800;\r\n      color:#2a2f38;\r\n    }\r\n\r\n    .vodo-demo-summary .total-value{\r\n      font-size:15px;\r\n      font-weight:800;\r\n      color:#11161f;\r\n    }\r\n\r\n    .vodo-demo-summary.bump .value,\r\n    .vodo-demo-summary.bump .total-value{\r\n      transform:scale(1.04);\r\n      color:#11161f;\r\n    }\r\n\r\n    .vodo-demo-settings{\r\n      display:grid;\r\n      grid-template-columns:repeat(3, minmax(0, 1fr));\r\n      gap:10px;\r\n      margin-top:12px;\r\n    }\r\n\r\n    .vodo-demo-setting{\r\n      border:1px solid #e6eaf1;\r\n      background:#fff;\r\n      border-radius:10px;\r\n      padding:10px 12px;\r\n      min-height:62px;\r\n    }\r\n\r\n    .vodo-demo-setting-top{\r\n      display:flex;\r\n      align-items:center;\r\n      gap:8px;\r\n      font-size:12px;\r\n      font-weight:800;\r\n      color:#2c3340;\r\n      margin-bottom:6px;\r\n    }\r\n\r\n    .vodo-demo-setting-top input{\r\n      accent-color:#2f7cf6;\r\n      width:14px;\r\n      height:14px;\r\n    }\r\n\r\n    .vodo-demo-setting-value{\r\n      font-size:11px;\r\n      color:#7b8391;\r\n      font-weight:700;\r\n    }\r\n\r\n    .vodo-demo-footer{\r\n      height:46px;\r\n      background:#a2a2a5;\r\n      color:#fff;\r\n      display:grid;\r\n      place-items:center;\r\n      font-size:13px;\r\n      font-weight:700;\r\n      letter-spacing:.1px;\r\n    }\r\n\r\n    .vodo-demo-footer span{\r\n      display:inline-flex;\r\n      align-items:center;\r\n      gap:8px;\r\n    }\r\n\r\n    @keyframes vodoBlink{\r\n      50%{opacity:0}\r\n    }\r\n\r\n    @keyframes vodoFloatBadge{\r\n      0%,100%{transform:translateX(-50%) translateY(0)}\r\n      50%{transform:translateX(-50%) translateY(-3px)}\r\n    }\r\n\r\n    @keyframes vodoFieldSweep{\r\n      0%{transform:translateX(-120%)}\r\n      100%{transform:translateX(120%)}\r\n    }\r\n\r\n    @keyframes vodoPulseDot{\r\n      0%{box-shadow:0 0 0 0 rgba(48,181,102,.38)}\r\n      70%{box-shadow:0 0 0 10px rgba(48,181,102,0)}\r\n      100%{box-shadow:0 0 0 0 rgba(48,181,102,0)}\r\n    }\r\n\r\n    @media (max-width:1100px){\r\n      .vodo-flow-header h2{\r\n        font-size:36px;\r\n      }\r\n\r\n      .vodo-flow-line{\r\n        grid-template-columns:repeat(5,minmax(0,1fr));\r\n        gap:14px;\r\n      }\r\n\r\n      .vodo-step-item h3{\r\n        font-size:17px;\r\n      }\r\n\r\n      .vodo-step-item p{\r\n        max-width:170px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:1200px){\r\n      .vodo-demo-app{grid-template-columns:1fr}\r\n      .vodo-demo-sidebar{display:none}\r\n      .vodo-demo-search{\r\n        position:relative;\r\n        left:auto;\r\n        top:auto;\r\n        width:100%;\r\n        margin-top:10px;\r\n      }\r\n      .vodo-demo-grid-3,\r\n      .vodo-demo-grid-2,\r\n      .vodo-demo-items-row,\r\n      .vodo-demo-price-row,\r\n      .vodo-demo-settings{\r\n        grid-template-columns:1fr;\r\n      }\r\n      .vodo-demo-summary{max-width:none}\r\n      .vodo-demo-panel-head{\r\n        padding-right:0;\r\n        align-items:flex-start;\r\n        flex-direction:column;\r\n      }\r\n      .vodo-demo-chip{\r\n        position:static;\r\n        width:max-content;\r\n        margin-bottom:10px;\r\n      }\r\n    }\r\n\r\n    @media (max-width:767px){\r\n      .vodo-flow-advanced{\r\n        padding:88px 18px 95px;\r\n      }\r\n\r\n      .vodo-flow-header{\r\n        margin-bottom:40px;\r\n      }\r\n\r\n      .vodo-flow-header h2{\r\n        font-size:29px;\r\n        line-height:1.14;\r\n      }\r\n\r\n      .vodo-flow-header p{\r\n        font-size:14px;\r\n        line-height:1.75;\r\n      }\r\n\r\n      .vodo-flow-line{\r\n        grid-template-columns:1fr;\r\n        gap:22px;\r\n        margin-bottom:34px;\r\n        padding-top:0;\r\n      }\r\n\r\n      .vodo-flow-line::before{\r\n        display:none;\r\n      }\r\n\r\n      .vodo-step-item{\r\n        background:#313743;\r\n        border:1px solid rgba(255,255,255,0.06);\r\n        border-radius:18px;\r\n        padding:20px 18px 18px;\r\n      }\r\n\r\n      .vodo-step-circle{\r\n        margin-bottom:14px;\r\n      }\r\n\r\n      .vodo-step-item p{\r\n        max-width:100%;\r\n      }\r\n\r\n      .vodo-flow-visual{\r\n        margin-top:34px;\r\n        border-radius:18px;\r\n      }\r\n\r\n      .vodo-demo-wrap{\r\n        padding:14px;\r\n      }\r\n\r\n      .vodo-demo-app{\r\n        min-height:auto;\r\n      }\r\n\r\n      .vodo-demo-topbar{\r\n        padding:0 12px;\r\n      }\r\n\r\n      .vodo-demo-profile-name,\r\n      .vodo-demo-profile-role{\r\n        display:none;\r\n      }\r\n\r\n      .vodo-demo-content{\r\n        padding:12px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"vodo-flow-container\">\r\n\r\n    <div class=\"vodo-flow-header\">\r\n      <span class=\"vodo-flow-eyebrow\">VODO ERP \u2014 Automated Decision Flow<\/span>\r\n      <h2>From Transaction to Decision \u2014 Fully Automated<\/h2>\r\n      <p>\r\n        Every transaction moves through one connected accounting flow \u2014 captured, validated, processed, analyzed, and translated into real-time visibility that helps leadership act faster without manual delay.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"vodo-flow-line\">\r\n\r\n      <div class=\"vodo-step-item\">\r\n        <div class=\"vodo-step-circle\">01<\/div>\r\n        <h3>Capture<\/h3>\r\n        <p>Transactions enter from invoices, POS activity, and connected business records instantly.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vodo-step-item\">\r\n        <div class=\"vodo-step-circle\">02<\/div>\r\n        <h3>Validate<\/h3>\r\n        <p>Data is checked, organized, and structured automatically inside the accounting framework.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vodo-step-item\">\r\n        <div class=\"vodo-step-circle\">03<\/div>\r\n        <h3>Process<\/h3>\r\n        <p>Records move across ledgers, workflows, approvals, and connected operational stages.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vodo-step-item\">\r\n        <div class=\"vodo-step-circle\">04<\/div>\r\n        <h3>Analyze<\/h3>\r\n        <p>Dashboards and financial indicators update continuously with live business activity.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"vodo-step-item\">\r\n        <div class=\"vodo-step-circle\">05<\/div>\r\n        <h3>Decide<\/h3>\r\n        <p>Leadership gains clearer visibility and faster decision support with full context.<\/p>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"vodo-flow-visual\">\r\n      <div class=\"vodo-demo-wrap\">\r\n        <div class=\"vodo-demo-shell\">\r\n          <div class=\"vodo-demo-app\">\r\n            <aside class=\"vodo-demo-sidebar\">\r\n              <div class=\"vodo-demo-logo\" aria-label=\"VODO logo\">\r\n                <svg viewBox=\"0 0 210 60\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                  <text x=\"0\" y=\"42\" font-family=\"Inter, sans-serif\" font-size=\"34\" font-weight=\"500\" fill=\"#252b35\">V<\/text>\r\n                  <circle cx=\"52\" cy=\"29\" r=\"19\" stroke=\"#a7acb8\" stroke-width=\"3\"\/>\r\n                  <path d=\"M41 40L64 17\" stroke=\"#ff6b57\" stroke-width=\"4\" stroke-linecap=\"round\"\/>\r\n                  <text x=\"73\" y=\"42\" font-family=\"Inter, sans-serif\" font-size=\"34\" font-weight=\"500\" fill=\"#252b35\">DO<\/text>\r\n                <\/svg>\r\n              <\/div>\r\n\r\n              <div class=\"vodo-demo-company-card\" id=\"vodoCompanyCard\">\r\n                <div class=\"vodo-demo-company-logo\">PEPSI<\/div>\r\n                <div class=\"vodo-demo-company-name\">Company<br>Name<\/div>\r\n              <\/div>\r\n\r\n              <nav class=\"vodo-demo-nav\">\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 11.5L12 4l8 7.5V20a1 1 0 0 1-1 1h-4v-5H9v5H5a1 1 0 0 1-1-1v-8.5Z\" stroke-width=\"1.8\"\/><\/svg><span>Home<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M16 19a4 4 0 1 0-8 0M12 13a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM20 19a4 4 0 0 0-3-3.87M17 7.13A3 3 0 0 1 17 13\" stroke-width=\"1.8\"\/><\/svg><span>Customers<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 4h8l4 4v12H7z\" stroke-width=\"1.8\"\/><path d=\"M15 4v4h4\" stroke-width=\"1.8\"\/><\/svg><span>Customers Categories<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item active\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 3 4 7v10l8 4 8-4V7l-8-4Z\" stroke-width=\"1.8\"\/><\/svg><span>Sales Quotes<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 7h14M5 12h14M5 17h14\" stroke-width=\"1.8\"\/><\/svg><span>Sales Orders<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 4h10v16H7z\" stroke-width=\"1.8\"\/><path d=\"M10 8h4M10 12h4\" stroke-width=\"1.8\"\/><\/svg><span>Sales Invoice<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 4h10v16H7z\" stroke-width=\"1.8\"\/><path d=\"M9 9h6M9 13h6\" stroke-width=\"1.8\"\/><\/svg><span>Credit Notes<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 8v8M8 12h8\" stroke-width=\"1.8\"\/><circle cx=\"12\" cy=\"12\" r=\"8\" stroke-width=\"1.8\"\/><\/svg><span>Late Payment Fees<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 7h12v10H6z\" stroke-width=\"1.8\"\/><path d=\"M9 10h6M9 14h6\" stroke-width=\"1.8\"\/><\/svg><span>Delivery Notes<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 7h12v10H6z\" stroke-width=\"1.8\"\/><path d=\"M9 10h6M9 14h3\" stroke-width=\"1.8\"\/><\/svg><span>Delivery Notes (Services)<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"8\" stroke-width=\"1.8\"\/><path d=\"M12 8v5l3 2\" stroke-width=\"1.8\"\/><\/svg><span>Billable Times<\/span><\/a>\r\n                <a href=\"#\" class=\"vodo-demo-nav-item\"><svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 7h10v10H7z\" stroke-width=\"1.8\"\/><path d=\"M9 10h6M9 13h6\" stroke-width=\"1.8\"\/><\/svg><span>Billable Expenses<\/span><\/a>\r\n              <\/nav>\r\n            <\/aside>\r\n\r\n            <main class=\"vodo-demo-main\">\r\n              <header class=\"vodo-demo-topbar\">\r\n                <div class=\"vodo-demo-topbar-left\">\r\n                  <span class=\"vodo-demo-cube\"><svg viewBox=\"0 0 24 24\" width=\"14\" height=\"14\" fill=\"none\"><path d=\"M12 3 5 7v10l7 4 7-4V7l-7-4Z\" stroke=\"#4a5160\" stroke-width=\"1.7\"\/><\/svg><\/span>\r\n                  <span>Sales Quotes<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"vodo-demo-topbar-right\">\r\n                  <span class=\"vodo-demo-icon-btn\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\"><path d=\"M12 5l7 4v8l-7 4-7-4V9l7-4Z\" stroke=\"#727988\" stroke-width=\"1.7\"\/><\/svg><\/span>\r\n                  <span class=\"vodo-demo-icon-btn\"><svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"none\"><path d=\"M12 4a5 5 0 0 1 5 5v2.2l1.2 2.4a1 1 0 0 1-.9 1.4H6.7a1 1 0 0 1-.9-1.4L7 11.2V9a5 5 0 0 1 5-5Z\" stroke=\"#727988\" stroke-width=\"1.7\"\/><path d=\"M9.5 18a2.5 2.5 0 0 0 5 0\" stroke=\"#727988\" stroke-width=\"1.7\"\/><\/svg><\/span>\r\n                  <div class=\"vodo-demo-profile\">\r\n                    <img decoding=\"async\" src=\"https:\/\/hr.vodoglobal.com\/data\/employee\/profile\/532\/emp_profile_3436_2025-08-13-10:53:41.jpg\" alt=\"Mohamed profile\" \/>\r\n                    <div>\r\n                      <div class=\"vodo-demo-profile-name\">Mohamed<\/div>\r\n                      <div class=\"vodo-demo-profile-role\">Admin<\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/div>\r\n              <\/header>\r\n\r\n              <div class=\"vodo-demo-content\">\r\n                <section class=\"vodo-demo-panel\">\r\n                  <div class=\"vodo-demo-chip\">\r\n                    <span class=\"vodo-demo-chip-dot\"><\/span>\r\n                    <span>Live Demo<\/span>\r\n                  <\/div>\r\n\r\n                  <div class=\"vodo-demo-panel-head\">\r\n                    <h2 class=\"vodo-demo-title\">Create Sales Quote<\/h2>\r\n                    <div class=\"vodo-demo-head-actions\">\r\n                      <button class=\"vodo-demo-ghost-btn\" type=\"button\">Save Draft<\/button>\r\n                      <button class=\"vodo-demo-primary-btn\" type=\"button\">Create New<\/button>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"vodo-demo-grid-3\">\r\n                    <div class=\"vodo-demo-field\">\r\n                      <label class=\"vodo-demo-label\">Invoice Date<\/label>\r\n                      <div class=\"vodo-demo-control demo-glow\" id=\"vodoInvoiceDate\">\r\n                        <span class=\"vodo-demo-value\" id=\"vodoInvoiceDateValue\">20\/11\/2024<\/span>\r\n                        <span>\ud83d\uddd3\ufe0f<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-field\">\r\n                      <label class=\"vodo-demo-label\">Invoice Number<\/label>\r\n                      <div class=\"vodo-demo-control\">\r\n                        <span>#SQ-12345<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-field\">\r\n                      <label class=\"vodo-demo-label\">Due Date<\/label>\r\n                      <div class=\"vodo-demo-control\">\r\n                        <span>Net 15 Days<\/span>\r\n                        <span>\u2304<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"vodo-demo-grid-2\" style=\"margin-top:10px;\">\r\n                    <div class=\"vodo-demo-field\">\r\n                      <label class=\"vodo-demo-label\">Customer<\/label>\r\n                      <div class=\"vodo-demo-control demo-glow\" id=\"vodoCustomer\">\r\n                        <span class=\"vodo-demo-value\" id=\"vodoCustomerValue\">Customer<\/span>\r\n                        <span>\u2304<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-field\">\r\n                      <label class=\"vodo-demo-label\">Description<\/label>\r\n                      <div class=\"vodo-demo-control demo-glow\" id=\"vodoDescription\">\r\n                        <span class=\"vodo-demo-value\" id=\"vodoDescriptionValue\">Description<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"vodo-demo-line-row\" style=\"margin-top:10px;\">\r\n                    <div class=\"vodo-demo-field\">\r\n                      <label class=\"vodo-demo-label\">Billing Address<\/label>\r\n                      <div class=\"vodo-demo-control\">\r\n                        <span>Riyadh, Saudi Arabia<\/span>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"vodo-demo-divider\"><\/div>\r\n                  <h3 class=\"vodo-demo-section-title\">Add Item<\/h3>\r\n\r\n                  <div class=\"vodo-demo-item-block\">\r\n                    <div class=\"vodo-demo-items-row\">\r\n                      <div class=\"vodo-demo-control vodo-demo-mini\"><span>1<\/span><\/div>\r\n                      <div class=\"vodo-demo-control\"><span>SKU<\/span><\/div>\r\n                      <div class=\"vodo-demo-control demo-glow\" id=\"vodoItemField\">\r\n                        <span class=\"vodo-demo-value\" id=\"vodoItemFieldValue\">Item<\/span>\r\n                        <span>\u2304<\/span>\r\n                      <\/div>\r\n                      <div class=\"vodo-demo-control\"><span>Unit<\/span><span>\u2304<\/span><\/div>\r\n                      <div class=\"vodo-demo-control demo-glow\" id=\"vodoQtyField\">\r\n                        <span class=\"vodo-demo-value\" id=\"vodoQtyValue\">QTY<\/span>\r\n                      <\/div>\r\n                      <div class=\"vodo-demo-control\"><span>Retail Haircare Product<\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-price-row\">\r\n                      <div class=\"vodo-demo-control demo-glow\" id=\"vodoUnitPriceField\"><span class=\"vodo-demo-value\" id=\"vodoUnitPriceValue\">Unit Price<\/span><\/div>\r\n                      <div class=\"vodo-demo-control\"><span>Amount<\/span><\/div>\r\n                      <div class=\"vodo-demo-control vodo-demo-currency\"><span>SAR<\/span><\/div>\r\n                      <div class=\"vodo-demo-control\"><span>Tax<\/span><span>\u2304<\/span><\/div>\r\n                      <div class=\"vodo-demo-control\"><span>Tax Amount<\/span><\/div>\r\n                      <div class=\"vodo-demo-control vodo-demo-currency\"><span>SAR<\/span><\/div>\r\n                      <div class=\"vodo-demo-control\"><span>Total<\/span><\/div>\r\n                      <div class=\"vodo-demo-control vodo-demo-currency\"><span>SAR<\/span><\/div>\r\n                      <div class=\"vodo-demo-control\"><span>Product Attributes<\/span><span>\u2304<\/span><\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-search\" id=\"vodoSearch\">\r\n                      <div class=\"vodo-demo-search-input\">\r\n                        <svg viewBox=\"0 0 24 24\" width=\"15\" height=\"15\" fill=\"none\">\r\n                          <circle cx=\"11\" cy=\"11\" r=\"6.5\" stroke=\"#3e4d63\" stroke-width=\"2\"\/>\r\n                          <path d=\"M16 16l5 5\" stroke=\"#3e4d63\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                        <\/svg>\r\n                        <span id=\"vodoSearchText\">Typing.<span class=\"vodo-demo-caret\"><\/span><\/span>\r\n                      <\/div>\r\n\r\n                      <div class=\"vodo-demo-search-menu\">\r\n                        <div class=\"vodo-demo-search-item\" id=\"vodoProduct1\">\r\n                          <div class=\"vodo-demo-search-thumb\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1526947425960-945c6e72858f?auto=format&fit=crop&w=80&q=60\" alt=\"product\"><\/div>\r\n                          <div class=\"vodo-demo-search-main\"><strong>sku:#334455<\/strong> - Shampoo BLESS<\/div>\r\n                          <div>\u2197<\/div>\r\n                        <\/div>\r\n                        <div class=\"vodo-demo-search-item\">\r\n                          <div class=\"vodo-demo-search-thumb\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1625772452859-1c03d5bf1137?auto=format&fit=crop&w=80&q=60\" alt=\"product\"><\/div>\r\n                          <div class=\"vodo-demo-search-main\"><strong>sku:#334427<\/strong> - Onion Shampoo<\/div>\r\n                          <div>\u2197<\/div>\r\n                        <\/div>\r\n                        <div class=\"vodo-demo-search-item\">\r\n                          <div class=\"vodo-demo-search-thumb\"><img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1620916566398-39f1143ab7be?auto=format&fit=crop&w=80&q=60\" alt=\"product\"><\/div>\r\n                          <div class=\"vodo-demo-search-main\"><strong>sku:#334480<\/strong> - Clary 300 ml<\/div>\r\n                          <div>\u2197<\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"vodo-demo-bottom\">\r\n                    <div class=\"vodo-demo-item-actions\">\r\n                      <button type=\"button\">\u2295 Add New Item<\/button>\r\n                      <span class=\"vodo-demo-divider-y\"><\/span>\r\n                      <button type=\"button\">\u2304<\/button>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-summary\" id=\"vodoSummary\">\r\n                      <div>Amount<\/div>\r\n                      <div class=\"value\" id=\"vodoAmountValue\">10,000<\/div>\r\n                      <div>Tax Amount<\/div>\r\n                      <div class=\"value\" id=\"vodoTaxValue\">0<\/div>\r\n                      <div class=\"total-label\">Total<\/div>\r\n                      <div class=\"total-value\" id=\"vodoTotalValue\">10,000<\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n\r\n                  <div class=\"vodo-demo-settings\">\r\n                    <div class=\"vodo-demo-setting\">\r\n                      <div class=\"vodo-demo-setting-top\">\r\n                        <input type=\"checkbox\" checked>\r\n                        <span>Tax Inclusive<\/span>\r\n                      <\/div>\r\n                      <div class=\"vodo-demo-setting-value\">Amounts are tax inclusive<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-setting\">\r\n                      <div class=\"vodo-demo-setting-top\">\r\n                        <input type=\"checkbox\" checked>\r\n                        <span>Discount<\/span>\r\n                      <\/div>\r\n                      <div class=\"vodo-demo-setting-value\">Percentage based discount<\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-demo-setting\">\r\n                      <div class=\"vodo-demo-setting-top\">\r\n                        <input type=\"checkbox\" checked>\r\n                        <span>Round Off<\/span>\r\n                      <\/div>\r\n                      <div class=\"vodo-demo-setting-value\">Round to nearest whole value<\/div>\r\n                    <\/div>\r\n                  <\/div>\r\n                <\/section>\r\n              <\/div>\r\n\r\n              <div class=\"vodo-demo-footer\">\r\n                <span>\r\n                  Powered By\r\n                  <svg viewBox=\"0 0 90 24\" width=\"52\" height=\"16\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n                    <text x=\"0\" y=\"17\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"500\" fill=\"#ffffff\">V<\/text>\r\n                    <circle cx=\"24\" cy=\"11\" r=\"7\" stroke=\"#d4d7df\" stroke-width=\"1.5\"\/>\r\n                    <path d=\"M20 15L29 6\" stroke=\"#ff8c78\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\r\n                    <text x=\"34\" y=\"17\" font-family=\"Inter, sans-serif\" font-size=\"16\" font-weight=\"500\" fill=\"#ffffff\">DO<\/text>\r\n                  <\/svg>\r\n                <\/span>\r\n              <\/div>\r\n            <\/main>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <script>\r\n    (function(){\r\n      const wrap = document.querySelector('.vodo-flow-advanced .vodo-demo-wrap');\r\n      if(!wrap) return;\r\n\r\n      const companyCard = wrap.querySelector('#vodoCompanyCard');\r\n\r\n      document.addEventListener('mousemove', function(e){\r\n        if(!companyCard || window.innerWidth < 1200) return;\r\n        const rect = wrap.getBoundingClientRect();\r\n        if(e.clientX < rect.left || e.clientX > rect.right || e.clientY < rect.top || e.clientY > rect.bottom) return;\r\n        const x = (e.clientX \/ window.innerWidth - 0.5) * 4;\r\n        const y = (e.clientY \/ window.innerHeight - 0.5) * 4;\r\n        companyCard.style.transform = `translate(${x * 0.35}px, ${y * 0.35}px)`;\r\n      });\r\n\r\n      const sleep = (ms) => new Promise(resolve => setTimeout(resolve, ms));\r\n\r\n      function setActive(el){\r\n        if(!el) return;\r\n        el.classList.add('demo-active','demo-sweep');\r\n      }\r\n\r\n      function clearActive(el){\r\n        if(!el) return;\r\n        el.classList.remove('demo-active');\r\n        el.classList.add('demo-done');\r\n        setTimeout(() => el.classList.remove('demo-sweep'), 1100);\r\n      }\r\n\r\n      async function typeText(target, text, speed = 55, withCaret = true){\r\n        if(!target) return;\r\n        target.innerHTML = withCaret ? '<span class=\"vodo-demo-caret\"><\/span>' : '';\r\n        for(let i = 0; i < text.length; i++){\r\n          target.innerHTML = text.slice(0, i + 1) + (withCaret ? '<span class=\"vodo-demo-caret\"><\/span>' : '');\r\n          await sleep(speed);\r\n        }\r\n        if(!withCaret) target.textContent = text;\r\n      }\r\n\r\n      function setText(target, text){\r\n        if(target) target.textContent = text;\r\n      }\r\n\r\n      async function bumpSummary(amount, tax, total){\r\n        const summary = wrap.querySelector('#vodoSummary');\r\n        const amountEl = wrap.querySelector('#vodoAmountValue');\r\n        const taxEl = wrap.querySelector('#vodoTaxValue');\r\n        const totalEl = wrap.querySelector('#vodoTotalValue');\r\n\r\n        if(!summary || !amountEl || !taxEl || !totalEl) return;\r\n\r\n        summary.classList.add('bump');\r\n        amountEl.textContent = amount;\r\n        taxEl.textContent = tax;\r\n        totalEl.textContent = total;\r\n        await sleep(650);\r\n        summary.classList.remove('bump');\r\n      }\r\n\r\n      async function playDemo(){\r\n        const invoiceField = wrap.querySelector('#vodoInvoiceDate');\r\n        const invoiceValue = wrap.querySelector('#vodoInvoiceDateValue');\r\n\r\n        const customerField = wrap.querySelector('#vodoCustomer');\r\n        const customerValue = wrap.querySelector('#vodoCustomerValue');\r\n\r\n        const descField = wrap.querySelector('#vodoDescription');\r\n        const descValue = wrap.querySelector('#vodoDescriptionValue');\r\n\r\n        const itemField = wrap.querySelector('#vodoItemField');\r\n        const itemValue = wrap.querySelector('#vodoItemFieldValue');\r\n\r\n        const qtyField = wrap.querySelector('#vodoQtyField');\r\n        const qtyValue = wrap.querySelector('#vodoQtyValue');\r\n\r\n        const unitPriceField = wrap.querySelector('#vodoUnitPriceField');\r\n        const unitPriceValue = wrap.querySelector('#vodoUnitPriceValue');\r\n\r\n        const search = wrap.querySelector('#vodoSearch');\r\n        const searchText = wrap.querySelector('#vodoSearchText');\r\n        const product1 = wrap.querySelector('#vodoProduct1');\r\n\r\n        while(true){\r\n          setText(invoiceValue, '20\/11\/2024');\r\n          setText(customerValue, 'Customer');\r\n          setText(descValue, 'Description');\r\n          setText(itemValue, 'Item');\r\n          setText(qtyValue, 'QTY');\r\n          setText(unitPriceValue, 'Unit Price');\r\n\r\n          if(searchText) searchText.innerHTML = 'Typing.<span class=\"vodo-demo-caret\"><\/span>';\r\n          if(search) search.classList.remove('open');\r\n          if(product1) product1.classList.remove('selected');\r\n\r\n          wrap.querySelectorAll('.vodo-demo-control').forEach(el => {\r\n            el.classList.remove('demo-active','demo-done','demo-sweep');\r\n          });\r\n\r\n          await sleep(1400);\r\n\r\n          setActive(invoiceField);\r\n          await typeText(invoiceValue, '23\/04\/2026', 75, false);\r\n          clearActive(invoiceField);\r\n\r\n          await sleep(300);\r\n\r\n          setActive(customerField);\r\n          await typeText(customerValue, 'Beauty Lounge Riyadh', 46, true);\r\n          clearActive(customerField);\r\n\r\n          await sleep(240);\r\n\r\n          setActive(descField);\r\n          await typeText(descValue, 'Seasonal quotation for retail haircare products', 28, true);\r\n          clearActive(descField);\r\n\r\n          await sleep(260);\r\n\r\n          setActive(itemField);\r\n          if(search) search.classList.add('open');\r\n          await typeText(searchText, 'shampoo', 85, true);\r\n          await sleep(380);\r\n          if(product1) product1.classList.add('selected');\r\n          await sleep(520);\r\n          setText(itemValue, 'Shampoo BLESS');\r\n          clearActive(itemField);\r\n\r\n          await sleep(220);\r\n\r\n          setActive(qtyField);\r\n          await typeText(qtyValue, '25', 135, false);\r\n          clearActive(qtyField);\r\n\r\n          await sleep(220);\r\n\r\n          setActive(unitPriceField);\r\n          await typeText(unitPriceValue, '400', 115, false);\r\n          clearActive(unitPriceField);\r\n\r\n          await sleep(260);\r\n\r\n          await bumpSummary('10,000', '0', '10,000');\r\n\r\n          await sleep(2400);\r\n\r\n          if(search) search.classList.remove('open');\r\n          if(product1) product1.classList.remove('selected');\r\n\r\n          await sleep(1200);\r\n        }\r\n      }\r\n\r\n      playDemo();\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b623a24 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"b623a24\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-cf00154\" data-id=\"cf00154\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38b60c1 elementor-widget elementor-widget-html\" data-id=\"38b60c1\" 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>.vodo-bo-hero-banner{\r\n    padding:40px 30px 90px;\r\n    background:#f5f6f8;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vodo-bo-hero-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n.vodo-bo-hero-box{\r\n    position:relative;\r\n    overflow:hidden;\r\n    min-height:520px;\r\n    border-radius:32px;\r\n    padding:72px 68px;\r\n    display:flex;\r\n    align-items:center;\r\n    background:url('https:\/\/vodoglobal.com\/wp-content\/uploads\/2026\/04\/vodo-Revenue-Customers.webp') center center \/ cover no-repeat;\r\n    box-shadow:0 25px 60px rgba(0,0,0,0.12);\r\n}\r\n\r\n.vodo-bo-hero-box:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(\r\n        90deg,\r\n        rgba(12,16,22,0.94) 0%,\r\n        rgba(12,16,22,0.88) 34%,\r\n        rgba(12,16,22,0.62) 58%,\r\n        rgba(12,16,22,0.18) 100%\r\n    );\r\n    z-index:1;\r\n}\r\n\r\n.vodo-bo-hero-content{\r\n    position:relative;\r\n    z-index:2;\r\n    max-width:640px;\r\n}\r\n\r\n.vodo-bo-hero-badge{\r\n    display:inline-block;\r\n    padding:12px 22px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,0.08);\r\n    border:1px solid rgba(255,255,255,0.14);\r\n    color:#ffffff;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:24px;\r\n}\r\n\r\n.vodo-bo-hero-title{\r\n    margin:0 0 24px;\r\n    font-size:56px;\r\n    line-height:1.08;\r\n    font-weight:800 !important;\r\n    color:#ffffff !important;\r\n    letter-spacing:-1.2px;\r\n    text-shadow:0 2px 12px rgba(0,0,0,0.22);\r\n}\r\n\r\n.vodo-bo-hero-title *{\r\n    color:#ffffff !important;\r\n}\r\n\r\n.vodo-bo-hero-title span{\r\n    color:#ff6a57 !important;\r\n}\r\n\r\n.vodo-bo-hero-text{\r\n    font-size:19px;\r\n    line-height:1.9;\r\n    color:rgba(255,255,255,0.92);\r\n    text-shadow:0 1px 6px rgba(0,0,0,0.18);\r\n}\r\n\r\n@media(max-width:1024px){\r\n\r\n    .vodo-bo-hero-box{\r\n        min-height:470px;\r\n        padding:54px 44px;\r\n    }\r\n\r\n    .vodo-bo-hero-title{\r\n        font-size:44px;\r\n    }\r\n\r\n    .vodo-bo-hero-text{\r\n        font-size:17px;\r\n    }\r\n\r\n}\r\n\r\n@media(max-width:767px){\r\n\r\n    .vodo-bo-hero-banner{\r\n        padding:20px 20px 70px;\r\n    }\r\n\r\n    .vodo-bo-hero-box{\r\n        min-height:430px;\r\n        padding:34px 24px;\r\n        border-radius:24px;\r\n        align-items:flex-end;\r\n    }\r\n\r\n    .vodo-bo-hero-box:before{\r\n        background:linear-gradient(\r\n            180deg,\r\n            rgba(12,16,22,0.62) 0%,\r\n            rgba(12,16,22,0.82) 45%,\r\n            rgba(12,16,22,0.95) 100%\r\n        );\r\n    }\r\n\r\n    .vodo-bo-hero-title{\r\n        font-size:32px;\r\n        line-height:1.15;\r\n    }\r\n\r\n    .vodo-bo-hero-text{\r\n        font-size:15px;\r\n        line-height:1.75;\r\n    }\r\n\r\n}\r\n<\/style><section class=\"vodo-bo-hero-banner\"><div class=\"vodo-bo-hero-wrap\"><div class=\"vodo-bo-hero-box\"><div class=\"vodo-bo-hero-content\"><div class=\"vodo-bo-hero-badge\">Revenue & Customer Modules\r\n                <\/div><h2 class=\"vodo-bo-hero-title\">Commercial Solutions Built To\r\n                    <span>Accelerate Customer Growth<\/span><\/h2><p class=\"vodo-bo-hero-text\">Explore the essential customer-facing systems that power modern revenue operations \u2014 from lead generation and sales engagement to digital commerce, point of sale, and post-sale support \u2014 all connected within one integrated ERP ecosystem.\r\n                <\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dcd98a9 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"dcd98a9\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-04c295e\" data-id=\"04c295e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b64750a elementor-widget elementor-widget-html\" data-id=\"b64750a\" 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>\r\n.vodo-rc-tabs-pro{\r\n    padding:90px 30px;\r\n    background:#f5f6f8;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vodo-rc-tabs-pro-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    display:grid;\r\n    grid-template-columns:380px minmax(0,1fr);\r\n    gap:34px;\r\n    align-items:start;\r\n}\r\n\r\n\/* LEFT SIDE *\/\r\n\r\n.vodo-rc-tabs-pro-nav{\r\n    position:sticky;\r\n    top:30px;\r\n    background:#ffffff;\r\n    border-radius:28px;\r\n    padding:34px;\r\n    box-shadow:0 18px 44px rgba(31,36,44,0.06);\r\n}\r\n\r\n.vodo-rc-tabs-pro-nav h3{\r\n    margin:0 0 12px;\r\n    font-size:34px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#1f242c;\r\n}\r\n\r\n.vodo-rc-tabs-pro-lines{\r\n    display:flex;\r\n    gap:10px;\r\n    margin-bottom:26px;\r\n}\r\n\r\n.vodo-rc-tabs-pro-lines span{\r\n    display:block;\r\n    height:3px;\r\n    border-radius:999px;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-tabs-pro-lines span:first-child{width:26px;}\r\n.vodo-rc-tabs-pro-lines span:last-child{width:48px;}\r\n\r\n.vodo-rc-tabs-pro-btn{\r\n    width:100%;\r\n    border:none;\r\n    background:#f7f8fa;\r\n    padding:20px 22px;\r\n    margin-bottom:14px;\r\n    border-radius:16px;\r\n    cursor:pointer;\r\n    text-align:left;\r\n    font-size:18px;\r\n    font-weight:700;\r\n    color:#1f242c;\r\n    transition:.28s ease;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    gap:16px;\r\n}\r\n\r\n.vodo-rc-tabs-pro-btn:hover{\r\n    background:#1f242c;\r\n    color:#ffffff;\r\n    box-shadow:0 12px 26px rgba(31,36,44,0.18);\r\n}\r\n\r\n.vodo-rc-tabs-pro-btn.active{\r\n    background:#1f242c;\r\n    color:#ffffff;\r\n    box-shadow:0 14px 30px rgba(31,36,44,0.22);\r\n}\r\n\r\n.vodo-rc-tabs-pro-btn span:last-child{\r\n    font-size:24px;\r\n    line-height:1;\r\n    flex-shrink:0;\r\n}\r\n\r\n\/* RIGHT SIDE *\/\r\n\r\n.vodo-rc-tabs-pro-content{\r\n    position:relative;\r\n    background:#ffffff;\r\n    border-radius:28px;\r\n    box-shadow:0 18px 44px rgba(31,36,44,0.06);\r\n    min-height:760px;\r\n    max-height:760px;\r\n    overflow:hidden;\r\n}\r\n\r\n.vodo-rc-tabs-pro-scroll{\r\n    height:760px;\r\n    overflow-y:auto;\r\n    padding:34px 34px 38px;\r\n    scroll-behavior:smooth;\r\n    scrollbar-width:thin;\r\n    scrollbar-color:#d3d8df #f3f5f7;\r\n}\r\n\r\n.vodo-rc-tabs-pro-scroll::-webkit-scrollbar{\r\n    width:10px;\r\n}\r\n\r\n.vodo-rc-tabs-pro-scroll::-webkit-scrollbar-track{\r\n    background:#f3f5f7;\r\n    border-radius:999px;\r\n}\r\n\r\n.vodo-rc-tabs-pro-scroll::-webkit-scrollbar-thumb{\r\n    background:#cfd5dd;\r\n    border-radius:999px;\r\n}\r\n\r\n\/* FIX: remove white sticky shadows *\/\r\n.vodo-rc-tabs-pro-scroll:before,\r\n.vodo-rc-tabs-pro-scroll:after{\r\n    display:none !important;\r\n    content:none !important;\r\n}\r\n\r\n.vodo-rc-tab-pro-panel{\r\n    display:none;\r\n    animation:vodoRcFade .35s ease;\r\n}\r\n\r\n.vodo-rc-tab-pro-panel.active{\r\n    display:block;\r\n}\r\n\r\n.vodo-rc-tab-pro-kicker{\r\n    display:inline-block;\r\n    padding:10px 16px;\r\n    border-radius:999px;\r\n    background:#eef1f4;\r\n    color:#1f242c;\r\n    font-size:13px;\r\n    font-weight:800;\r\n    letter-spacing:.2px;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.vodo-rc-tab-pro-title{\r\n    margin:0 0 18px;\r\n    font-size:52px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    color:#1f242c;\r\n    max-width:920px;\r\n}\r\n\r\n.vodo-rc-tab-pro-text{\r\n    margin:0 0 18px;\r\n    font-size:19px;\r\n    line-height:1.95;\r\n    color:#596273;\r\n    max-width:960px;\r\n}\r\n\r\n.vodo-rc-tab-pro-actions{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:14px;\r\n    margin:30px 0 34px;\r\n}\r\n\r\n.vodo-rc-tab-pro-link{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    min-width:220px;\r\n    padding:15px 24px;\r\n    border-radius:14px;\r\n    text-decoration:none;\r\n    font-size:16px;\r\n    font-weight:700;\r\n    transition:.28s ease;\r\n}\r\n\r\n.vodo-rc-tab-pro-link.primary{\r\n    background:#e4412d;\r\n    color:#fff;\r\n    box-shadow:0 12px 24px rgba(228,65,45,0.16);\r\n}\r\n\r\n.vodo-rc-tab-pro-link.primary:hover{\r\n    background:#1f242c;\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.vodo-rc-tab-pro-link.secondary{\r\n    background:#ffffff;\r\n    color:#1f242c;\r\n    border:1px solid rgba(31,36,44,0.10);\r\n}\r\n\r\n.vodo-rc-tab-pro-link.secondary:hover{\r\n    background:#1f242c;\r\n    color:#fff;\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.vodo-rc-tab-pro-hero{\r\n    margin:0 0 34px;\r\n    border-radius:24px;\r\n    overflow:hidden;\r\n    background:#f3f4f6;\r\n    border:1px solid rgba(31,36,44,0.06);\r\n}\r\n\r\n.vodo-rc-tab-pro-hero img{\r\n    width:100%;\r\n    display:block;\r\n}\r\n\r\n.vodo-rc-tab-pro-grid{\r\n    display:grid;\r\n    grid-template-columns:1.08fr .92fr;\r\n    gap:24px;\r\n    margin-bottom:24px;\r\n}\r\n\r\n.vodo-rc-tab-pro-card{\r\n    background:#f8f9fb;\r\n    border:1px solid rgba(31,36,44,0.06);\r\n    border-radius:22px;\r\n    padding:28px 26px;\r\n}\r\n\r\n.vodo-rc-tab-pro-card h4{\r\n    margin:0 0 14px;\r\n    font-size:28px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#1f242c;\r\n}\r\n\r\n.vodo-rc-tab-pro-card p{\r\n    margin:0;\r\n    font-size:17px;\r\n    line-height:1.9;\r\n    color:#5b6575;\r\n}\r\n\r\n.vodo-rc-tab-pro-points{\r\n    display:grid;\r\n    gap:15px;\r\n}\r\n\r\n.vodo-rc-tab-pro-point{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n    font-size:16px;\r\n    line-height:1.85;\r\n    color:#1f242c;\r\n    font-weight:700;\r\n}\r\n\r\n.vodo-rc-tab-pro-point:before{\r\n    content:\"\";\r\n    width:11px;\r\n    height:11px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n    flex-shrink:0;\r\n    margin-top:9px;\r\n}\r\n\r\n.vodo-rc-tab-pro-strip{\r\n    background:linear-gradient(135deg,#1f242c 0%, #2a2f38 100%);\r\n    border-radius:22px;\r\n    padding:26px 26px;\r\n    margin:0 0 24px;\r\n}\r\n\r\n.vodo-rc-tab-pro-strip h5{\r\n    margin:0 0 12px;\r\n    font-size:24px;\r\n    line-height:1.2;\r\n    color:#ffffff;\r\n    font-weight:800;\r\n}\r\n\r\n.vodo-rc-tab-pro-strip p{\r\n    margin:0;\r\n    font-size:16px;\r\n    line-height:1.9;\r\n    color:#d7dde6;\r\n}\r\n\r\n.vodo-rc-tab-pro-mini-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,minmax(0,1fr));\r\n    gap:18px;\r\n}\r\n\r\n.vodo-rc-tab-pro-mini{\r\n    background:#ffffff;\r\n    border:1px solid rgba(31,36,44,0.08);\r\n    border-radius:18px;\r\n    padding:20px 18px;\r\n}\r\n\r\n.vodo-rc-tab-pro-mini strong{\r\n    display:block;\r\n    margin-bottom:9px;\r\n    font-size:17px;\r\n    line-height:1.4;\r\n    color:#1f242c;\r\n}\r\n\r\n.vodo-rc-tab-pro-mini span{\r\n    display:block;\r\n    font-size:14px;\r\n    line-height:1.75;\r\n    color:#667081;\r\n}\r\n\r\n@keyframes vodoRcFade{\r\n    from{\r\n        opacity:0;\r\n        transform:translateY(14px);\r\n    }\r\n    to{\r\n        opacity:1;\r\n        transform:translateY(0);\r\n    }\r\n}\r\n\r\n@media(max-width:1100px){\r\n    .vodo-rc-tabs-pro-wrap{\r\n        display:flex;\r\n        flex-direction:column;\r\n        gap:34px;\r\n        align-items:stretch;\r\n    }\r\n\r\n    .vodo-rc-tabs-pro-content{\r\n        order:1;\r\n        width:100%;\r\n    }\r\n\r\n    .vodo-rc-tabs-pro-nav{\r\n        order:2;\r\n        position:relative;\r\n        top:auto;\r\n        width:100%;\r\n    }\r\n\r\n    .vodo-rc-tabs-pro-content,\r\n    .vodo-rc-tabs-pro-scroll{\r\n        min-height:auto;\r\n        max-height:none;\r\n        height:auto;\r\n        overflow:visible;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .vodo-rc-tabs-pro{\r\n        padding:80px 22px;\r\n    }\r\n\r\n    .vodo-rc-tabs-pro-nav{\r\n        padding:26px;\r\n        border-radius:22px;\r\n    }\r\n\r\n    .vodo-rc-tabs-pro-nav h3{\r\n        font-size:28px;\r\n    }\r\n\r\n    .vodo-rc-tabs-pro-btn{\r\n        font-size:17px;\r\n        padding:18px 18px;\r\n    }\r\n\r\n    .vodo-rc-tabs-pro-scroll{\r\n        padding:24px 22px 28px;\r\n    }\r\n\r\n    .vodo-rc-tab-pro-title{\r\n        font-size:34px;\r\n        line-height:1.14;\r\n    }\r\n\r\n    .vodo-rc-tab-pro-text{\r\n        font-size:17px;\r\n        line-height:1.85;\r\n    }\r\n\r\n    .vodo-rc-tab-pro-grid,\r\n    .vodo-rc-tab-pro-mini-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .vodo-rc-tab-pro-card{\r\n        padding:22px 20px;\r\n    }\r\n\r\n    .vodo-rc-tab-pro-card h4{\r\n        font-size:24px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<section class=\"vodo-rc-tabs-pro\" id=\"vodo-rc-tabs-pro\">\r\n    <div class=\"vodo-rc-tabs-pro-wrap\">\r\n\r\n        <div class=\"vodo-rc-tabs-pro-nav\">\r\n            <h3>All Services<\/h3>\r\n\r\n            <div class=\"vodo-rc-tabs-pro-lines\">\r\n                <span><\/span>\r\n                <span><\/span>\r\n            <\/div>\r\n\r\n            <button class=\"vodo-rc-tabs-pro-btn active\" data-tab=\"vodoRcTab1\" type=\"button\">\r\n                <span>CRM<\/span>\r\n                <span>\u2192<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"vodo-rc-tabs-pro-btn\" data-tab=\"vodoRcTab2\" type=\"button\">\r\n                <span>Sales Management<\/span>\r\n                <span>\u2192<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"vodo-rc-tabs-pro-btn\" data-tab=\"vodoRcTab3\" type=\"button\">\r\n                <span>Point of Sale (POS)<\/span>\r\n                <span>\u2192<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"vodo-rc-tabs-pro-btn\" data-tab=\"vodoRcTab4\" type=\"button\">\r\n                <span>Customer Support<\/span>\r\n                <span>\u2192<\/span>\r\n            <\/button>\r\n\r\n            <button class=\"vodo-rc-tabs-pro-btn\" data-tab=\"vodoRcTab5\" type=\"button\">\r\n                <span>E-commerce<\/span>\r\n                <span>\u2192<\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <div class=\"vodo-rc-tabs-pro-content\">\r\n            <div class=\"vodo-rc-tabs-pro-scroll\" id=\"vodo-rc-tabs-pro-scroll\">\r\n\r\n                <div id=\"vodoRcTab1\" class=\"vodo-rc-tab-pro-panel active\">\r\n                    <div class=\"vodo-rc-tab-pro-kicker\">CRM<\/div>\r\n                    <h2 class=\"vodo-rc-tab-pro-title\">Build Stronger Customer Relationships Through One Connected CRM Environment<\/h2>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        VODO CRM gives businesses a centralized environment to manage leads, opportunities, customer records,\r\n                        communication history, activities, and relationship visibility inside one structured commercial workflow.\r\n                    <\/p>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        Instead of fragmented follow-up across channels and teams, organizations gain a clearer customer view,\r\n                        stronger sales coordination, and more reliable relationship continuity from first contact to long-term engagement.\r\n                    <\/p>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-actions\">\r\n                        <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/vodoglobal.com\/erp-solutions\/revenue-customers\/crm-customer-relationship-management\/\" class=\"vodo-rc-tab-pro-link primary\">Explore CRM<\/a>\r\n                        <a href=\"https:\/\/vodoglobal.com\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"vodo-rc-tab-pro-link secondary\">Contact Us<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-hero\">\r\n                        <img decoding=\"async\" src=\"https:\/\/vodoglobal.com\/wp-content\/uploads\/2026\/04\/vodo-Revenue-Customers.webp\" alt=\"VODO ERP CRM\">\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Why It Matters<\/h4>\r\n                            <p>\r\n                                Customer relationships are revenue assets. Without one connected CRM environment, businesses lose visibility,\r\n                                delay follow-up, and weaken the consistency needed to convert and retain valuable customers.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Core Value<\/h4>\r\n                            <div class=\"vodo-rc-tab-pro-points\">\r\n                                <div class=\"vodo-rc-tab-pro-point\">Centralized lead, contact, and opportunity visibility<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Better coordination across sales follow-up and customer engagement<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">More reliable relationship continuity across the customer lifecycle<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-strip\">\r\n                        <h5>Designed To Strengthen Customer Visibility And Commercial Continuity<\/h5>\r\n                        <p>\r\n                            The module helps businesses organize relationships more effectively by bringing lead management,\r\n                            engagement activity, and opportunity follow-up into one connected CRM framework.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-mini-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Relationship Clarity<\/strong>\r\n                            <span>Track customer data, interactions, and opportunities through one organized CRM system.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Follow-Up Discipline<\/strong>\r\n                            <span>Improve sales engagement through more structured visibility over activities and next steps.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Lifecycle Continuity<\/strong>\r\n                            <span>Maintain connected customer history from acquisition to long-term engagement.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"vodoRcTab2\" class=\"vodo-rc-tab-pro-panel\">\r\n                    <div class=\"vodo-rc-tab-pro-kicker\">Sales Management<\/div>\r\n                    <h2 class=\"vodo-rc-tab-pro-title\">Manage Sales Execution With Greater Visibility, Control, And Pipeline Clarity<\/h2>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        VODO Sales Management helps businesses structure pipeline activity, quotations, follow-up stages,\r\n                        sales records, and opportunity progression through one connected revenue workflow.\r\n                    <\/p>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        This allows sales teams and management to improve conversion discipline, monitor pipeline performance,\r\n                        and execute commercial activities with stronger coordination and more accurate visibility.\r\n                    <\/p>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-actions\">\r\n                        <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/vodoglobal.com\/erp-solutions\/revenue-customers\/sales-management\/\" class=\"vodo-rc-tab-pro-link primary\">Explore Sales Management<\/a>\r\n                        <a href=\"https:\/\/vodoglobal.com\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"vodo-rc-tab-pro-link secondary\">Contact Us<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-hero\">\r\n                        <img decoding=\"async\" src=\"https:\/\/vodoglobal.com\/wp-content\/uploads\/2026\/04\/Revenue-Customers.webp\" alt=\"Sales Management\">\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Why It Matters<\/h4>\r\n                            <p>\r\n                                Sales performance depends on structured visibility. Disconnected opportunity handling and inconsistent\r\n                                follow-up reduce pipeline clarity and create avoidable delays in revenue realization.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Core Value<\/h4>\r\n                            <div class=\"vodo-rc-tab-pro-points\">\r\n                                <div class=\"vodo-rc-tab-pro-point\">Stronger visibility across sales stages and opportunity status<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Better coordination between pipeline activity and commercial execution<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Improved follow-up discipline for more structured revenue progression<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-strip\">\r\n                        <h5>Built To Improve Sales Discipline Across The Pipeline<\/h5>\r\n                        <p>\r\n                            The module gives teams better structure around opportunity tracking, quotation flow, and sales activity,\r\n                            helping businesses move from fragmented sales follow-up to clearer commercial execution.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-mini-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Pipeline Visibility<\/strong>\r\n                            <span>Monitor opportunities and sales stages with more reliable operational clarity.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Execution Control<\/strong>\r\n                            <span>Support stronger coordination around quotations, follow-up, and commercial activity.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Conversion Discipline<\/strong>\r\n                            <span>Improve sales progression through better structure and more consistent follow-up.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"vodoRcTab3\" class=\"vodo-rc-tab-pro-panel\">\r\n                    <div class=\"vodo-rc-tab-pro-kicker\">Point of Sale (POS)<\/div>\r\n                    <h2 class=\"vodo-rc-tab-pro-title\">Connect Frontline Transactions With Real-Time Revenue Operations<\/h2>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        VODO Point of Sale connects transactions, customer activity, product movement, cashier operations,\r\n                        and revenue visibility into one integrated environment that supports faster and more controlled frontline execution.\r\n                    <\/p>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        Instead of isolated sales terminals, businesses gain a connected POS workflow that aligns retail or service transactions\r\n                        with the wider ERP ecosystem for better operational accuracy and stronger commercial monitoring.\r\n                    <\/p>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-actions\">\r\n                        <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/vodoglobal.com\/erp-solutions\/revenue-customers\/point-of-sale-pos\/\" class=\"vodo-rc-tab-pro-link primary\">Explore Point of Sale<\/a>\r\n                        <a href=\"https:\/\/vodoglobal.com\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"vodo-rc-tab-pro-link secondary\">Contact Us<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-hero\">\r\n                        <img decoding=\"async\" src=\"https:\/\/vodoglobal.com\/wp-content\/uploads\/2022\/03\/point-of-sale.webp\" alt=\"Point of Sale\">\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Why It Matters<\/h4>\r\n                            <p>\r\n                                Frontline transactions shape customer experience and daily revenue flow. Without a connected POS structure,\r\n                                businesses lose operational visibility and create gaps between transactions and core business records.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Core Value<\/h4>\r\n                            <div class=\"vodo-rc-tab-pro-points\">\r\n                                <div class=\"vodo-rc-tab-pro-point\">Connected transaction handling with stronger operational visibility<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Faster frontline execution across retail and service environments<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Better revenue monitoring inside one integrated ERP framework<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-strip\">\r\n                        <h5>Created To Strengthen Transaction Accuracy And Frontline Coordination<\/h5>\r\n                        <p>\r\n                            The module helps organizations manage real-time sales activity more effectively by linking customer transactions,\r\n                            product flow, and revenue records within one connected operating model.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-mini-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Transaction Clarity<\/strong>\r\n                            <span>Track sales activity with more consistent operational visibility across each point of sale.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Frontline Speed<\/strong>\r\n                            <span>Support faster customer-facing execution with a more connected transaction workflow.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Revenue Alignment<\/strong>\r\n                            <span>Keep frontline sales activity connected to broader revenue operations and ERP records.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"vodoRcTab4\" class=\"vodo-rc-tab-pro-panel\">\r\n                    <div class=\"vodo-rc-tab-pro-kicker\">Customer Support<\/div>\r\n                    <h2 class=\"vodo-rc-tab-pro-title\">Organize Customer Service With Better Visibility, Response Flow, And Support Continuity<\/h2>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        VODO Customer Support helps businesses manage service requests, follow-up activity, support interactions,\r\n                        case visibility, and customer issue handling through one connected service workflow.\r\n                    <\/p>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        This enables teams to improve response consistency, protect service quality, and maintain clearer visibility over\r\n                        customer needs after the sale, strengthening long-term engagement and trust.\r\n                    <\/p>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-actions\">\r\n                        <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/vodoglobal.com\/erp-solutions\/revenue-customers\/customer-support\/\" class=\"vodo-rc-tab-pro-link primary\">Explore Customer Support<\/a>\r\n                        <a href=\"https:\/\/vodoglobal.com\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"vodo-rc-tab-pro-link secondary\">Contact Us<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-hero\">\r\n                        <img decoding=\"async\" src=\"https:\/\/vodoglobal.com\/wp-content\/uploads\/2026\/04\/vodo-Revenue-Customers.webp\" alt=\"Customer Support\">\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Why It Matters<\/h4>\r\n                            <p>\r\n                                Customer relationships do not end after the transaction. Service continuity and response quality\r\n                                play a direct role in trust, retention, and the long-term value of each customer relationship.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Core Value<\/h4>\r\n                            <div class=\"vodo-rc-tab-pro-points\">\r\n                                <div class=\"vodo-rc-tab-pro-point\">Better visibility across support cases and response activity<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">More structured follow-up after the sale<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Stronger continuity in customer care and issue handling<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-strip\">\r\n                        <h5>Designed To Improve Service Quality After The Sale<\/h5>\r\n                        <p>\r\n                            The module helps businesses organize support operations more effectively by connecting service requests,\r\n                            response flow, and customer follow-up inside one structured support environment.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-mini-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Case Visibility<\/strong>\r\n                            <span>Track customer issues and service interactions through one organized support workflow.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Response Consistency<\/strong>\r\n                            <span>Support better follow-up and service continuity across post-sale customer needs.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Trust Retention<\/strong>\r\n                            <span>Strengthen long-term engagement through more reliable customer care operations.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div id=\"vodoRcTab5\" class=\"vodo-rc-tab-pro-panel\">\r\n                    <div class=\"vodo-rc-tab-pro-kicker\">E-commerce<\/div>\r\n                    <h2 class=\"vodo-rc-tab-pro-title\">Connect Digital Commerce To Orders, Customers, And Revenue Workflows<\/h2>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        VODO E-commerce helps businesses manage online selling through a connected environment where digital storefronts,\r\n                        customer orders, product activity, and revenue operations work together inside one integrated ERP ecosystem.\r\n                    <\/p>\r\n\r\n                    <p class=\"vodo-rc-tab-pro-text\">\r\n                        This gives organizations stronger control over digital commerce execution while improving alignment between online demand,\r\n                        customer activity, and the broader sales and operational workflow.\r\n                    <\/p>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-actions\">\r\n                        <a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/vodoglobal.com\/erp-solutions\/revenue-customers\/e-commerce\/\" class=\"vodo-rc-tab-pro-link primary\">Explore E-commerce<\/a>\r\n                        <a href=\"https:\/\/vodoglobal.com\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"vodo-rc-tab-pro-link secondary\">Contact Us<\/a>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-hero\">\r\n                        <img decoding=\"async\" src=\"https:\/\/vodoglobal.com\/wp-content\/uploads\/2026\/04\/Revenue-Customers.webp\" alt=\"E-commerce\">\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Why It Matters<\/h4>\r\n                            <p>\r\n                                Online commerce must stay connected to the rest of the business. Without an integrated digital workflow,\r\n                                businesses create operational gaps between customer demand, orders, and revenue follow-up.\r\n                            <\/p>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-card\">\r\n                            <h4>Core Value<\/h4>\r\n                            <div class=\"vodo-rc-tab-pro-points\">\r\n                                <div class=\"vodo-rc-tab-pro-point\">Connected digital selling inside the wider ERP environment<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Improved order visibility and stronger coordination with customer activity<\/div>\r\n                                <div class=\"vodo-rc-tab-pro-point\">Better alignment between online demand and revenue operations<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-strip\">\r\n                        <h5>Built To Improve Control Across Digital Revenue Channels<\/h5>\r\n                        <p>\r\n                            The module supports stronger commerce execution by connecting online orders, customer interactions,\r\n                            and revenue workflow visibility within one integrated digital business environment.\r\n                        <\/p>\r\n                    <\/div>\r\n\r\n                    <div class=\"vodo-rc-tab-pro-mini-grid\">\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Order Visibility<\/strong>\r\n                            <span>Track online commerce activity through a more connected and reliable digital workflow.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Customer Alignment<\/strong>\r\n                            <span>Keep digital demand and customer activity connected to the wider revenue environment.<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"vodo-rc-tab-pro-mini\">\r\n                            <strong>Commerce Control<\/strong>\r\n                            <span>Improve operational oversight across online sales and digital revenue execution.<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n    const section = document.getElementById(\"vodo-rc-tabs-pro\");\r\n    const buttons = document.querySelectorAll(\".vodo-rc-tabs-pro-btn\");\r\n    const panels = document.querySelectorAll(\".vodo-rc-tab-pro-panel\");\r\n    const scrollBox = document.getElementById(\"vodo-rc-tabs-pro-scroll\");\r\n\r\n    buttons.forEach(function(button){\r\n        button.addEventListener(\"click\", function(){\r\n            const targetId = this.getAttribute(\"data-tab\");\r\n            const targetPanel = document.getElementById(targetId);\r\n\r\n            buttons.forEach(function(btn){\r\n                btn.classList.remove(\"active\");\r\n            });\r\n\r\n            panels.forEach(function(panel){\r\n                panel.classList.remove(\"active\");\r\n            });\r\n\r\n            this.classList.add(\"active\");\r\n            targetPanel.classList.add(\"active\");\r\n\r\n            if(scrollBox){\r\n                scrollBox.scrollTo({\r\n                    top:0,\r\n                    behavior:\"smooth\"\r\n                });\r\n            }\r\n\r\n            if(section){\r\n                section.scrollIntoView({\r\n                    behavior:\"smooth\",\r\n                    block:\"start\"\r\n                });\r\n            }\r\n        });\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-abef404 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"abef404\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-17d2301\" data-id=\"17d2301\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9745a3c elementor-widget elementor-widget-html\" data-id=\"9745a3c\" 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>.vodo-rc-why{\r\n    background:#171c24;\r\n    padding:95px 30px;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n    position:relative;\r\n    overflow:hidden;\r\n}\r\n\r\n.vodo-rc-why-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n    position:relative;\r\n    z-index:2;\r\n}\r\n\r\n.vodo-rc-why-head{\r\n    max-width:760px;\r\n    margin-bottom:34px;\r\n}\r\n\r\n.vodo-rc-why-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:10px 18px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,0.05);\r\n    border:1px solid rgba(255,255,255,0.10);\r\n    color:#ffffff;\r\n    font-size:13px;\r\n    font-weight:700;\r\n    margin-bottom:22px;\r\n}\r\n\r\n.vodo-rc-why-tag:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-why-title{\r\n    margin:0 0 18px;\r\n    font-size:54px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-1.5px;\r\n    color:#ffffff !important;\r\n}\r\n\r\n.vodo-rc-why-title span{\r\n    display:block;\r\n    color:#ff5a43 !important;\r\n    margin-top:6px;\r\n}\r\n\r\n.vodo-rc-why-text{\r\n    margin:0;\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    color:#d6dde6;\r\n    max-width:760px;\r\n}\r\n\r\n.vodo-rc-why-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:24px;\r\n    margin-top:34px;\r\n}\r\n\r\n.vodo-rc-why-card{\r\n    background:linear-gradient(180deg,#1d2430 0%, #1a212c 100%);\r\n    border:1px solid rgba(255,255,255,0.08);\r\n    border-radius:26px;\r\n    padding:30px 28px;\r\n}\r\n\r\n.vodo-rc-why-card h3{\r\n    margin:0 0 20px;\r\n    font-size:28px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#ffffff;\r\n}\r\n\r\n.vodo-rc-why-list{\r\n    display:grid;\r\n    gap:14px;\r\n}\r\n\r\n.vodo-rc-why-item{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:14px;\r\n    font-size:16px;\r\n    line-height:1.8;\r\n    color:#edf1f5;\r\n}\r\n\r\n.vodo-rc-why-card.problem .vodo-rc-why-item:before{\r\n    content:\"\";\r\n    width:11px;\r\n    height:11px;\r\n    border-radius:50%;\r\n    background:#ff6a57;\r\n    flex-shrink:0;\r\n    margin-top:8px;\r\n}\r\n\r\n.vodo-rc-why-card.solution .vodo-rc-why-item:before{\r\n    content:\"\";\r\n    width:11px;\r\n    height:11px;\r\n    border-radius:50%;\r\n    background:#31c889;\r\n    flex-shrink:0;\r\n    margin-top:8px;\r\n}\r\n\r\n.vodo-rc-why-note{\r\n    margin-top:24px;\r\n    background:linear-gradient(135deg,#202733 0%, #262d39 100%);\r\n    border:1px solid rgba(255,255,255,0.08);\r\n    border-radius:24px;\r\n    padding:24px 26px;\r\n}\r\n\r\n.vodo-rc-why-note p{\r\n    margin:0;\r\n    font-size:16px;\r\n    line-height:1.9;\r\n    color:#d7dde6;\r\n}\r\n\r\n.vodo-rc-why-note strong{\r\n    color:#ffffff;\r\n}\r\n\r\n@media(max-width:1024px){\r\n    .vodo-rc-why-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .vodo-rc-why-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .vodo-rc-why{\r\n        padding:75px 22px;\r\n    }\r\n\r\n    .vodo-rc-why-title{\r\n        font-size:34px;\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    .vodo-rc-why-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .vodo-rc-why-card{\r\n        padding:24px 22px;\r\n        border-radius:22px;\r\n    }\r\n\r\n    .vodo-rc-why-card h3{\r\n        font-size:24px;\r\n    }\r\n\r\n    .vodo-rc-why-item{\r\n        font-size:15px;\r\n    }\r\n}\r\n<\/style><section class=\"vodo-rc-why\"><div class=\"vodo-rc-why-wrap\"><div class=\"vodo-rc-why-head\"><div class=\"vodo-rc-why-tag\">Why Integration Matters<\/div><h2 class=\"vodo-rc-why-title\">Why Revenue Systems Must Work\r\n<span>As One Connected Flow<\/span><\/h2><p class=\"vodo-rc-why-text\">Revenue performance weakens when customer data, sales activity, transactions, and support operations are managed across disconnected systems. VODO ERP helps organizations create one connected commercial environment with stronger visibility, faster coordination, and better customer continuity.\r\n<\/p><\/div><div class=\"vodo-rc-why-grid\"><div class=\"vodo-rc-why-card problem\"><h3>Without Integration<\/h3><div class=\"vodo-rc-why-list\"><div class=\"vodo-rc-why-item\">Customer information becomes fragmented across teams and channels<\/div><div class=\"vodo-rc-why-item\">Sales follow-up loses consistency between leads, quotations, and transactions<\/div><div class=\"vodo-rc-why-item\">Online and offline revenue activity become harder to monitor together<\/div><div class=\"vodo-rc-why-item\">Support teams operate without full commercial and customer context<\/div><\/div><\/div><div class=\"vodo-rc-why-card solution\"><h3>With VODO ERP<\/h3><div class=\"vodo-rc-why-list\"><div class=\"vodo-rc-why-item\">Customer lifecycle visibility stays connected from acquisition to retention<\/div><div class=\"vodo-rc-why-item\">Sales, CRM, POS, and e-commerce operate inside one revenue framework<\/div><div class=\"vodo-rc-why-item\">Commercial teams gain clearer revenue insight across all customer touchpoints<\/div><div class=\"vodo-rc-why-item\">Support continuity improves through stronger context and connected records<\/div><\/div><\/div><\/div><div class=\"vodo-rc-why-note\"><p><strong>VODO Revenue & Customers<\/strong> is designed to connect engagement, conversion, transactions, and service continuity inside one operational model \u2014 helping businesses reduce friction and improve commercial execution quality.<\/p><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-963cc66 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"963cc66\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01c049c\" data-id=\"01c049c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-46ce85a elementor-widget elementor-widget-html\" data-id=\"46ce85a\" 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>.vodo-rc-modules{\r\n    background:#f5f6f8;\r\n    padding:95px 30px;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vodo-rc-modules-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n.vodo-rc-modules-head{\r\n    max-width:760px;\r\n    margin-bottom:38px;\r\n}\r\n\r\n.vodo-rc-modules-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:11px 18px;\r\n    border-radius:999px;\r\n    background:#fff;\r\n    border:1px solid rgba(228,65,45,.10);\r\n    color:#e4412d;\r\n    font-size:13px;\r\n    font-weight:800;\r\n    margin-bottom:22px;\r\n}\r\n\r\n.vodo-rc-modules-tag:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-modules-title{\r\n    margin:0 0 16px;\r\n    font-size:54px;\r\n    line-height:1.08;\r\n    letter-spacing:-1.4px;\r\n    font-weight:800;\r\n    color:#1d2430;\r\n}\r\n\r\n.vodo-rc-modules-title span{\r\n    color:#e4412d;\r\n}\r\n\r\n.vodo-rc-modules-text{\r\n    margin:0;\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    color:#5e6978;\r\n    max-width:730px;\r\n}\r\n\r\n.vodo-rc-modules-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:24px;\r\n}\r\n\r\n.vodo-rc-modules-card{\r\n    background:#ffffff;\r\n    border:1px solid #e8ebef;\r\n    border-radius:28px;\r\n    padding:30px;\r\n    box-shadow:0 18px 45px rgba(20,25,35,.05);\r\n    transition:.25s ease;\r\n}\r\n\r\n.vodo-rc-modules-card:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 28px 55px rgba(20,25,35,.08);\r\n}\r\n\r\n.vodo-rc-modules-no{\r\n    width:46px;\r\n    height:46px;\r\n    border-radius:14px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:14px;\r\n    font-weight:800;\r\n    margin-bottom:22px;\r\n    color:#fff;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-modules-card:nth-child(2) .vodo-rc-modules-no{background:#7c4dff;}\r\n.vodo-rc-modules-card:nth-child(3) .vodo-rc-modules-no{background:#00a7c7;}\r\n.vodo-rc-modules-card:nth-child(4) .vodo-rc-modules-no{background:#2bb673;}\r\n.vodo-rc-modules-card:nth-child(5) .vodo-rc-modules-no{background:#ff9f1c;}\r\n.vodo-rc-modules-card:nth-child(6) .vodo-rc-modules-no{background:#243447;}\r\n\r\n.vodo-rc-modules-card h3{\r\n    margin:0 0 14px;\r\n    font-size:28px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#1d2430;\r\n}\r\n\r\n.vodo-rc-modules-card p{\r\n    margin:0;\r\n    font-size:16px;\r\n    line-height:1.85;\r\n    color:#5e6978;\r\n}\r\n\r\n@media(max-width:1024px){\r\n    .vodo-rc-modules-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .vodo-rc-modules-grid{\r\n        grid-template-columns:repeat(2,1fr);\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .vodo-rc-modules{\r\n        padding:75px 22px;\r\n    }\r\n\r\n    .vodo-rc-modules-title{\r\n        font-size:34px;\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    .vodo-rc-modules-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .vodo-rc-modules-grid{\r\n        grid-template-columns:1fr;\r\n        gap:18px;\r\n    }\r\n\r\n    .vodo-rc-modules-card{\r\n        padding:24px;\r\n        border-radius:22px;\r\n    }\r\n\r\n    .vodo-rc-modules-card h3{\r\n        font-size:24px;\r\n    }\r\n}\r\n<\/style><section class=\"vodo-rc-modules\"><div class=\"vodo-rc-modules-wrap\"><div class=\"vodo-rc-modules-head\"><div class=\"vodo-rc-modules-tag\">Core Revenue Modules<\/div><h2 class=\"vodo-rc-modules-title\">Connected Applications Built To <span>Drive Growth<\/span><\/h2><p class=\"vodo-rc-modules-text\">VODO ERP combines the essential customer-facing systems required to generate revenue, manage relationships, complete transactions, and sustain long-term customer value inside one connected environment.\r\n<\/p><\/div><div class=\"vodo-rc-modules-grid\"><div class=\"vodo-rc-modules-card\"><div class=\"vodo-rc-modules-no\">01<\/div><h3>CRM<\/h3><p>Manage leads, opportunities, customer records, follow-up history, and relationship visibility through one structured commercial workflow.<\/p><\/div><div class=\"vodo-rc-modules-card\"><div class=\"vodo-rc-modules-no\">02<\/div><h3>Sales Management<\/h3><p>Control quotations, pipelines, negotiations, approvals, and team execution with stronger visibility across the sales cycle.<\/p><\/div><div class=\"vodo-rc-modules-card\"><div class=\"vodo-rc-modules-no\">03<\/div><h3>Point of Sale<\/h3><p>Enable fast retail and branch transactions with connected billing, product data, stock sync, and revenue tracking.<\/p><\/div><div class=\"vodo-rc-modules-card\"><div class=\"vodo-rc-modules-no\">04<\/div><h3>E-commerce<\/h3><p>Connect digital storefront activity with orders, customers, inventory, and operational processes in one ecosystem.<\/p><\/div><div class=\"vodo-rc-modules-card\"><div class=\"vodo-rc-modules-no\">05<\/div><h3>Customer Support<\/h3><p>Track inquiries, service requests, communication history, and post-sale continuity with centralized customer context.<\/p><\/div><div class=\"vodo-rc-modules-card\"><div class=\"vodo-rc-modules-no\">06<\/div><h3>Revenue Analytics<\/h3><p>Measure conversion activity, customer trends, transactions, and performance signals to support better growth decisions.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-bef5608 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"bef5608\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-250cd54\" data-id=\"250cd54\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6197900 elementor-widget elementor-widget-html\" data-id=\"6197900\" 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>.vodo-rc-journey{\r\n    background:#171c24;\r\n    padding:90px 30px;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n    overflow:hidden;\r\n}\r\n\r\n.vodo-rc-journey-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n.vodo-rc-journey-head{\r\n    max-width:780px;\r\n    margin-bottom:34px;\r\n}\r\n\r\n.vodo-rc-journey-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:11px 18px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,.05);\r\n    border:1px solid rgba(255,255,255,.10);\r\n    color:#fff;\r\n    font-size:13px;\r\n    font-weight:800;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.vodo-rc-journey-tag:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-journey-title{\r\n    margin:0 0 16px;\r\n    font-size:52px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-1.3px;\r\n    color:#ffffff !important;\r\n}\r\n\r\n.vodo-rc-journey-title .line-1{\r\n    display:block;\r\n    color:#ffffff !important;\r\n}\r\n\r\n.vodo-rc-journey-title .line-2{\r\n    display:block;\r\n    color:#ff5a43 !important;\r\n    margin-top:6px;\r\n}\r\n\r\n.vodo-rc-journey-text{\r\n    margin:0;\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    color:#d3dbe5;\r\n    max-width:760px;\r\n}\r\n\r\n.vodo-rc-journey-flow{\r\n    display:grid;\r\n    grid-template-columns:repeat(5,1fr);\r\n    gap:18px;\r\n    align-items:stretch;\r\n}\r\n\r\n.vodo-rc-journey-step{\r\n    background:linear-gradient(180deg,#1e2530 0%, #1a212b 100%);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    border-radius:24px;\r\n    padding:26px 22px;\r\n    position:relative;\r\n    min-height:250px;\r\n    overflow:visible;\r\n}\r\n\r\n.vodo-rc-journey-step:after{\r\n    content:\"\u203a\";\r\n    position:absolute;\r\n    right:-17px;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    width:34px;\r\n    height:34px;\r\n    border-radius:50%;\r\n    background:#ffffff;\r\n    color:#1f242c;\r\n    font-size:24px;\r\n    font-weight:800;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    box-shadow:0 10px 24px rgba(0,0,0,.22);\r\n    z-index:3;\r\n}\r\n\r\n.vodo-rc-journey-step:last-child:after{\r\n    display:none;\r\n}\r\n\r\n.vodo-rc-journey-no{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    padding:8px 12px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,.06);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    font-size:12px;\r\n    font-weight:800;\r\n    color:#ffffff;\r\n    letter-spacing:1px;\r\n    margin-bottom:18px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.vodo-rc-journey-step h3{\r\n    margin:0 0 12px;\r\n    font-size:24px;\r\n    line-height:1.2;\r\n    font-weight:800;\r\n    color:#fff;\r\n}\r\n\r\n.vodo-rc-journey-step p{\r\n    margin:0;\r\n    font-size:15px;\r\n    line-height:1.8;\r\n    color:#d3dbe5;\r\n}\r\n\r\n@media(max-width:1200px){\r\n    .vodo-rc-journey-flow{\r\n        grid-template-columns:repeat(3,1fr);\r\n    }\r\n\r\n    .vodo-rc-journey-step:nth-child(3):after{\r\n        display:none;\r\n    }\r\n}\r\n\r\n@media(max-width:1024px){\r\n    .vodo-rc-journey-title{\r\n        font-size:42px;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .vodo-rc-journey{\r\n        padding:75px 22px;\r\n    }\r\n\r\n    .vodo-rc-journey-title{\r\n        font-size:34px;\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    .vodo-rc-journey-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .vodo-rc-journey-flow{\r\n        grid-template-columns:1fr;\r\n        gap:16px;\r\n    }\r\n\r\n    .vodo-rc-journey-step{\r\n        padding:24px 22px 28px;\r\n        border-radius:22px;\r\n        min-height:auto;\r\n    }\r\n\r\n    .vodo-rc-journey-step:after{\r\n        right:18px;\r\n        top:auto;\r\n        bottom:-17px;\r\n        transform:none;\r\n    }\r\n\r\n    .vodo-rc-journey-step:last-child:after{\r\n        display:none;\r\n    }\r\n\r\n    .vodo-rc-journey-step h3{\r\n        font-size:22px;\r\n    }\r\n}\r\n<\/style><section class=\"vodo-rc-journey\"><div class=\"vodo-rc-journey-wrap\"><div class=\"vodo-rc-journey-head\"><div class=\"vodo-rc-journey-tag\">Customer Journey Flow<\/div><h2 class=\"vodo-rc-journey-title\"><span class=\"line-1\">From First Lead To<\/span><span class=\"line-2\">Long-Term Retention<\/span><\/h2><p class=\"vodo-rc-journey-text\">VODO ERP connects the full customer lifecycle across acquisition, conversion, transactions, support, and retention \u2014 giving teams one clear operating path instead of disconnected systems.\r\n<\/p><\/div><div class=\"vodo-rc-journey-flow\"><div class=\"vodo-rc-journey-step\"><div class=\"vodo-rc-journey-no\">Step 01<\/div><h3>Attract<\/h3><p>Capture inquiries, campaigns, referrals, and new opportunities inside one CRM environment.<\/p><\/div><div class=\"vodo-rc-journey-step\"><div class=\"vodo-rc-journey-no\">Step 02<\/div><h3>Convert<\/h3><p>Manage quotations, negotiations, approvals, and sales execution with better visibility.<\/p><\/div><div class=\"vodo-rc-journey-step\"><div class=\"vodo-rc-journey-no\">Step 03<\/div><h3>Transact<\/h3><p>Complete payments, POS activity, orders, and billing through connected revenue channels.<\/p><\/div><div class=\"vodo-rc-journey-step\"><div class=\"vodo-rc-journey-no\">Step 04<\/div><h3>Support<\/h3><p>Track requests, service continuity, communication history, and customer issues centrally.<\/p><\/div><div class=\"vodo-rc-journey-step\"><div class=\"vodo-rc-journey-no\">Step 05<\/div><h3>Retain<\/h3><p>Use insights, follow-up, loyalty activity, and relationship visibility to grow lifetime value.<\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-3c8d30b elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3c8d30b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7e678b8\" data-id=\"7e678b8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a567f7f elementor-widget elementor-widget-html\" data-id=\"a567f7f\" 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>.vodo-rc-metrics{\r\n    background:#f5f6f8;\r\n    padding:95px 30px;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vodo-rc-metrics-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n.vodo-rc-metrics-head{\r\n    max-width:760px;\r\n    margin-bottom:40px;\r\n}\r\n\r\n.vodo-rc-metrics-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:11px 18px;\r\n    border-radius:999px;\r\n    background:#ffffff;\r\n    border:1px solid rgba(0,0,0,.06);\r\n    color:#1f242c;\r\n    font-size:13px;\r\n    font-weight:800;\r\n    margin-bottom:20px;\r\n}\r\n\r\n.vodo-rc-metrics-tag:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-metrics-title{\r\n    margin:0 0 16px;\r\n    font-size:54px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-1.4px;\r\n    color:#1f242c;\r\n}\r\n\r\n.vodo-rc-metrics-title span{\r\n    color:#e4412d;\r\n}\r\n\r\n.vodo-rc-metrics-text{\r\n    margin:0;\r\n    font-size:18px;\r\n    line-height:1.9;\r\n    color:#5e6775;\r\n    max-width:740px;\r\n}\r\n\r\n.vodo-rc-metrics-grid{\r\n    display:grid;\r\n    grid-template-columns:repeat(2,1fr);\r\n    gap:22px;\r\n}\r\n\r\n.vodo-rc-metric{\r\n    position:relative;\r\n    background:#ffffff;\r\n    border-radius:28px;\r\n    padding:28px 28px 30px;\r\n    border:1px solid rgba(25,31,41,.06);\r\n    box-shadow:0 16px 36px rgba(18,22,30,.05);\r\n    overflow:hidden;\r\n    transition:.28s ease;\r\n}\r\n\r\n.vodo-rc-metric:hover{\r\n    transform:translateY(-6px);\r\n    box-shadow:0 24px 50px rgba(18,22,30,.08);\r\n}\r\n\r\n.vodo-rc-metric:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    top:0;\r\n    left:0;\r\n    width:100%;\r\n    height:5px;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-metric.metric-2:before{background:#ff6a43;}\r\n.vodo-rc-metric.metric-3:before{background:#2b3445;}\r\n.vodo-rc-metric.metric-4:before{background:#66748a;}\r\n.vodo-rc-metric.metric-5:before{background:#c76a24;}\r\n.vodo-rc-metric.metric-6:before{background:#434f63;}\r\n\r\n.vodo-rc-metric-top{\r\n    display:grid;\r\n    grid-template-columns:64px 1fr;\r\n    gap:18px;\r\n    align-items:start;\r\n    margin-bottom:18px;\r\n}\r\n\r\n.vodo-rc-metric-no{\r\n    width:54px;\r\n    height:54px;\r\n    border-radius:18px;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    color:#fff;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-metric.metric-2 .vodo-rc-metric-no{background:#ff6a43;}\r\n.vodo-rc-metric.metric-3 .vodo-rc-metric-no{background:#2b3445;}\r\n.vodo-rc-metric.metric-4 .vodo-rc-metric-no{background:#66748a;}\r\n.vodo-rc-metric.metric-5 .vodo-rc-metric-no{background:#c76a24;}\r\n.vodo-rc-metric.metric-6 .vodo-rc-metric-no{background:#434f63;}\r\n\r\n.vodo-rc-metric-side{\r\n    text-align:right;\r\n    padding-top:2px;\r\n}\r\n\r\n.vodo-rc-metric-value{\r\n    margin:0;\r\n    font-size:32px;\r\n    line-height:1;\r\n    font-weight:900;\r\n    letter-spacing:-1px;\r\n    color:#18202c;\r\n}\r\n\r\n.vodo-rc-metric-kicker{\r\n    margin-top:4px;\r\n    font-size:12px;\r\n    font-weight:800;\r\n    letter-spacing:1.4px;\r\n    text-transform:uppercase;\r\n    color:#6c7890;\r\n}\r\n\r\n.vodo-rc-metric h3{\r\n    margin:0 0 14px;\r\n    font-size:28px;\r\n    line-height:1.25;\r\n    font-weight:400;\r\n    color:#1f242c;\r\n    max-width:85%;\r\n}\r\n\r\n.vodo-rc-metric p{\r\n    margin:0 0 18px;\r\n    font-size:16px;\r\n    line-height:1.85;\r\n    color:#5e6775;\r\n    max-width:90%;\r\n}\r\n\r\n.vodo-rc-metric-points{\r\n    display:grid;\r\n    gap:10px;\r\n}\r\n\r\n.vodo-rc-metric-point{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:10px;\r\n    font-size:15px;\r\n    line-height:1.75;\r\n    color:#1f242c;\r\n    font-weight:700;\r\n}\r\n\r\n.vodo-rc-metric-point:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n    flex-shrink:0;\r\n    margin-top:9px;\r\n}\r\n\r\n.vodo-rc-metric.metric-2 .vodo-rc-metric-point:before{background:#ff6a43;}\r\n.vodo-rc-metric.metric-3 .vodo-rc-metric-point:before{background:#2b3445;}\r\n.vodo-rc-metric.metric-4 .vodo-rc-metric-point:before{background:#66748a;}\r\n.vodo-rc-metric.metric-5 .vodo-rc-metric-point:before{background:#c76a24;}\r\n.vodo-rc-metric.metric-6 .vodo-rc-metric-point:before{background:#434f63;}\r\n\r\n@media(max-width:1024px){\r\n    .vodo-rc-metrics-title{\r\n        font-size:42px;\r\n    }\r\n\r\n    .vodo-rc-metrics-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .vodo-rc-metrics{\r\n        padding:75px 22px;\r\n    }\r\n\r\n    .vodo-rc-metrics-title{\r\n        font-size:34px;\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    .vodo-rc-metrics-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .vodo-rc-metric{\r\n        padding:24px 22px 26px;\r\n        border-radius:22px;\r\n    }\r\n\r\n    .vodo-rc-metric-top{\r\n        grid-template-columns:56px 1fr;\r\n        gap:14px;\r\n    }\r\n\r\n    .vodo-rc-metric-no{\r\n        width:48px;\r\n        height:48px;\r\n        border-radius:16px;\r\n    }\r\n\r\n    .vodo-rc-metric-value{\r\n        font-size:28px;\r\n    }\r\n\r\n    .vodo-rc-metric h3{\r\n        font-size:24px;\r\n        max-width:none;\r\n    }\r\n\r\n    .vodo-rc-metric p{\r\n        max-width:none;\r\n        font-size:15px;\r\n    }\r\n}\r\n<\/style><section class=\"vodo-rc-metrics\"><div class=\"vodo-rc-metrics-wrap\"><div class=\"vodo-rc-metrics-head\"><div class=\"vodo-rc-metrics-tag\">Commercial Visibility<\/div><h2 class=\"vodo-rc-metrics-title\">Measure What Drives <span>Revenue Growth<\/span><\/h2><p class=\"vodo-rc-metrics-text\">VODO ERP helps organizations monitor pipeline activity, conversions, transactions, support responsiveness, and retention signals through one connected performance environment.\r\n<\/p><\/div><div class=\"vodo-rc-metrics-grid\"><div class=\"vodo-rc-metric metric-1\"><div class=\"vodo-rc-metric-top\"><div class=\"vodo-rc-metric-no\">01<\/div><div class=\"vodo-rc-metric-side\"><div class=\"vodo-rc-metric-value\">360\u00b0<\/div><div class=\"vodo-rc-metric-kicker\">Customer View<\/div><\/div><\/div><h3>Unified Customer Visibility Across Every Revenue Touchpoint<\/h3><p>Bring leads, opportunities, transactions, service history, and customer context into one commercial environment.<\/p><div class=\"vodo-rc-metric-points\"><div class=\"vodo-rc-metric-point\">Track contacts, deals, and customer history centrally<\/div><div class=\"vodo-rc-metric-point\">Reduce fragmentation across teams and channels<\/div><\/div><\/div><div class=\"vodo-rc-metric metric-2\"><div class=\"vodo-rc-metric-top\"><div class=\"vodo-rc-metric-no\">02<\/div><div class=\"vodo-rc-metric-side\"><div class=\"vodo-rc-metric-value\">24\/7<\/div><div class=\"vodo-rc-metric-kicker\">Live Visibility<\/div><\/div><\/div><h3>Real-Time Monitoring Across Revenue Channels And Activity<\/h3><p>Stay informed across pipeline movement, online demand, POS execution, and customer service responsiveness.<\/p><div class=\"vodo-rc-metric-points\"><div class=\"vodo-rc-metric-point\">Monitor sales and commerce activity continuously<\/div><div class=\"vodo-rc-metric-point\">Improve reaction speed across commercial operations<\/div><\/div><\/div><div class=\"vodo-rc-metric metric-3\"><div class=\"vodo-rc-metric-top\"><div class=\"vodo-rc-metric-no\">03<\/div><div class=\"vodo-rc-metric-side\"><div class=\"vodo-rc-metric-value\">1X<\/div><div class=\"vodo-rc-metric-kicker\">One Workflow<\/div><\/div><\/div><h3>One Connected Workflow For Sales, Service, And Transactions<\/h3><p>Replace disconnected systems with a unified operating model across CRM, POS, support, and e-commerce.<\/p><div class=\"vodo-rc-metric-points\"><div class=\"vodo-rc-metric-point\">Connect online and offline revenue activity<\/div><div class=\"vodo-rc-metric-point\">Support smoother handoffs across the customer lifecycle<\/div><\/div><\/div><div class=\"vodo-rc-metric metric-4\"><div class=\"vodo-rc-metric-top\"><div class=\"vodo-rc-metric-no\">04<\/div><div class=\"vodo-rc-metric-side\"><div class=\"vodo-rc-metric-value\">CX+<\/div><div class=\"vodo-rc-metric-kicker\">Service Continuity<\/div><\/div><\/div><h3>Better Service Continuity And Customer Retention Readiness<\/h3><p>Keep support interactions and customer needs connected to the wider commercial context after the sale.<\/p><div class=\"vodo-rc-metric-points\"><div class=\"vodo-rc-metric-point\">Strengthen post-sale engagement quality<\/div><div class=\"vodo-rc-metric-point\">Improve continuity across support and retention<\/div><\/div><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0344496 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0344496\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5ad550b\" data-id=\"5ad550b\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-99beece elementor-widget elementor-widget-html\" data-id=\"99beece\" 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>.vodo-rc-final-cta{\r\n    background:#171c24;\r\n    padding:95px 30px;\r\n    font-family:Arial, Helvetica, sans-serif;\r\n}\r\n\r\n.vodo-rc-final-cta-wrap{\r\n    max-width:1280px;\r\n    margin:0 auto;\r\n}\r\n\r\n.vodo-rc-final-cta-box{\r\n    position:relative;\r\n    overflow:hidden;\r\n    border-radius:32px;\r\n    padding:58px 56px;\r\n    background:linear-gradient(90deg,#1b2230 0%, #1f2735 55%, #202936 100%);\r\n    border:1px solid rgba(255,255,255,.08);\r\n    box-shadow:0 24px 60px rgba(0,0,0,.20);\r\n}\r\n\r\n.vodo-rc-final-cta-box:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(90deg,rgba(228,65,45,.05) 0%, transparent 30%, transparent 70%, rgba(228,65,45,.04) 100%);\r\n    pointer-events:none;\r\n}\r\n\r\n.vodo-rc-final-cta-grid{\r\n    position:relative;\r\n    z-index:2;\r\n    display:grid;\r\n    grid-template-columns:1.05fr .95fr;\r\n    gap:42px;\r\n    align-items:center;\r\n}\r\n\r\n.vodo-rc-final-cta-tag{\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap:10px;\r\n    padding:11px 18px;\r\n    border-radius:999px;\r\n    background:rgba(255,255,255,.05);\r\n    border:1px solid rgba(255,255,255,.10);\r\n    color:#ffffff;\r\n    font-size:13px;\r\n    font-weight:800;\r\n    margin-bottom:22px;\r\n}\r\n\r\n.vodo-rc-final-cta-tag:before{\r\n    content:\"\";\r\n    width:8px;\r\n    height:8px;\r\n    border-radius:50%;\r\n    background:#e4412d;\r\n}\r\n\r\n.vodo-rc-final-cta-title{\r\n    margin:0 0 18px;\r\n    font-size:52px;\r\n    line-height:1.08;\r\n    font-weight:800;\r\n    letter-spacing:-1.3px;\r\n    color:#ffffff !important;\r\n}\r\n\r\n.vodo-rc-final-cta-title .line-1{\r\n    display:block;\r\n    color:#ffffff !important;\r\n}\r\n\r\n.vodo-rc-final-cta-title .line-2{\r\n    display:block;\r\n    color:#ff5a43 !important;\r\n    margin-top:6px;\r\n}\r\n\r\n.vodo-rc-final-cta-text{\r\n    margin:0;\r\n    font-size:18px;\r\n    line-height:1.95;\r\n    color:#d5dde7;\r\n    max-width:650px;\r\n}\r\n\r\n.vodo-rc-final-cta-points{\r\n    display:grid;\r\n    gap:16px;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.vodo-rc-final-cta-point{\r\n    display:flex;\r\n    align-items:flex-start;\r\n    gap:12px;\r\n    font-size:16px;\r\n    line-height:1.8;\r\n    color:#ffffff;\r\n    font-weight:700;\r\n}\r\n\r\n.vodo-rc-final-cta-point:before{\r\n    content:\"\";\r\n    width:9px;\r\n    height:9px;\r\n    border-radius:50%;\r\n    background:#35c98b;\r\n    flex-shrink:0;\r\n    margin-top:9px;\r\n}\r\n\r\n.vodo-rc-final-cta-actions{\r\n    display:flex;\r\n    gap:14px;\r\n    flex-wrap:wrap;\r\n}\r\n\r\n.vodo-rc-final-cta-btn{\r\n    min-width:190px;\r\n    padding:16px 24px;\r\n    border-radius:14px;\r\n    text-decoration:none;\r\n    text-align:center;\r\n    font-size:16px;\r\n    font-weight:800;\r\n    transition:.28s ease;\r\n}\r\n\r\n.vodo-rc-final-cta-btn.primary{\r\n    background:#e4412d;\r\n    color:#fff;\r\n    box-shadow:0 14px 30px rgba(228,65,45,.22);\r\n}\r\n\r\n.vodo-rc-final-cta-btn.primary:hover{\r\n    transform:translateY(-2px);\r\n}\r\n\r\n.vodo-rc-final-cta-btn.secondary{\r\n    color:#fff;\r\n    background:rgba(255,255,255,.04);\r\n    border:1px solid rgba(255,255,255,.12);\r\n}\r\n\r\n.vodo-rc-final-cta-btn.secondary:hover{\r\n    transform:translateY(-2px);\r\n}\r\n\r\n@media(max-width:1024px){\r\n    .vodo-rc-final-cta-grid{\r\n        grid-template-columns:1fr;\r\n        gap:30px;\r\n    }\r\n\r\n    .vodo-rc-final-cta-title{\r\n        font-size:42px;\r\n    }\r\n}\r\n\r\n@media(max-width:767px){\r\n    .vodo-rc-final-cta{\r\n        padding:75px 22px;\r\n    }\r\n\r\n    .vodo-rc-final-cta-box{\r\n        padding:34px 24px;\r\n        border-radius:24px;\r\n    }\r\n\r\n    .vodo-rc-final-cta-title{\r\n        font-size:34px;\r\n        letter-spacing:-.7px;\r\n    }\r\n\r\n    .vodo-rc-final-cta-text{\r\n        font-size:16px;\r\n    }\r\n\r\n    .vodo-rc-final-cta-btn{\r\n        width:100%;\r\n        min-width:0;\r\n    }\r\n}\r\n<\/style><section class=\"vodo-rc-final-cta\"><div class=\"vodo-rc-final-cta-wrap\"><div class=\"vodo-rc-final-cta-box\"><div class=\"vodo-rc-final-cta-grid\"><div><div class=\"vodo-rc-final-cta-tag\">Ready To Connect Revenue Operations?<\/div><h2 class=\"vodo-rc-final-cta-title\"><span class=\"line-1\">Turn Customer Activity Into<\/span><span class=\"line-2\">Connected Revenue Performance<\/span><\/h2><p class=\"vodo-rc-final-cta-text\">Discover how VODO ERP helps organizations manage customer engagement, sales execution, transactions, and support continuity inside one unified revenue environment.\r\n<\/p><\/div><div><div class=\"vodo-rc-final-cta-points\"><div class=\"vodo-rc-final-cta-point\">Unify CRM, sales, POS, e-commerce, and support<\/div><div class=\"vodo-rc-final-cta-point\">Improve visibility across the full customer lifecycle<\/div><div class=\"vodo-rc-final-cta-point\">Strengthen growth execution through one connected workflow<\/div><\/div><div class=\"vodo-rc-final-cta-actions\"><a target=\"_blank\" rel=\"noopener\" href=\"https:\/\/api.whatsapp.com\/send?phone=966531116604\" class=\"vodo-rc-final-cta-btn primary\">WhatsApp Us<\/a><a href=\"https:\/\/vodoglobal.com\/ar\/%d8%aa%d9%88%d8%a7%d8%b5%d9%84-%d9%85%d8%b9%d9%86%d8%a7\/\" class=\"vodo-rc-final-cta-btn secondary\">Contact Us<\/a><\/div><\/div><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>.vodo-rc-hero-split{ position:relative; overflow:hidden; background:#171c24; padding:0; font-family:Arial, Helvetica, sans-serif; color:#fff; } .vodo-rc-hero-split-wrap{ max-width:1440px; margin:0 auto; height:640px; display:grid; grid-template-columns:47% 53%; align-items:stretch; } .vodo-rc-hero-split-content{ position:relative; z-index:3; display:flex; align-items:center; padding:30px 46px 30px 24px; background: linear-gradient(180deg, rgba(255,255,255,0.015) 0%, rgba(255,255,255,0.00) 100%), linear-gradient(135deg,#171c24 0%, #1d2430 100%); } .vodo-rc-hero-split-inner{ max-width:500px; margin-left:auto; } .vodo-rc-hero-split-badge{ display:inline-flex; align-items:center; gap:10px; padding:9px 16px; border-radius:999px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8176,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-8301","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/pages\/8301","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/comments?post=8301"}],"version-history":[{"count":6,"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/pages\/8301\/revisions"}],"predecessor-version":[{"id":8421,"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/pages\/8301\/revisions\/8421"}],"up":[{"embeddable":true,"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/pages\/8176"}],"wp:attachment":[{"href":"https:\/\/vodoglobal.com\/ar\/wp-json\/wp\/v2\/media?parent=8301"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}