{"id":507,"date":"2026-08-10T16:43:04","date_gmt":"2026-08-10T16:43:04","guid":{"rendered":"https:\/\/revamp.applivon.com\/?page_id=507"},"modified":"2026-09-02T12:56:56","modified_gmt":"2026-09-02T12:56:56","slug":"home","status":"publish","type":"page","link":"https:\/\/revamp.applivon.com\/","title":{"rendered":"home page version-4"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"507\" class=\"elementor elementor-507\">\n\t\t\t\t<div class=\"elementor-element elementor-element-938ee42 e-con-full e-flex e-con e-parent\" data-id=\"938ee42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3dcae10 elementor-widget elementor-widget-shortcode\" data-id=\"3dcae10\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"133\" class=\"elementor elementor-133\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f6ff62 e-con-full e-flex e-con e-parent\" data-id=\"2f6ff62\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-951d0d8 elementor-widget elementor-widget-html\" data-id=\"951d0d8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     APPLIVON RESPONSIVE HEADER\r\n     - Original \u2193 arrow preserved\r\n     - All 4 dropdowns work on mobile\r\n     - Solutions & Services main page linked\r\n     - About Us main page available inside dropdown\r\n     - FIX: hover-gap bug that made dropdowns close instantly\r\n========================================================= -->\r\n\r\n<header class=\"applivon-header\">\r\n\r\n    <div class=\"applivon-nav\">\r\n\r\n        <!-- =================================================\r\n             LOGO\r\n        ================================================== -->\r\n\r\n        <a\r\n            href=\"https:\/\/revamp.applivon.com\/index.php\/home\/\"\r\n            class=\"applivon-logo\"\r\n        >\r\n            <img decoding=\"async\"\r\n                src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/applivon-new-logo-v1-large-dark.png\"\r\n                alt=\"Applivon\"\r\n            >\r\n        <\/a>\r\n\r\n\r\n        <!-- =================================================\r\n             MOBILE MENU BUTTON\r\n        ================================================== -->\r\n\r\n        <button\r\n            class=\"applivon-mobile-toggle\"\r\n            id=\"applivonMobileToggle\"\r\n            type=\"button\"\r\n            aria-label=\"Open navigation\"\r\n            aria-expanded=\"false\"\r\n        >\r\n            <span><\/span>\r\n            <span><\/span>\r\n            <span><\/span>\r\n        <\/button>\r\n\r\n\r\n        <!-- =================================================\r\n             NAVIGATION\r\n        ================================================== -->\r\n\r\n        <nav\r\n            class=\"applivon-menu\"\r\n            id=\"applivonMenu\"\r\n        >\r\n\r\n            <!-- =================================================\r\n                 HOME\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/revamp.applivon.com\/index.php\/home\/\"\r\n                class=\"applivon-link\"\r\n            >\r\n                Home\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n                 SOLUTIONS & SERVICES\r\n            ================================================== -->\r\n\r\n            <div class=\"applivon-menu-item\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"applivon-link applivon-dropdown-toggle\"\r\n                    aria-expanded=\"false\"\r\n                >\r\n\r\n                    <span>\r\n                        Solutions &amp; Services\r\n                    <\/span>\r\n\r\n                    <!-- ORIGINAL ARROW -->\r\n                    <span class=\"applivon-arrow\">\r\n                        \u2193\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <div class=\"applivon-dropdown\">\r\n\r\n                    <!-- Main Solutions & Services page -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/solutions-services\/\"\r\n                    >\r\n                        Solutions &amp; Services\r\n                    <\/a>\r\n\r\n                    <!-- Industries -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/industries-page\/\"\r\n                    >\r\n                        Industries\r\n                    <\/a>\r\n\r\n                    <!-- Use Cases -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/use-cases\/\"\r\n                    >\r\n                        Use Case Solutions\r\n                    <\/a>\r\n\r\n                    <!-- Services -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/services-page\/\"\r\n                    >\r\n                        Services\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 ODOO ERP\r\n            ================================================== -->\r\n\r\n            <div class=\"applivon-menu-item\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"applivon-link applivon-dropdown-toggle\"\r\n                    aria-expanded=\"false\"\r\n                >\r\n\r\n                    <span>\r\n                        Odoo ERP Solution\r\n                    <\/span>\r\n\r\n                    <!-- ORIGINAL ARROW -->\r\n                    <span class=\"applivon-arrow\">\r\n                        \u2193\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <div class=\"applivon-dropdown\">\r\n\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/odoo-erp\/\"\r\n                    >\r\n                        Odoo ERP\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 RESOURCES\r\n            ================================================== -->\r\n\r\n            <div class=\"applivon-menu-item\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"applivon-link applivon-dropdown-toggle\"\r\n                    aria-expanded=\"false\"\r\n                >\r\n\r\n                    <span>\r\n                        Resources\r\n                    <\/span>\r\n\r\n                    <!-- ORIGINAL ARROW -->\r\n                    <span class=\"applivon-arrow\">\r\n                        \u2193\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <div class=\"applivon-dropdown\">\r\n\r\n                    <!-- Case Studies -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/coustomer-success-and-case-studies\/\"\r\n                    >\r\n                        Case Studies\r\n                    <\/a>\r\n\r\n                    <!-- Blogs -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/blog-page\/\"\r\n                    >\r\n                        Blogs\r\n                    <\/a>\r\n\r\n                    <!-- FAQ -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/faq-page\/\"\r\n                    >\r\n                        FAQ\r\n                    <\/a>\r\n\r\n                    <!-- Resources -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/resources\/\"\r\n                    >\r\n                        Resources\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 SG GRANTS\r\n            ================================================== -->\r\n\r\n            <a\r\n                href=\"https:\/\/revamp.applivon.com\/index.php\/sg-grant\/\"\r\n                class=\"applivon-link\"\r\n            >\r\n                SG Grants\r\n            <\/a>\r\n\r\n\r\n            <!-- =================================================\r\n                 ABOUT US\r\n                 DROPDOWN RESTORED\r\n            ================================================== -->\r\n\r\n            <div class=\"applivon-menu-item\">\r\n\r\n                <button\r\n                    type=\"button\"\r\n                    class=\"applivon-link applivon-dropdown-toggle\"\r\n                    aria-expanded=\"false\"\r\n                >\r\n\r\n                    <span>\r\n                        About Us\r\n                    <\/span>\r\n\r\n                    <!-- ORIGINAL ARROW -->\r\n                    <span class=\"applivon-arrow\">\r\n                        \u2193\r\n                    <\/span>\r\n\r\n                <\/button>\r\n\r\n\r\n                <div class=\"applivon-dropdown\">\r\n\r\n                    <!-- About Us -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/about\/\"\r\n                    >\r\n                        About Us\r\n                    <\/a>\r\n\r\n                    <!-- Partnership -->\r\n                    <a\r\n                        href=\"https:\/\/revamp.applivon.com\/index.php\/partner-referrals\/\"\r\n                    >\r\n                        Partnership\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- =================================================\r\n                 MOBILE GET DEMO\r\n            ================================================== -->\r\n\r\n            <div class=\"applivon-mobile-cta\">\r\n\r\n                <a\r\n                    href=\"https:\/\/revamp.applivon.com\/index.php\/conatct\/\"\r\n                    class=\"applivon-cta\"\r\n                >\r\n\r\n                    <span>\r\n                        Get Demo\r\n                    <\/span>\r\n\r\n                    <span>\r\n                        \u2192\r\n                    <\/span>\r\n\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n        <\/nav>\r\n\r\n\r\n        <!-- =================================================\r\n             DESKTOP GET DEMO\r\n        ================================================== -->\r\n\r\n        <a\r\n            href=\"https:\/\/revamp.applivon.com\/index.php\/conatct\/\"\r\n            class=\"applivon-desktop-cta applivon-cta\"\r\n        >\r\n\r\n            <span>\r\n                Get Demo\r\n            <\/span>\r\n\r\n            <span>\r\n                \u2192\r\n            <\/span>\r\n\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/header>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   RESET \/ BASE\r\n========================================================= *\/\r\n\r\n.applivon-header,\r\n.applivon-header * {\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADER\r\n========================================================= *\/\r\n\r\n.applivon-header {\r\n\r\n    width: 100%;\r\n\r\n    background: #0B2554;\r\n\r\n    position: relative;\r\n\r\n    z-index: 99999;\r\n\r\n    font-family:\r\n        Inter,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN NAV CONTAINER\r\n========================================================= *\/\r\n\r\n.applivon-nav {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1500px;\r\n\r\n    min-height: 82px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 0 28px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 22px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LOGO\r\n========================================================= *\/\r\n\r\n.applivon-logo {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    flex: 0 0 auto;\r\n\r\n    text-decoration: none;\r\n\r\n}\r\n\r\n\r\n.applivon-logo img {\r\n\r\n    display: block;\r\n\r\n    width: 185px;\r\n\r\n    max-width: 185px;\r\n\r\n    height: auto;\r\n\r\n    max-height: 58px;\r\n\r\n    object-fit: contain;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN MENU\r\n========================================================= *\/\r\n\r\n.applivon-menu {\r\n\r\n    flex: 1 1 auto;\r\n\r\n    min-width: 0;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MENU ITEM\r\n========================================================= *\/\r\n\r\n.applivon-menu-item {\r\n\r\n    position: relative;\r\n\r\n    flex: 0 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MENU LINKS\r\n========================================================= *\/\r\n\r\n.applivon-link {\r\n\r\n    appearance: none;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 7px;\r\n\r\n    padding: 12px 12px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.2;\r\n\r\n    text-decoration: none;\r\n\r\n    white-space: nowrap;\r\n\r\n    cursor: pointer;\r\n\r\n    transition:\r\n        color 0.2s ease,\r\n        background 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.applivon-link:hover {\r\n\r\n    color: #4D8DFF;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DROPDOWN ARROW\r\n   ORIGINAL DESIGN \u2014 DO NOT CHANGE\r\n========================================================= *\/\r\n\r\n.applivon-arrow {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform 0.25s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP DROPDOWN\r\n   FIX: top is now flush (100%, no gap). The old 6px visual\r\n   gap is recreated as padding-top INSIDE the box instead,\r\n   so the gap area is still part of .applivon-menu-item's\r\n   hoverable region and the menu no longer closes when your\r\n   cursor crosses from the link down into the dropdown.\r\n========================================================= *\/\r\n\r\n.applivon-dropdown {\r\n\r\n    position: absolute;\r\n\r\n    top: 100%;\r\n\r\n    left: 0;\r\n\r\n    min-width: 235px;\r\n\r\n    padding: 15px 9px 9px 9px;\r\n\r\n    background: #0B2554;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(255,255,255,0.10);\r\n\r\n    border-radius: 12px;\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(0,0,0,0.40);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform: translateY(4px);\r\n\r\n    pointer-events: none;\r\n\r\n    transition:\r\n        opacity 0.2s ease,\r\n        visibility 0.2s ease,\r\n        transform 0.2s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DROPDOWN LINKS\r\n========================================================= *\/\r\n\r\n.applivon-dropdown a {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 45px;\r\n\r\n    padding: 10px 13px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.3;\r\n\r\n    text-decoration: none;\r\n\r\n    white-space: nowrap;\r\n\r\n    border-radius: 8px;\r\n\r\n    transition:\r\n        color 0.2s ease,\r\n        background 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.applivon-dropdown a:hover {\r\n\r\n    color: #FFFFFF;\r\n\r\n    background:\r\n        rgba(36,107,235,0.18);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP DROPDOWN HOVER\r\n========================================================= *\/\r\n\r\n@media (min-width: 901px) {\r\n\r\n    .applivon-menu-item:hover\r\n    .applivon-dropdown,\r\n    .applivon-menu-item:focus-within\r\n    .applivon-dropdown {\r\n\r\n        opacity: 1;\r\n\r\n        visibility: visible;\r\n\r\n        transform: translateY(0);\r\n\r\n        pointer-events: auto;\r\n\r\n    }\r\n\r\n\r\n    \/* ORIGINAL ARROW ROTATION *\/\r\n\r\n    .applivon-menu-item:hover\r\n    .applivon-arrow,\r\n    .applivon-menu-item:focus-within\r\n    .applivon-arrow {\r\n\r\n        transform: rotate(180deg);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CTA\r\n========================================================= *\/\r\n\r\n.applivon-cta {\r\n\r\n    position: relative;\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    min-width: 140px;\r\n\r\n    padding: 14px 20px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1A5BD3,\r\n            #0F3F9E\r\n        );\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    text-decoration: none;\r\n\r\n    box-shadow:\r\n        0 14px 26px -12px\r\n        rgba(26,91,211,0.5);\r\n\r\n    transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.applivon-cta:hover {\r\n\r\n    color: #FFFFFF;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 18px 32px -10px\r\n        rgba(26,91,211,0.58);\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESKTOP CTA\r\n========================================================= *\/\r\n\r\n.applivon-desktop-cta {\r\n\r\n    flex: 0 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE CTA\r\n========================================================= *\/\r\n\r\n.applivon-mobile-cta {\r\n\r\n    display: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE HAMBURGER\r\n========================================================= *\/\r\n\r\n.applivon-mobile-toggle {\r\n\r\n    display: none;\r\n\r\n    width: 44px;\r\n\r\n    height: 44px;\r\n\r\n    padding: 0;\r\n\r\n    margin: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 8px;\r\n\r\n    background: transparent;\r\n\r\n    cursor: pointer;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 5px;\r\n\r\n}\r\n\r\n\r\n.applivon-mobile-toggle span {\r\n\r\n    display: block;\r\n\r\n    width: 23px;\r\n\r\n    height: 2px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border-radius: 2px;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        opacity 0.25s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LAPTOP\r\n========================================================= *\/\r\n\r\n@media (min-width: 901px) and (max-width: 1200px) {\r\n\r\n    .applivon-nav {\r\n\r\n        min-height: 76px;\r\n\r\n        padding-left: 18px;\r\n\r\n        padding-right: 18px;\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-logo img {\r\n\r\n        width: 150px;\r\n\r\n        max-width: 150px;\r\n\r\n        max-height: 52px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-menu {\r\n\r\n        gap: 0;\r\n\r\n    }\r\n\r\n\r\n    .applivon-link {\r\n\r\n        padding-left: 6px;\r\n\r\n        padding-right: 6px;\r\n\r\n        font-size: 13px;\r\n\r\n        gap: 5px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-arrow {\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-desktop-cta {\r\n\r\n        min-width: 116px;\r\n\r\n        padding:\r\n            13px 14px;\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET \/ MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .applivon-nav {\r\n\r\n        min-height: 74px;\r\n\r\n        padding:\r\n            0 20px;\r\n\r\n        justify-content: space-between;\r\n\r\n        gap: 15px;\r\n\r\n    }\r\n\r\n\r\n    \/* LOGO *\/\r\n\r\n    .applivon-logo img {\r\n\r\n        width: 165px;\r\n\r\n        max-width: 165px;\r\n\r\n        max-height: 54px;\r\n\r\n    }\r\n\r\n\r\n    \/* HIDE DESKTOP CTA *\/\r\n\r\n    .applivon-desktop-cta {\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    \/* SHOW HAMBURGER *\/\r\n\r\n    .applivon-mobile-toggle {\r\n\r\n        display: flex;\r\n\r\n        flex: 0 0 auto;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE MENU\r\n       SAME NAVY AS HEADER\r\n    ===================================================== *\/\r\n\r\n    .applivon-menu {\r\n\r\n        position: absolute;\r\n\r\n        top: 100%;\r\n\r\n        left: 0;\r\n\r\n        right: 0;\r\n\r\n        width: 100%;\r\n\r\n        max-height:\r\n            calc(100vh - 74px);\r\n\r\n        overflow-y: auto;\r\n\r\n        padding:\r\n            12px 18px 22px;\r\n\r\n        background: #0B2554;\r\n\r\n        border-top:\r\n            1px solid\r\n            rgba(255,255,255,0.12);\r\n\r\n        box-shadow:\r\n            0 18px 35px\r\n            rgba(0,0,0,0.25);\r\n\r\n        display: none;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        justify-content: flex-start;\r\n\r\n        gap: 3px;\r\n\r\n    }\r\n\r\n\r\n    \/* OPEN MENU *\/\r\n\r\n    .applivon-menu.menu-open {\r\n\r\n        display: flex;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE MENU LINKS\r\n    ===================================================== *\/\r\n\r\n    .applivon-link {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 50px;\r\n\r\n        padding:\r\n            14px 12px;\r\n\r\n        justify-content: space-between;\r\n\r\n        font-size: 15px;\r\n\r\n        text-align: left;\r\n\r\n        color: #FFFFFF;\r\n\r\n        border-radius: 7px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-link:hover {\r\n\r\n        color: #FFFFFF;\r\n\r\n        background:\r\n            rgba(255,255,255,0.07);\r\n\r\n    }\r\n\r\n\r\n    \/* MENU ITEM *\/\r\n\r\n    .applivon-menu-item {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE DROPDOWN\r\n    ===================================================== *\/\r\n\r\n    .applivon-dropdown {\r\n\r\n        position: static;\r\n\r\n        width: 100%;\r\n\r\n        min-width: 0;\r\n\r\n        padding:\r\n            3px 0 7px 12px;\r\n\r\n        background:\r\n            rgba(0,0,0,0.10);\r\n\r\n        border: 0;\r\n\r\n        border-radius: 8px;\r\n\r\n        box-shadow: none;\r\n\r\n        opacity: 1;\r\n\r\n        visibility: visible;\r\n\r\n        transform: none;\r\n\r\n        pointer-events: auto;\r\n\r\n        display: none;\r\n\r\n    }\r\n\r\n\r\n    \/* OPEN SUBMENU *\/\r\n\r\n    .applivon-menu-item.submenu-open\r\n    .applivon-dropdown {\r\n\r\n        display: block;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE SUBMENU LINKS\r\n    ===================================================== *\/\r\n\r\n    .applivon-dropdown a {\r\n\r\n        min-height: 45px;\r\n\r\n        margin-bottom: 4px;\r\n\r\n        padding:\r\n            11px 14px;\r\n\r\n        background:\r\n            rgba(255,255,255,0.07);\r\n\r\n        color: #DCE6F7;\r\n\r\n        font-size: 14px;\r\n\r\n        border-radius: 7px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-dropdown a:hover {\r\n\r\n        background:\r\n            rgba(255,255,255,0.13);\r\n\r\n        color: #FFFFFF;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       ORIGINAL ARROW ROTATION\r\n    ===================================================== *\/\r\n\r\n    .applivon-menu-item.submenu-open\r\n    .applivon-arrow {\r\n\r\n        transform:\r\n            rotate(180deg);\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE GET DEMO\r\n    ===================================================== *\/\r\n\r\n    .applivon-mobile-cta {\r\n\r\n        display: block;\r\n\r\n        width: 100%;\r\n\r\n        padding-top: 12px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-mobile-cta\r\n    .applivon-cta {\r\n\r\n        width: 100%;\r\n\r\n        min-height: 50px;\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       HAMBURGER ACTIVE\r\n    ===================================================== *\/\r\n\r\n    .applivon-mobile-toggle.menu-active\r\n    span:nth-child(1) {\r\n\r\n        transform:\r\n            translateY(7px)\r\n            rotate(45deg);\r\n\r\n    }\r\n\r\n\r\n    .applivon-mobile-toggle.menu-active\r\n    span:nth-child(2) {\r\n\r\n        opacity: 0;\r\n\r\n    }\r\n\r\n\r\n    .applivon-mobile-toggle.menu-active\r\n    span:nth-child(3) {\r\n\r\n        transform:\r\n            translateY(-7px)\r\n            rotate(-45deg);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n    .applivon-nav {\r\n\r\n        min-height: 68px;\r\n\r\n        padding:\r\n            0 15px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-logo img {\r\n\r\n        width: 145px;\r\n\r\n        max-width: 145px;\r\n\r\n        max-height: 48px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-mobile-toggle {\r\n\r\n        width: 42px;\r\n\r\n        height: 42px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-menu {\r\n\r\n        max-height:\r\n            calc(100vh - 68px);\r\n\r\n        padding:\r\n            10px 14px 20px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-link {\r\n\r\n        min-height: 48px;\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-dropdown a {\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-mobile-cta\r\n    .applivon-cta {\r\n\r\n        min-height: 48px;\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   VERY SMALL MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .applivon-logo img {\r\n\r\n        width: 130px;\r\n\r\n        max-width: 130px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-nav {\r\n\r\n        padding:\r\n            0 12px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const header =\r\n        document.querySelector(\r\n            \".applivon-header\"\r\n        );\r\n\r\n    if (!header) return;\r\n\r\n\r\n    const mobileToggle =\r\n        header.querySelector(\r\n            \"#applivonMobileToggle\"\r\n        );\r\n\r\n\r\n    const menu =\r\n        header.querySelector(\r\n            \"#applivonMenu\"\r\n        );\r\n\r\n\r\n    const dropdownToggles =\r\n        header.querySelectorAll(\r\n            \".applivon-dropdown-toggle\"\r\n        );\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE MAIN MENU\r\n    ===================================================== *\/\r\n\r\n    if (mobileToggle && menu) {\r\n\r\n        mobileToggle.addEventListener(\r\n            \"click\",\r\n            function (event) {\r\n\r\n                event.stopPropagation();\r\n\r\n                const isOpen =\r\n                    menu.classList.toggle(\r\n                        \"menu-open\"\r\n                    );\r\n\r\n\r\n                mobileToggle.classList.toggle(\r\n                    \"menu-active\",\r\n                    isOpen\r\n                );\r\n\r\n\r\n                mobileToggle.setAttribute(\r\n                    \"aria-expanded\",\r\n                    isOpen\r\n                        ? \"true\"\r\n                        : \"false\"\r\n                );\r\n\r\n            }\r\n        );\r\n\r\n    }\r\n\r\n\r\n    \/* =====================================================\r\n       MOBILE DROPDOWNS\r\n       ALL 4 DROPDOWNS WORK\r\n    ===================================================== *\/\r\n\r\n    dropdownToggles.forEach(\r\n        function (toggle) {\r\n\r\n            toggle.addEventListener(\r\n                \"click\",\r\n                function (event) {\r\n\r\n                    \/*\r\n                     * On desktop:\r\n                     * dropdown is controlled by hover.\r\n                     *\/\r\n\r\n                    if (\r\n                        window.innerWidth > 900\r\n                    ) {\r\n\r\n                        return;\r\n\r\n                    }\r\n\r\n\r\n                    \/*\r\n                     * On mobile\/tablet:\r\n                     * clicking the parent opens\/closes\r\n                     * the dropdown.\r\n                     *\/\r\n\r\n                    event.preventDefault();\r\n\r\n                    event.stopPropagation();\r\n\r\n\r\n                    const parent =\r\n                        this.closest(\r\n                            \".applivon-menu-item\"\r\n                        );\r\n\r\n\r\n                    if (!parent) return;\r\n\r\n\r\n                    const isOpen =\r\n                        parent.classList.contains(\r\n                            \"submenu-open\"\r\n                        );\r\n\r\n\r\n                    \/*\r\n                     * Close every other dropdown.\r\n                     *\/\r\n\r\n                    header\r\n                        .querySelectorAll(\r\n                            \".applivon-menu-item.submenu-open\"\r\n                        )\r\n                        .forEach(\r\n                            function (item) {\r\n\r\n                                item.classList.remove(\r\n                                    \"submenu-open\"\r\n                                );\r\n\r\n\r\n                                const button =\r\n                                    item.querySelector(\r\n                                        \".applivon-dropdown-toggle\"\r\n                                    );\r\n\r\n\r\n                                if (button) {\r\n\r\n                                    button.setAttribute(\r\n                                        \"aria-expanded\",\r\n                                        \"false\"\r\n                                    );\r\n\r\n                                }\r\n\r\n                            }\r\n                        );\r\n\r\n\r\n                    \/*\r\n                     * Open clicked dropdown\r\n                     * if it was previously closed.\r\n                     *\/\r\n\r\n                    if (!isOpen) {\r\n\r\n                        parent.classList.add(\r\n                            \"submenu-open\"\r\n                        );\r\n\r\n\r\n                        this.setAttribute(\r\n                            \"aria-expanded\",\r\n                            \"true\"\r\n                        );\r\n\r\n                    }\r\n\r\n                }\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       CLOSE MENU WHEN CLICKING OUTSIDE\r\n    ===================================================== *\/\r\n\r\n    document.addEventListener(\r\n        \"click\",\r\n        function (event) {\r\n\r\n            if (\r\n                !header.contains(\r\n                    event.target\r\n                )\r\n            ) {\r\n\r\n                menu.classList.remove(\r\n                    \"menu-open\"\r\n                );\r\n\r\n\r\n                mobileToggle.classList.remove(\r\n                    \"menu-active\"\r\n                );\r\n\r\n\r\n                mobileToggle.setAttribute(\r\n                    \"aria-expanded\",\r\n                    \"false\"\r\n                );\r\n\r\n\r\n                header\r\n                    .querySelectorAll(\r\n                        \".applivon-menu-item.submenu-open\"\r\n                    )\r\n                    .forEach(\r\n                        function (item) {\r\n\r\n                            item.classList.remove(\r\n                                \"submenu-open\"\r\n                            );\r\n\r\n\r\n                            const button =\r\n                                item.querySelector(\r\n                                    \".applivon-dropdown-toggle\"\r\n                                );\r\n\r\n\r\n                            if (button) {\r\n\r\n                                button.setAttribute(\r\n                                    \"aria-expanded\",\r\n                                    \"false\"\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n            }\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* =====================================================\r\n       RESET WHEN MOVING TO DESKTOP\r\n    ===================================================== *\/\r\n\r\n    window.addEventListener(\r\n        \"resize\",\r\n        function () {\r\n\r\n            if (\r\n                window.innerWidth > 900\r\n            ) {\r\n\r\n                menu.classList.remove(\r\n                    \"menu-open\"\r\n                );\r\n\r\n\r\n                mobileToggle.classList.remove(\r\n                    \"menu-active\"\r\n                );\r\n\r\n\r\n                mobileToggle.setAttribute(\r\n                    \"aria-expanded\",\r\n                    \"false\"\r\n                );\r\n\r\n\r\n                header\r\n                    .querySelectorAll(\r\n                        \".applivon-menu-item.submenu-open\"\r\n                    )\r\n                    .forEach(\r\n                        function (item) {\r\n\r\n                            item.classList.remove(\r\n                                \"submenu-open\"\r\n                            );\r\n\r\n\r\n                            const button =\r\n                                item.querySelector(\r\n                                    \".applivon-dropdown-toggle\"\r\n                                );\r\n\r\n\r\n                            if (button) {\r\n\r\n                                button.setAttribute(\r\n                                    \"aria-expanded\",\r\n                                    \"false\"\r\n                                );\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n            }\r\n\r\n        }\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<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-429c19c e-con-full e-flex e-con e-parent\" data-id=\"429c19c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d9decf elementor-widget elementor-widget-html\" data-id=\"3d9decf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"applivon-hero\">\r\n\r\n  <!-- BACKGROUND GLOWS -->\r\n  <div class=\"applivon-glow applivon-glow-1\"><\/div>\r\n  <div class=\"applivon-glow applivon-glow-2\"><\/div>\r\n\r\n  <!-- BACKGROUND GRID (Overall section background) -->\r\n  <div class=\"applivon-grid\"><\/div>\r\n\r\n  <!-- HERO INNER CONTAINER (FLEX) -->\r\n  <div class=\"applivon-hero-inner\">\r\n    \r\n    <!-- LEFT: HERO CONTENT (~55%) -->\r\n    <div class=\"applivon-hero-content\">\r\n      \r\n      <!-- ODOO LOGO -->\r\n      <div class=\"applivon-odoo\">\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/04\/odoo_logo.png\"\r\n          alt=\"Odoo\"\r\n        >\r\n      <\/div>\r\n\r\n      <!-- HEADING -->\r\n      <h1 class=\"applivon-title\">\r\n        Looking for process automation\r\n        <br>\r\n        to simplify your SME operations\r\n        <br>\r\n        and <span>accelerate growth?<\/span>\r\n      <\/h1>\r\n\r\n      <!-- DESCRIPTION -->\r\n      <p class=\"applivon-description\">\r\n        Applivon helps SMEs implement the AI-powered Odoo ERP with advisory-led\r\n        planning, optimize workflow automation, and grant-guided transformation\r\n        that fits each unique business' processes, policies and resources.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n    <!-- RIGHT: HERO VISUAL (~45%) -->\r\n    <div class=\"applivon-hero-visual\">\r\n      <!-- The animated grid is handled by ::before and ::after in the CSS -->\r\n      <img decoding=\"async\"\r\n        src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/09\/image-mobile.png\"\r\n        alt=\"Applivon Odoo Mobile\"\r\n      >\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- BOTTOM GLOW -->\r\n  <div class=\"applivon-bottom-glow\"><\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n\/* =========================================================\r\n   RESET \/ BOX SIZING\r\n   ========================================================= *\/\r\n.applivon-hero,\r\n.applivon-hero * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* =========================================================\r\n   HERO MAIN CONTAINER\r\n   ========================================================= *\/\r\n.applivon-hero {\r\n  position: relative;\r\n  width: 100%;\r\n  min-height: 720px;\r\n  overflow: hidden;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 65%,\r\n      rgba(26, 91, 211, 0.14) 0%,\r\n      rgba(26, 91, 211, 0.06) 25%,\r\n      rgba(3, 7, 18, 0) 55%\r\n    ),\r\n    linear-gradient(\r\n      180deg,\r\n      #02050C 0%,\r\n      #030712 50%,\r\n      #06132B 100%\r\n    );\r\n  isolation: isolate;\r\n}\r\n\r\n\/* =========================================================\r\n   FLEX LAYOUT INNER CONTAINER\r\n   ========================================================= *\/\r\n.applivon-hero-inner {\r\n  position: relative;\r\n  z-index: 10;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  max-width: 1320px; \r\n  margin: 0 auto;\r\n  padding: 80px 30px 140px;\r\n  gap: 20px;\r\n}\r\n\r\n\/* =========================================================\r\n   MAIN CONTENT (LEFT COLUMN - ~55%)\r\n   ========================================================= *\/\r\n.applivon-hero-content {\r\n  flex: 0 0 55%;\r\n  max-width: 55%;\r\n  text-align: left;\r\n}\r\n\r\n\/* =========================================================\r\n   ODOO LOGO\r\n   ========================================================= *\/\r\n.applivon-odoo {\r\n  margin-bottom: 32px;\r\n  display: flex;\r\n  justify-content: flex-start;\r\n  align-items: center;\r\n}\r\n\r\n.applivon-odoo img {\r\n  width: 110px;\r\n  height: auto;\r\n  display: block;\r\n  opacity: 0.95;\r\n  filter: drop-shadow(0 0 18px rgba(26, 91, 211, 0.18));\r\n}\r\n\r\n\/* =========================================================\r\n   TITLE\r\n   ========================================================= *\/\r\n.applivon-title {\r\n  margin: 0;\r\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  font-size: 56px;\r\n  font-weight: 700;\r\n  line-height: 1.05;\r\n  letter-spacing: -2.2px;\r\n  color: #F5F7FA;\r\n  text-align: left;\r\n  max-width: 100%;\r\n}\r\n\r\n.applivon-title span {\r\n  background: linear-gradient(90deg, #1A5BD3 0%, #4E83E5 50%, #7AA5F5 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  background-clip: text;\r\n  color: transparent;\r\n}\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n   ========================================================= *\/\r\n.applivon-description {\r\n  margin: 28px 0 0;\r\n  font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif;\r\n  font-size: 17px; \r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n  color: #9DA8BB;\r\n  text-align: left;\r\n  max-width: 90%;\r\n}\r\n\r\n\/* =========================================================\r\n   IMAGE (RIGHT COLUMN - ~45%)\r\n   ========================================================= *\/\r\n.applivon-hero-visual {\r\n  flex: 0 0 45%;\r\n  max-width: 45%;\r\n  display: flex;\r\n  justify-content: center; \r\n  align-items: center;\r\n  position: relative;\r\n}\r\n\r\n\/* -- NEW: Animated Drifting Grid behind the image -- *\/\r\n.applivon-hero-visual::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 160%; \/* Spreads out behind the image *\/\r\n  max-width: 750px;\r\n  aspect-ratio: 1 \/ 1; \r\n  z-index: 1; \/* Sits directly behind the image *\/\r\n  \r\n  \/* Creates the custom grid lines *\/\r\n  background-image:\r\n    linear-gradient(rgba(78, 131, 229, 0.20) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(78, 131, 229, 0.20) 1px, transparent 1px);\r\n  background-size: 40px 40px; \/* Size of grid squares *\/\r\n  \r\n  \/* Fades the edges of the grid into transparency *\/\r\n  -webkit-mask-image: radial-gradient(circle at center, black 15%, transparent 65%);\r\n  mask-image: radial-gradient(circle at center, black 15%, transparent 65%);\r\n  \r\n  \/* Applies the smooth diagonal drifting effect *\/\r\n  animation: driftGrid 12s linear infinite;\r\n}\r\n\r\n\/* Soft ambient glow to ground the grid *\/\r\n.applivon-hero-visual::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  width: 100%;\r\n  max-width: 400px;\r\n  aspect-ratio: 1 \/ 1;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(26, 91, 211, 0.15) 0%, rgba(26, 91, 211, 0) 65%);\r\n  z-index: 0;\r\n}\r\n\r\n\/* Drifting Grid Animation Keyframes *\/\r\n@keyframes driftGrid {\r\n  0% {\r\n    background-position: 0px 0px;\r\n  }\r\n  100% {\r\n    \/* Matches background-size (40px) to loop seamlessly *\/\r\n    background-position: 40px 40px; \r\n  }\r\n}\r\n\r\n.applivon-hero-visual img {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 580px; \r\n  height: auto;\r\n  position: relative;\r\n  z-index: 2; \/* Sits above the grid and glow *\/\r\n  transform: rotate(8deg);\r\n  filter: brightness(1.05) saturate(1.05) drop-shadow(0 28px 50px rgba(0, 0, 0, 0.62));\r\n}\r\n\r\n\/* =========================================================\r\n   BACKGROUND DECORATIONS (GLOWS & OVERALL GRID)\r\n   ========================================================= *\/\r\n.applivon-glow {\r\n  position: absolute;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  filter: blur(70px);\r\n  opacity: 0.55;\r\n}\r\n\r\n.applivon-glow-1 {\r\n  width: 650px;\r\n  height: 300px;\r\n  left: 50%;\r\n  bottom: -170px;\r\n  transform: translateX(-50%);\r\n  background: radial-gradient(ellipse, rgba(26, 91, 211, 0.32) 0%, rgba(26, 91, 211, 0.12) 35%, rgba(26, 91, 211, 0) 75%);\r\n  animation: applivonPulse 7s ease-in-out infinite;\r\n}\r\n\r\n.applivon-glow-2 {\r\n  width: 350px;\r\n  height: 350px;\r\n  left: 50%;\r\n  top: 25%;\r\n  transform: translate(-50%, -50%);\r\n  background: radial-gradient(circle, rgba(78, 131, 229, 0.08) 0%, rgba(78, 131, 229, 0) 70%);\r\n  filter: blur(80px);\r\n}\r\n\r\n@keyframes applivonPulse {\r\n  0%, 100% { opacity: 0.40; transform: translateX(-50%) scale(1); }\r\n  50% { opacity: 0.65; transform: translateX(-50%) scale(1.08); }\r\n}\r\n\r\n.applivon-grid {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: 4;\r\n  pointer-events: none;\r\n  opacity: 0.15;\r\n  background-image:\r\n    linear-gradient(rgba(78, 131, 229, 0.06) 1px, transparent 1px),\r\n    linear-gradient(90deg, rgba(78, 131, 229, 0.06) 1px, transparent 1px);\r\n  background-size: 80px 80px;\r\n  mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);\r\n  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 30%, black 70%, transparent 100%);\r\n}\r\n\r\n\/* =========================================================\r\n   BOTTOM CURVED GLOW (ANIMATED)\r\n   ========================================================= *\/\r\n.applivon-bottom-glow {\r\n  position: absolute;\r\n  z-index: 4;\r\n  width: 120%;\r\n  height: 190px;\r\n  left: 50%;\r\n  bottom: -145px;\r\n  transform: translateX(-50%);\r\n  border-radius: 50% 50% 0 0;\r\n  background: radial-gradient(ellipse at center top, rgba(26, 91, 211, 0.12), rgba(26, 91, 211, 0) 65%);\r\n  pointer-events: none;\r\n  animation: immersiveBottomGlow 4s ease-in-out infinite;\r\n}\r\n\r\n@keyframes immersiveBottomGlow {\r\n  0%, 100% {\r\n    border-top: 1px solid rgba(78, 131, 229, 0.4);\r\n    box-shadow: 0 -5px 25px rgba(26, 91, 211, 0.15), 0 -10px 50px rgba(26, 91, 211, 0.10);\r\n  }\r\n  50% {\r\n    border-top: 1px solid rgba(122, 165, 245, 0.85); \r\n    box-shadow: 0 -5px 40px rgba(78, 131, 229, 0.4), 0 -15px 90px rgba(26, 91, 211, 0.25); \r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   TABLET & SMALL DESKTOP (768px - 1024px)\r\n   ========================================================= *\/\r\n@media (max-width: 1024px) {\r\n  .applivon-hero-inner {\r\n    flex-direction: column;\r\n    text-align: center;\r\n    padding: 70px 25px 130px;\r\n  }\r\n  \r\n  .applivon-hero-content {\r\n    flex: 1;\r\n    max-width: 850px;\r\n    text-align: center;\r\n  }\r\n\r\n  .applivon-description {\r\n    max-width: 100%;\r\n    text-align: center;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .applivon-odoo {\r\n    justify-content: center;\r\n  }\r\n\r\n  .applivon-title {\r\n    text-align: center;\r\n    font-size: 46px;\r\n    letter-spacing: -1.7px;\r\n  }\r\n\r\n  .applivon-hero-visual {\r\n    flex: 1;\r\n    max-width: 100%;\r\n    justify-content: center;\r\n    margin-top: 40px;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   MOBILE (BELOW 768px)\r\n   ========================================================= *\/\r\n@media (max-width: 767px) {\r\n  .applivon-hero {\r\n    min-height: 600px;\r\n  }\r\n  \r\n  .applivon-hero-visual {\r\n    display: none !important;\r\n  }\r\n\r\n  .applivon-hero-inner {\r\n    padding: 65px 20px 120px;\r\n  }\r\n\r\n  .applivon-odoo {\r\n    margin-bottom: 25px;\r\n  }\r\n\r\n  .applivon-odoo img {\r\n    width: 90px;\r\n  }\r\n\r\n  .applivon-title {\r\n    font-size: 34px;\r\n    line-height: 1.10;\r\n    letter-spacing: -1.1px;\r\n  }\r\n\r\n  .applivon-description {\r\n    margin-top: 22px;\r\n    font-size: 14px;\r\n    line-height: 1.7;\r\n    max-width: 500px;\r\n  }\r\n\r\n  .applivon-grid {\r\n    background-size: 55px 55px;\r\n  }\r\n\r\n  .applivon-glow-1 {\r\n    width: 500px;\r\n  }\r\n\r\n  .applivon-bottom-glow {\r\n    width: 160%;\r\n  }\r\n}\r\n\r\n\/* =========================================================\r\n   SMALL MOBILE (BELOW 480px)\r\n   ========================================================= *\/\r\n@media (max-width: 480px) {\r\n  .applivon-hero {\r\n    min-height: 620px;\r\n  }\r\n\r\n  .applivon-title {\r\n    font-size: 28px;\r\n    letter-spacing: -1px;\r\n  }\r\n\r\n  .applivon-description {\r\n    font-size: 13.5px;\r\n  }\r\n\r\n  .applivon-odoo img {\r\n    width: 85px;\r\n  }\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-440c239 e-con-full e-flex e-con e-parent\" data-id=\"440c239\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2d383e elementor-widget elementor-widget-html\" data-id=\"c2d383e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<!-- SECTION 2: TRUST SIGNALS & SOCIAL PROOF -->\r\n<style>\r\n  .apv-trust-wrap {\r\n    font-family: 'Roboto', sans-serif;\r\n    background: #ffffff;\r\n    border-bottom: 1px solid #e3eaf5;\r\n    width: 100%;\r\n  }\r\n\r\n  .apv-trust-inner {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    padding: 10px 20px;\r\n    text-align: center;\r\n  }\r\n\r\n  .apv-trust-label {\r\n    font-size: 12px;\r\n    font-weight: 700;\r\n    letter-spacing: 2px;\r\n    text-transform: uppercase;\r\n    color: #1565C0;\r\n    margin-bottom: 8px;\r\n    display: block;\r\n  }\r\n\r\n  .apv-trust-inner h2 {\r\n    font-size: clamp(36px, 4vw, 36px);\r\n    font-weight: 900;\r\n    color: #212121;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  .apv-trust-sub {\r\n    font-size: 10px;\r\n    font-weight: 300;\r\n    color: #757575;\r\n    max-width: 520px;\r\n    margin: 0 auto 8px;\r\n    line-height: 1.5;\r\n  }\r\n\r\n  \/* LOGO STRIP *\/\r\n  .apv-logos-strip {\r\n    overflow: hidden;\r\n    width: 100%;\r\n    margin-bottom: 4px;\r\n    position: relative;\r\n  }\r\n\r\n  .apv-logos-strip::before,\r\n  .apv-logos-strip::after {\r\n    content: '';\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 80px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .apv-logos-strip::before {\r\n    left: 0;\r\n    background: linear-gradient(to right, #ffffff, transparent);\r\n  }\r\n\r\n  .apv-logos-strip::after {\r\n    right: 0;\r\n    background: linear-gradient(to left, #ffffff, transparent);\r\n  }\r\n\r\n  .apv-logos-track {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 40px;\r\n    animation: apvScroll 25s linear infinite;\r\n    width: max-content;\r\n  }\r\n\r\n  .apv-logos-track:hover {\r\n    animation-play-state: paused;\r\n  }\r\n\r\n  @keyframes apvScroll {\r\n    0% {\r\n      transform: translateX(0);\r\n    }\r\n\r\n    100% {\r\n      transform: translateX(-50%);\r\n    }\r\n  }\r\n\r\n  \/* ONLY HEIGHT REDUCED *\/\r\n  .apv-logo-img {\r\n    height: 48px;\r\n    width: auto;\r\n    object-fit: contain;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* MOBILE *\/\r\n  @media (max-width: 767px) {\r\n    .apv-trust-inner {\r\n      padding: 8px 15px;\r\n    }\r\n\r\n    .apv-logo-img {\r\n      height: 40px;\r\n    }\r\n\r\n    \/* Keep original horizontal spacing *\/\r\n    .apv-logos-track {\r\n      gap: 40px;\r\n    }\r\n\r\n    .apv-logos-strip::before,\r\n    .apv-logos-strip::after {\r\n      width: 80px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section class=\"apv-trust-wrap\" id=\"trust\">\r\n\r\n  <div class=\"apv-trust-inner\">\r\n\r\n    <!-- Logo Banner Scroll -->\r\n    <div class=\"apv-logos-strip\">\r\n\r\n      <div class=\"apv-logos-track\">\r\n\r\n        <!-- Set 1 -->\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/Credential-Banner-1536x174-1.png\"\r\n          class=\"apv-logo-img\"\r\n          alt=\"Applivon Credentials\"\r\n        \/>\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/Credential-Banner-1536x174-1.png\"\r\n          class=\"apv-logo-img\"\r\n          alt=\"Applivon Credentials\"\r\n        \/>\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/Credential-Banner-1536x174-1.png\"\r\n          class=\"apv-logo-img\"\r\n          alt=\"Applivon Credentials\"\r\n        \/>\r\n\r\n        <!-- Duplicate for seamless scroll -->\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/Credential-Banner-1536x174-1.png\"\r\n          class=\"apv-logo-img\"\r\n          alt=\"Applivon Credentials\"\r\n        \/>\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/Credential-Banner-1536x174-1.png\"\r\n          class=\"apv-logo-img\"\r\n          alt=\"Applivon Credentials\"\r\n        \/>\r\n\r\n        <img decoding=\"async\"\r\n          src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/Credential-Banner-1536x174-1.png\"\r\n          class=\"apv-logo-img\"\r\n          alt=\"Applivon Credentials\"\r\n        \/>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ea48132 e-flex e-con-boxed e-con e-child\" data-id=\"ea48132\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6656a5b elementor-widget elementor-widget-video\" data-id=\"6656a5b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;video_type&quot;:&quot;hosted&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;play_on_mobile&quot;:&quot;yes&quot;,&quot;loop&quot;:&quot;yes&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t\t\t\t<div class=\"e-hosted-video elementor-wrapper elementor-open-inline\">\n\t\t\t\t\t<video class=\"elementor-video\" src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/09\/odoo_overview-1_40min.mp4\" autoplay=\"\" loop=\"\" controls=\"\" playsinline=\"\" controlsList=\"nodownload\"><\/video>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8d2f061 e-con-full e-flex e-con e-parent\" data-id=\"8d2f061\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f24238c elementor-widget elementor-widget-html\" data-id=\"f24238c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"applivon-carousel-section\">\r\n\r\n    <div class=\"applivon-carousel\">\r\n\r\n        <!-- SLIDES -->\r\n        <div class=\"applivon-slides\">\r\n\r\n            <!-- SLIDE 01 -->\r\n            <div class=\"applivon-slide active\">\r\n\r\n                <div class=\"slide-number\">01<\/div>\r\n\r\n                <div class=\"slide-content\">\r\n\r\n                    <div class=\"slide-label\">\r\n                        BUSINESS AUTOMATION\r\n                    <\/div>\r\n\r\n                    <h2>\r\n                        Are manual approvals, spreadsheets,\r\n                        and repeated data entry\r\n                        <span>slowing your team down?<\/span>\r\n                    <\/h2>\r\n\r\n                    <div class=\"answer\">\r\n\r\n                        <div class=\"answer-label\">\r\n                            APPLIVON\r\n                        <\/div>\r\n\r\n                        <p>\r\n                            Applivon helps identify where work gets stuck,\r\n                            then streamlines everyday processes across sales,\r\n                            inventory, finance, HR, service, and operations.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"slide-link\">\r\n                        Explore Business Automation Solutions & Services\r\n                        <span>\u2192<\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- SLIDE 02 -->\r\n            <div class=\"applivon-slide\">\r\n\r\n                <div class=\"slide-number\">02<\/div>\r\n\r\n                <div class=\"slide-content\">\r\n\r\n                    <div class=\"slide-label\">\r\n                        ODOO ERP\r\n                    <\/div>\r\n\r\n                    <h2>\r\n                        Is your current system unable to give you\r\n                        clear,\r\n                        <span>real-time business visibility?<\/span>\r\n                    <\/h2>\r\n\r\n                    <div class=\"answer\">\r\n\r\n                        <div class=\"answer-label\">\r\n                            APPLIVON\r\n                        <\/div>\r\n\r\n                        <p>\r\n                            With Odoo ERP, Applivon connects key functions\r\n                            into one integrated platform, helping SMEs improve\r\n                            reporting, stock visibility, order tracking,\r\n                            and decision-making.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"slide-link\">\r\n                        Explore Odoo ERP Solutions\r\n                        <span>\u2192<\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- SLIDE 03 -->\r\n            <div class=\"applivon-slide\">\r\n\r\n                <div class=\"slide-number\">03<\/div>\r\n\r\n                <div class=\"slide-content\">\r\n\r\n                    <div class=\"slide-label\">\r\n                        GRANTS & RESOURCES\r\n                    <\/div>\r\n\r\n                    <h2>\r\n                        What options can help you boost productivity\r\n                        and business value\r\n                        <span>with limited resources?<\/span>\r\n                    <\/h2>\r\n\r\n                    <div class=\"answer\">\r\n\r\n                        <div class=\"answer-label\">\r\n                            APPLIVON\r\n                        <\/div>\r\n\r\n                        <p>\r\n                            Applivon\u2019s resources help SMEs explore practical\r\n                            automation priorities, ERP planning considerations,\r\n                            and relevant Singapore grant options to improve\r\n                            productivity, reduce waste, and invest more\r\n                            confidently.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"slide-link\">\r\n                        View Grants & Resources\r\n                        <span>\u2192<\/span>\r\n                    <\/a>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- NAVIGATION -->\r\n        <div class=\"carousel-navigation\">\r\n\r\n            <button\r\n                class=\"carousel-arrow previous\"\r\n                type=\"button\">\r\n                \u2190\r\n            <\/button>\r\n\r\n            <div class=\"carousel-progress\">\r\n\r\n                <div class=\"carousel-counter\">\r\n                    <strong>01<\/strong>\r\n                    <span>\/ 03<\/span>\r\n                <\/div>\r\n\r\n                <div class=\"carousel-dots\">\r\n\r\n                    <button\r\n                        class=\"carousel-dot active\"\r\n                        data-slide=\"0\"\r\n                        type=\"button\">\r\n                    <\/button>\r\n\r\n                    <button\r\n                        class=\"carousel-dot\"\r\n                        data-slide=\"1\"\r\n                        type=\"button\">\r\n                    <\/button>\r\n\r\n                    <button\r\n                        class=\"carousel-dot\"\r\n                        data-slide=\"2\"\r\n                        type=\"button\">\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <button\r\n                class=\"carousel-arrow next\"\r\n                type=\"button\">\r\n                \u2192\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   SECTION\r\n========================================= *\/\r\n\r\n.applivon-carousel-section {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    padding: 100px 25px 110px;\r\n\r\n    overflow: hidden;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle at 50% 50%,\r\n            rgba(26, 91, 211, 0.07),\r\n            transparent 60%\r\n        ),\r\n        #060B16;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CAROUSEL\r\n========================================= *\/\r\n\r\n.applivon-carousel {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SLIDES\r\n========================================= *\/\r\n\r\n.applivon-slides {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-height: 500px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SLIDE\r\n========================================= *\/\r\n\r\n.applivon-slide {\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    min-height: 500px;\r\n\r\n    padding: 65px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    overflow: hidden;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border: 1px solid\r\n        rgba(78, 131, 229, 0.16);\r\n\r\n    border-radius: 28px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            rgba(255,255,255,0.035),\r\n            rgba(255,255,255,0.012)\r\n        );\r\n\r\n    box-shadow:\r\n        0 30px 100px\r\n        rgba(0,0,0,0.25);\r\n\r\n    opacity: 0;\r\n\r\n    visibility: hidden;\r\n\r\n    transform:\r\n        translateX(40px)\r\n        scale(0.985);\r\n\r\n    transition:\r\n        opacity .6s ease,\r\n        transform .6s ease,\r\n        visibility .6s ease;\r\n}\r\n\r\n\r\n\/* ACTIVE *\/\r\n\r\n.applivon-slide.active {\r\n\r\n    position: relative;\r\n\r\n    opacity: 1;\r\n\r\n    visibility: visible;\r\n\r\n    transform:\r\n        translateX(0)\r\n        scale(1);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   BIG NUMBER\r\n========================================= *\/\r\n\r\n.slide-number {\r\n\r\n    position: absolute;\r\n\r\n    right: 30px;\r\n\r\n    bottom: -45px;\r\n\r\n    font-size: 240px;\r\n\r\n    line-height: 1;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: -15px;\r\n\r\n    color:\r\n        rgba(78, 131, 229, 0.035);\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONTENT\r\n========================================= *\/\r\n\r\n.slide-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    max-width: 800px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LABEL\r\n========================================= *\/\r\n\r\n.slide-label {\r\n\r\n    margin-bottom: 22px;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    color: #4E83E5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   QUESTION\r\n========================================= *\/\r\n\r\n.applivon-slide h2 {\r\n\r\n    margin: 0;\r\n\r\n    font-size: 38px;\r\n\r\n    line-height: 1.18;\r\n\r\n    font-weight: 650;\r\n\r\n    letter-spacing: -1px;\r\n\r\n    color: #F5F7FA;\r\n}\r\n\r\n\r\n.applivon-slide h2 span {\r\n\r\n    color: #4E83E5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ANSWER\r\n========================================= *\/\r\n\r\n.answer {\r\n\r\n    max-width: 700px;\r\n\r\n    margin-top: 30px;\r\n\r\n    padding-left: 20px;\r\n\r\n    border-left:\r\n        2px solid\r\n        rgba(78, 131, 229, 0.65);\r\n}\r\n\r\n\r\n.answer-label {\r\n\r\n    margin-bottom: 8px;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 600;\r\n\r\n    letter-spacing: 2px;\r\n\r\n    color: #4E83E5;\r\n}\r\n\r\n\r\n.answer p {\r\n\r\n    margin: 0;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n\r\n    color: #9DA8BB;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   LINK\r\n========================================= *\/\r\n\r\n.slide-link {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    margin-top: 28px;\r\n\r\n    color: #F5F7FA;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n    text-decoration: none;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n\r\n.slide-link span {\r\n\r\n    color: #4E83E5;\r\n\r\n    font-size: 18px;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n\r\n.slide-link:hover {\r\n\r\n    color: #4E83E5;\r\n\r\n    gap: 14px;\r\n}\r\n\r\n\r\n.slide-link:hover span {\r\n\r\n    transform: translateX(3px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NAVIGATION\r\n========================================= *\/\r\n\r\n.carousel-navigation {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    margin-top: 25px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ARROWS\r\n========================================= *\/\r\n\r\n.carousel-arrow {\r\n\r\n    width: 48px;\r\n\r\n    height: 48px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border:\r\n        1px solid\r\n        rgba(78, 131, 229, 0.20);\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        rgba(255,255,255,0.025);\r\n\r\n    color: #F5F7FA;\r\n\r\n    font-size: 18px;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n\r\n.carousel-arrow:hover {\r\n\r\n    background:\r\n        rgba(26, 91, 211, 0.15);\r\n\r\n    border-color:\r\n        rgba(78, 131, 229, 0.55);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   PROGRESS\r\n========================================= *\/\r\n\r\n.carousel-progress {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 25px;\r\n}\r\n\r\n\r\n.carousel-counter {\r\n\r\n    font-size: 12px;\r\n\r\n    color: #68758A;\r\n}\r\n\r\n\r\n.carousel-counter strong {\r\n\r\n    color: #F5F7FA;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DOTS\r\n========================================= *\/\r\n\r\n.carousel-dots {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 7px;\r\n}\r\n\r\n\r\n.carousel-dot {\r\n\r\n    width: 25px;\r\n\r\n    height: 3px;\r\n\r\n    padding: 0;\r\n\r\n    border: 0;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        rgba(255,255,255,0.15);\r\n\r\n    cursor: pointer;\r\n\r\n    transition: .3s ease;\r\n}\r\n\r\n\r\n.carousel-dot.active {\r\n\r\n    width: 42px;\r\n\r\n    background: #4E83E5;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .applivon-carousel-section {\r\n\r\n        padding: 80px 20px 90px;\r\n    }\r\n\r\n    .applivon-slide {\r\n\r\n        padding: 50px;\r\n\r\n        min-height: 500px;\r\n    }\r\n\r\n    .applivon-slides {\r\n\r\n        min-height: 500px;\r\n    }\r\n\r\n    .applivon-slide h2 {\r\n\r\n        font-size: 34px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .applivon-carousel-section {\r\n\r\n        padding: 65px 18px 75px;\r\n    }\r\n\r\n    .applivon-slide {\r\n\r\n        min-height: 570px;\r\n\r\n        padding: 35px 27px;\r\n\r\n        align-items: flex-start;\r\n\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .applivon-slides {\r\n\r\n        min-height: 570px;\r\n    }\r\n\r\n    .slide-label {\r\n\r\n        font-size: 9px;\r\n\r\n        margin-bottom: 18px;\r\n    }\r\n\r\n    .applivon-slide h2 {\r\n\r\n        font-size: 27px;\r\n\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .answer {\r\n\r\n        margin-top: 25px;\r\n\r\n        padding-left: 15px;\r\n    }\r\n\r\n    .answer p {\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n    }\r\n\r\n    .slide-link {\r\n\r\n        font-size: 13px;\r\n\r\n        margin-top: 24px;\r\n    }\r\n\r\n    .slide-number {\r\n\r\n        font-size: 150px;\r\n\r\n        right: 10px;\r\n\r\n        bottom: -15px;\r\n    }\r\n\r\n    .carousel-arrow {\r\n\r\n        width: 42px;\r\n\r\n        height: 42px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SMALL MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .applivon-slide {\r\n\r\n        min-height: 600px;\r\n    }\r\n\r\n    .applivon-slides {\r\n\r\n        min-height: 600px;\r\n    }\r\n\r\n    .applivon-slide h2 {\r\n\r\n        font-size: 25px;\r\n    }\r\n\r\n    .answer p {\r\n\r\n        font-size: 13.5px;\r\n    }\r\n\r\n    .slide-number {\r\n\r\n        font-size: 120px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function() {\r\n\r\n    const carousel =\r\n        document.querySelector('.applivon-carousel');\r\n\r\n    if (!carousel) return;\r\n\r\n    const slides =\r\n        carousel.querySelectorAll('.applivon-slide');\r\n\r\n    const dots =\r\n        carousel.querySelectorAll('.carousel-dot');\r\n\r\n    const counter =\r\n        carousel.querySelector('.carousel-counter strong');\r\n\r\n    const next =\r\n        carousel.querySelector('.carousel-arrow.next');\r\n\r\n    const previous =\r\n        carousel.querySelector('.carousel-arrow.previous');\r\n\r\n    let current = 0;\r\n\r\n    let autoplay;\r\n\r\n\r\n    \/* SHOW SLIDE *\/\r\n\r\n    function showSlide(index) {\r\n\r\n        if (index < 0) {\r\n\r\n            index = slides.length - 1;\r\n\r\n        }\r\n\r\n        if (index >= slides.length) {\r\n\r\n            index = 0;\r\n\r\n        }\r\n\r\n        current = index;\r\n\r\n\r\n        slides.forEach(function(slide, i) {\r\n\r\n            slide.classList.toggle(\r\n                'active',\r\n                i === current\r\n            );\r\n\r\n        });\r\n\r\n\r\n        dots.forEach(function(dot, i) {\r\n\r\n            dot.classList.toggle(\r\n                'active',\r\n                i === current\r\n            );\r\n\r\n        });\r\n\r\n\r\n        counter.textContent =\r\n            String(current + 1).padStart(2, '0');\r\n\r\n    }\r\n\r\n\r\n    \/* NEXT *\/\r\n\r\n    function nextSlide() {\r\n\r\n        showSlide(current + 1);\r\n\r\n        restartAutoplay();\r\n\r\n    }\r\n\r\n\r\n    \/* PREVIOUS *\/\r\n\r\n    function previousSlide() {\r\n\r\n        showSlide(current - 1);\r\n\r\n        restartAutoplay();\r\n\r\n    }\r\n\r\n\r\n    next.addEventListener(\r\n        'click',\r\n        nextSlide\r\n    );\r\n\r\n\r\n    previous.addEventListener(\r\n        'click',\r\n        previousSlide\r\n    );\r\n\r\n\r\n    \/* DOTS *\/\r\n\r\n    dots.forEach(function(dot, index) {\r\n\r\n        dot.addEventListener(\r\n            'click',\r\n            function() {\r\n\r\n                showSlide(index);\r\n\r\n                restartAutoplay();\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n    \/* AUTOPLAY *\/\r\n\r\n    function startAutoplay() {\r\n\r\n        autoplay = setInterval(\r\n            function() {\r\n\r\n                showSlide(current + 1);\r\n\r\n            },\r\n            6500\r\n        );\r\n\r\n    }\r\n\r\n\r\n    function restartAutoplay() {\r\n\r\n        clearInterval(autoplay);\r\n\r\n        startAutoplay();\r\n\r\n    }\r\n\r\n\r\n    \/* PAUSE ON HOVER *\/\r\n\r\n    carousel.addEventListener(\r\n        'mouseenter',\r\n        function() {\r\n\r\n            clearInterval(autoplay);\r\n\r\n        }\r\n    );\r\n\r\n\r\n    carousel.addEventListener(\r\n        'mouseleave',\r\n        function() {\r\n\r\n            startAutoplay();\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* INITIAL *\/\r\n\r\n    showSlide(0);\r\n\r\n    startAutoplay();\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<div class=\"elementor-element elementor-element-43d79dc e-con-full e-flex e-con e-parent\" data-id=\"43d79dc\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-9a7dcf9 e-flex e-con-boxed e-con e-child\" data-id=\"9a7dcf9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-253ceca e-con-full e-flex e-con e-child\" data-id=\"253ceca\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8f57e26 elementor-widget elementor-widget-heading\" data-id=\"8f57e26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">WHY APPLIVON<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ea2a71 elementor-widget elementor-widget-heading\" data-id=\"1ea2a71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"> Advisory-Led ERP Implementation,Built Around Business Outcomes \n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f186fb elementor-widget elementor-widget-text-editor\" data-id=\"9f186fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: 400;\">With 40 years of business automation advisory and implementation experience, our team helps SMEs streamline organisation<br>operations with domain knowledge in many different industries and use cases to successfully achieve desired<br> business outcomes across sales, inventory, finance, HR, operations, service teams and beyond. <\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-12da431 e-flex e-con-boxed e-con e-child\" data-id=\"12da431\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-75cc9d6 elementor-widget elementor-widget-html\" data-id=\"75cc9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     OUR APPLIVON DIFFERENCE \u2014 CARD SECTION\r\n     ------------------------------------------------------------\r\n     This is the full card block: the blue-bordered white card\r\n     with the heading, paragraph text, the blue CTA button, and\r\n     the round \"30 MIN CALL\" badge with the pulsing rings on the\r\n     right side.\r\n\r\n     Everything below is split into two parts:\r\n       1) HTML   -> the actual content (text, button, badge)\r\n       2) CSS    -> the styling (colors, spacing, layout)\r\n\r\n     Every CSS section has a comment above it explaining what\r\n     that part of the card it controls, so you can find things\r\n     quickly later without needing to read all the code.\r\n============================================================= -->\r\n\r\n\r\n<!-- ============================================================\r\n     PART 1: HTML (the content)\r\n============================================================= -->\r\n\r\n<div class=\"why-card-wrap\">\r\n    <!-- This outer wrapper is what creates the thin blue gradient\r\n         border around the whole card. -->\r\n\r\n    <div class=\"why-card\">\r\n        <!-- This is the white card itself (background, rounded\r\n             corners, padding, shadow all live here). -->\r\n\r\n        <div class=\"why-card-glow\"><\/div>\r\n        <!-- A soft, barely-visible blue glow in the top-right\r\n             corner of the card, purely decorative. -->\r\n\r\n        <div class=\"why-card-grid\">\r\n            <!-- This creates the 2-column layout: text on the\r\n                 left, badge\/visual on the right. -->\r\n\r\n            <!-- ===================================\r\n                 LEFT COLUMN: TEXT CONTENT\r\n            ==================================== -->\r\n            <div class=\"why-card-content\">\r\n\r\n                <!-- Small blue label above the heading -->\r\n                <div class=\"why-card-eyebrow\">OUR APPLIVON DIFFERENCE<\/div>\r\n\r\n                <!-- Main heading of the card -->\r\n                <h3>\r\n                    Adapt ERP for the way you actually work\r\n                    <span class=\"muted\">\u2014 not the other way around<\/span>\r\n                <\/h3>\r\n\r\n                <!-- Short blue line\/divider under the heading -->\r\n                <div class=\"why-divider\"><\/div>\r\n\r\n                <!-- Paragraph 1 -->\r\n                <p>\r\n                    We creatively adapt Odoo around specialised workflows and non-standard industry processes, giving you the structure of ERP without forcing your business into a generic operating model.\r\n                <\/p>\r\n\r\n                <!-- Paragraph 2 -->\r\n                <p>\r\n                    Reach us for a consultation to assess your readiness to automate your desired business process and eligibility for Singapore grants application.\r\n                <\/p>\r\n\r\n                <!-- Blue call-to-action button -->\r\n                <a href=\"https:\/\/revamp.applivon.com\/index.php\/conatct\/\" class=\"why-cta\">\r\n                    <span>Free 30-Minute ERP Fit Assessment<\/span>\r\n                    <span class=\"cta-arrow\">\u2192<\/span>\r\n                <\/a>\r\n\r\n            <\/div>\r\n\r\n            <!-- ===================================\r\n                 RIGHT COLUMN: DECORATIVE BADGE\r\n            ==================================== -->\r\n            <div class=\"why-card-visual\">\r\n\r\n                <div class=\"visual-badge\">\r\n                    <!-- The 3 rings that gently pulse behind the badge -->\r\n                    <div class=\"ring ring-1\"><\/div>\r\n                    <div class=\"ring ring-2\"><\/div>\r\n                    <div class=\"ring ring-3\"><\/div>\r\n\r\n                    <!-- The solid blue circle in the middle with \"30 MIN CALL\" -->\r\n                    <div class=\"badge-core\">\r\n                        <span class=\"badge-number\">30<\/span>\r\n                        <span class=\"badge-unit\">MIN CALL<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <!-- Small caption text under the badge -->\r\n                <div class=\"visual-caption\">\r\n                    No obligation.<br>Straight-talk assessment.\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     PART 2: CSS (the styling)\r\n============================================================= -->\r\n\r\n<style>\r\n\r\n\/* Loads the \"Inter\" font used throughout the card *\/\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n\r\n\/* ============================================================\r\n   1. CARD OUTER BORDER\r\n   This is the thin blue gradient line that wraps around the\r\n   whole card, plus the drop shadow underneath the card.\r\n   All colors here are blue \/ light blue only.\r\n============================================================= *\/\r\n\r\n.why-card-wrap {\r\n\r\n    position: relative;\r\n\r\n    max-width: 1140px;\r\n\r\n    margin: 0 auto;\r\n\r\n    border-radius: 28px;\r\n\r\n    padding: 1.5px;\r\n    \/* ^ this thin padding is what creates the visible border,\r\n         because the white card sits on top of it *\/\r\n\r\n    background: #D9DCE3;\r\n    \/* ^ simple solid grey border color \u2014 no gradient *\/\r\n\r\n    box-shadow:\r\n        0 30px 60px -20px rgba(14,21,36,0.18);\r\n    \/* ^ soft dark shadow under the card so it lifts off the page *\/\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   2. CARD BACKGROUND (the white box itself)\r\n   Controls the white background, rounded corners, and inner\r\n   spacing (padding) around all the content.\r\n============================================================= *\/\r\n\r\n.why-card {\r\n\r\n    position: relative;\r\n\r\n    border-radius: 26.5px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    overflow: hidden;\r\n\r\n    padding: 64px;\r\n    \/* ^ space between the card edge and the content inside *\/\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   3. DECORATIVE GLOW (top-right corner)\r\n   A very light blue glow behind the card content \u2014 purely\r\n   visual polish, has no text or function.\r\n============================================================= *\/\r\n\r\n.why-card-glow {\r\n\r\n    position: absolute;\r\n\r\n    top: -120px;\r\n\r\n    right: -120px;\r\n\r\n    width: 320px;\r\n\r\n    height: 320px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(26,91,211,0.10),\r\n            transparent 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   4. TWO-COLUMN LAYOUT\r\n   This is what splits the card into \"text on the left\" and\r\n   \"badge on the right\". On smaller screens this switches to\r\n   a single column (see the media queries near the bottom).\r\n============================================================= *\/\r\n\r\n.why-card-grid {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1.55fr 1fr;\r\n    \/* ^ left column is wider than the right column *\/\r\n\r\n    gap: 56px;\r\n    \/* ^ space between the two columns *\/\r\n\r\n    align-items: center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   5. SMALL LABEL ABOVE THE HEADING (\"OUR APPLIVON DIFFERENCE\")\r\n============================================================= *\/\r\n\r\n.why-card-eyebrow {\r\n\r\n    margin-bottom: 16px;\r\n\r\n    color: #1A5BD3;\r\n    \/* main blue *\/\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.6px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   6. MAIN HEADING (\"Adapt ERP for the way you actually work...\")\r\n============================================================= *\/\r\n\r\n.why-card-content h3 {\r\n\r\n    margin: 0;\r\n\r\n    color: #0E1524;\r\n    \/* near-black, main heading color *\/\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 29px;\r\n\r\n    line-height: 1.32em;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -0.5px;\r\n}\r\n\r\n\/* the greyed-out part of the heading: \"\u2014 not the other way around\" *\/\r\n.why-card-content h3 .muted {\r\n\r\n    color: #97A1B4;\r\n\r\n    font-weight: 700;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   7. SHORT DIVIDER LINE UNDER THE HEADING\r\n   Blue gradient bar, no green used.\r\n============================================================= *\/\r\n\r\n.why-divider {\r\n\r\n    width: 46px;\r\n\r\n    height: 3px;\r\n\r\n    margin: 26px 0 24px;\r\n\r\n    border-radius: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            #1A5BD3,   \/* main blue *\/\r\n            #0B1F45    \/* dark navy *\/\r\n        );\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   8. BODY PARAGRAPHS\r\n============================================================= *\/\r\n\r\n.why-card-content p {\r\n\r\n    margin: 0 0 16px;\r\n\r\n    color: #5B6478;\r\n    \/* soft grey for body text *\/\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 15.5px;\r\n\r\n    line-height: 1.75em;\r\n\r\n    font-weight: 400;\r\n}\r\n\r\n\/* extra space after the last paragraph, before the button *\/\r\n.why-card-content p:last-of-type {\r\n\r\n    margin-bottom: 32px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   9. CALL-TO-ACTION BUTTON (\"Free 30-Minute ERP Fit Assessment\")\r\n============================================================= *\/\r\n\r\n.why-cta {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 10px;\r\n\r\n    padding: 16px 26px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1A5BD3,   \/* main blue  *\/\r\n            #0F3F9E    \/* darker blue *\/\r\n        );\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 14.5px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 0.2px;\r\n\r\n    text-decoration: none;\r\n\r\n    box-shadow:\r\n        0 14px 28px -10px rgba(26,91,211,0.55);\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n}\r\n\r\n\/* button lifts slightly when you hover over it *\/\r\n.why-cta:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 18px 34px -8px rgba(26,91,211,0.62);\r\n}\r\n\r\n\/* arrow inside the button slides right on hover *\/\r\n.cta-arrow {\r\n\r\n    transition: transform 0.25s ease;\r\n}\r\n\r\n.why-cta:hover .cta-arrow {\r\n\r\n    transform: translateX(4px);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   10. RIGHT-SIDE VISUAL WRAPPER (badge + caption)\r\n============================================================= *\/\r\n\r\n.why-card-visual {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    text-align: center;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   11. ROUND BADGE CONTAINER (\"30 MIN CALL\")\r\n   Holds the pulsing rings and the solid circle in the middle.\r\n============================================================= *\/\r\n\r\n.visual-badge {\r\n\r\n    position: relative;\r\n\r\n    width: 190px;\r\n\r\n    height: 190px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   12. THE 3 PULSING RING OUTLINES BEHIND THE BADGE\r\n   All rings use blue only, at different levels of transparency.\r\n============================================================= *\/\r\n\r\n.ring {\r\n\r\n    position: absolute;\r\n\r\n    border-radius: 50%;\r\n\r\n    border: 1px solid rgba(26,91,211,0.16);\r\n    \/* faint blue outline *\/\r\n}\r\n\r\n\/* outer ring \u2014 largest, slowest pulse *\/\r\n.ring-1 {\r\n\r\n    width: 100%;\r\n\r\n    height: 100%;\r\n\r\n    animation: pulse-ring 4.5s ease-in-out infinite;\r\n}\r\n\r\n\/* middle ring \u2014 pulses slightly offset from the outer ring *\/\r\n.ring-2 {\r\n\r\n    width: 74%;\r\n\r\n    height: 74%;\r\n\r\n    border-color: rgba(26,91,211,0.24);\r\n\r\n    animation: pulse-ring 4.5s ease-in-out infinite 0.5s;\r\n}\r\n\r\n\/* inner ring \u2014 smallest, stays still (frames the solid circle) *\/\r\n.ring-3 {\r\n\r\n    width: 50%;\r\n\r\n    height: 50%;\r\n\r\n    border-color: rgba(26,91,211,0.34);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   13. SOLID BLUE CIRCLE IN THE CENTER OF THE BADGE\r\n   This is the part showing \"30 \/ MIN CALL\".\r\n============================================================= *\/\r\n\r\n.badge-core {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    width: 118px;\r\n\r\n    height: 118px;\r\n\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 2px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #1A5BD3,   \/* main blue   *\/\r\n            #123E8F    \/* darker blue *\/\r\n        );\r\n\r\n    box-shadow:\r\n        0 20px 34px -10px rgba(26,91,211,0.55),\r\n        inset 0 1px 0 rgba(255,255,255,0.18);\r\n}\r\n\r\n\/* the big \"30\" number *\/\r\n.badge-number {\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 34px;\r\n\r\n    font-weight: 800;\r\n\r\n    line-height: 1em;\r\n}\r\n\r\n\/* the small \"MIN CALL\" label under the number *\/\r\n.badge-unit {\r\n\r\n    color: rgba(255,255,255,0.75);\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 10px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   14. CAPTION TEXT UNDER THE BADGE\r\n   (\"No obligation. Straight-talk assessment.\")\r\n============================================================= *\/\r\n\r\n.visual-caption {\r\n\r\n    color: #8891A3;\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.5em;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   15. RING PULSE ANIMATION\r\n   Makes the outer two rings slowly grow and fade, on repeat.\r\n============================================================= *\/\r\n\r\n@keyframes pulse-ring {\r\n\r\n    0%, 100% {\r\n\r\n        transform: scale(1);\r\n\r\n        opacity: 1;\r\n    }\r\n\r\n    50% {\r\n\r\n        transform: scale(1.06);\r\n\r\n        opacity: 0.55;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   16. TABLET VIEW (screens 900px wide and smaller)\r\n   Switches the 2-column layout to a single column, and moves\r\n   the badge above the text.\r\n============================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .why-card {\r\n\r\n        padding: 44px 32px;\r\n    }\r\n\r\n    .why-card-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 40px;\r\n    }\r\n\r\n    .why-card-visual {\r\n\r\n        order: -1;\r\n        \/* moves the badge above the text on smaller screens *\/\r\n    }\r\n\r\n    .visual-badge {\r\n\r\n        width: 150px;\r\n\r\n        height: 150px;\r\n    }\r\n\r\n    .badge-core {\r\n\r\n        width: 96px;\r\n\r\n        height: 96px;\r\n    }\r\n\r\n    .badge-number {\r\n\r\n        font-size: 28px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   17. MOBILE VIEW (screens 560px wide and smaller, i.e. phones)\r\n   Reduces padding\/font sizes and makes the button full width.\r\n============================================================= *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    .why-card {\r\n\r\n        padding: 34px 22px;\r\n\r\n        border-radius: 22px;\r\n    }\r\n\r\n    .why-card-content h3 {\r\n\r\n        font-size: 24px;\r\n    }\r\n\r\n    .why-cta {\r\n\r\n        width: 100%;\r\n\r\n        justify-content: center;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-03e48f2 e-con-full e-flex e-con e-parent\" data-id=\"03e48f2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d6572e elementor-widget-tablet__width-inherit elementor-widget elementor-widget-html\" data-id=\"9d6572e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     SECTION A: TRUST BAR\r\n============================================================ -->\r\n\r\n<div class=\"applivon-trust-fullwidth\">\r\n\r\n    <div class=\"applivon-trust-content\">\r\n\r\n        <!-- ITEM 01 -->\r\n        <div class=\"applivon-trust-item\">\r\n            <span class=\"trust-dot trust-shade-1\"><\/span>\r\n            <span>Experienced Odoo Implementation Partner<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"trust-divider\"><\/span>\r\n\r\n        <!-- ITEM 02 -->\r\n        <div class=\"applivon-trust-item\">\r\n            <span class=\"trust-dot trust-shade-2\"><\/span>\r\n            <span>Grant-Guided Automation<\/span>\r\n        <\/div>\r\n\r\n        <span class=\"trust-divider\"><\/span>\r\n\r\n        <!-- ITEM 03 -->\r\n        <div class=\"applivon-trust-item\">\r\n            <span class=\"trust-dot trust-shade-3\"><\/span>\r\n            <span>Multi-Industry Domain Knowledge<\/span>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     SECTION B: PROOF STATS GRID\r\n============================================================ -->\r\n\r\n<div class=\"applivon-proof-fullwidth\">\r\n\r\n    <div class=\"applivon-proof-grid\">\r\n\r\n        <!-- CARD 1 -->\r\n        <div class=\"applivon-proof-card\">\r\n\r\n            <div class=\"proof-number proof-shade-1\">\r\n                <span class=\"counter\" data-target=\"40\">0<\/span><span>+<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"proof-title\">\r\n                Years ERP Experience\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CARD 2 -->\r\n        <div class=\"applivon-proof-card\">\r\n\r\n            <div class=\"proof-number proof-shade-2\">\r\n                <span class=\"counter\" data-target=\"100\">0<\/span><span>K+<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"proof-title\">\r\n                Implementation Hours\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CARD 3 -->\r\n        <div class=\"applivon-proof-card\">\r\n\r\n            <div class=\"proof-number proof-shade-3\">\r\n                <span class=\"counter\" data-target=\"88\">0<\/span><span>%<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"proof-title\">\r\n                Grant Approval Success\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- CARD 4 -->\r\n        <div class=\"applivon-proof-card\">\r\n\r\n            <div class=\"proof-number proof-shade-4 proof-outcome\">\r\n                Outcome-Based\r\n            <\/div>\r\n\r\n            <div class=\"proof-title\">\r\n                Customisation &amp; Support\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700&display=swap');\r\n\r\n\r\n\/* ============================================================\r\n   TRUST BAR \u2014 OUTER STRIP\r\n============================================================ *\/\r\n\r\n.applivon-trust-fullwidth {\r\n\r\n    width: 100vw;\r\n\r\n    max-width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    padding: 21px 30px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #F6F8FC;\r\n\r\n    border-top: 1px solid #E7EBF3;\r\n\r\n    border-bottom: 1px solid #E7EBF3;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TRUST BAR \u2014 CONTENT ROW\r\n============================================================ *\/\r\n\r\n.applivon-trust-content {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1200px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        minmax(0, 1fr)\r\n        auto\r\n        minmax(0, 1fr)\r\n        auto\r\n        minmax(0, 1fr);\r\n\r\n    align-items: center;\r\n\r\n    gap: 18px;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TRUST BAR \u2014 EACH ITEM\r\n============================================================ *\/\r\n\r\n.applivon-trust-item {\r\n\r\n    min-width: 0;\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    color: #4B5468;\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.4em;\r\n\r\n    text-align: center;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TRUST BAR \u2014 3 DOT COLORS\r\n============================================================ *\/\r\n\r\n.trust-dot {\r\n\r\n    width: 8px;\r\n\r\n    height: 8px;\r\n\r\n    min-width: 8px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    border-radius: 50%;\r\n}\r\n\r\n\r\n\/* Brand Blue *\/\r\n.trust-shade-1 {\r\n    background: #1A5BD3;\r\n}\r\n\r\n\r\n\/* SaaS Indigo *\/\r\n.trust-shade-2 {\r\n    background: #7C5CDE;\r\n}\r\n\r\n\r\n\/* SaaS Teal *\/\r\n.trust-shade-3 {\r\n    background: #18A999;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TRUST BAR \u2014 VERTICAL DIVIDERS\r\n============================================================ *\/\r\n\r\n.trust-divider {\r\n\r\n    width: 1px;\r\n\r\n    height: 15px;\r\n\r\n    flex-shrink: 0;\r\n\r\n    background: #DCE1EC;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROOF SECTION \u2014 OUTER WHITE AREA\r\n============================================================ *\/\r\n\r\n.applivon-proof-fullwidth {\r\n\r\n    width: 100vw;\r\n\r\n    margin-left: calc(50% - 50vw);\r\n\r\n    margin-right: calc(50% - 50vw);\r\n\r\n    padding: 60px 30px 75px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #FFFFFF;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROOF SECTION \u2014 GRID\r\n============================================================ *\/\r\n\r\n.applivon-proof-grid {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1200px;\r\n\r\n    margin: 0 auto;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: repeat(4, 1fr);\r\n\r\n    gap: 20px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROOF SECTION \u2014 CARD\r\n============================================================ *\/\r\n\r\n.applivon-proof-card {\r\n\r\n    min-height: 145px;\r\n\r\n    padding: 28px 26px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 16px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #E7EBF3;\r\n\r\n    box-shadow:\r\n        0 10px 26px -12px rgba(14,21,36,0.10);\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease,\r\n        border-color 0.25s ease;\r\n}\r\n\r\n\r\n.applivon-proof-card:hover {\r\n\r\n    transform: translateY(-4px);\r\n\r\n    border-color: #C9D5EF;\r\n\r\n    box-shadow:\r\n        0 18px 34px -12px rgba(26,91,211,0.18);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROOF SECTION \u2014 BIG NUMBERS\r\n============================================================ *\/\r\n\r\n.proof-number {\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 38px;\r\n\r\n    line-height: 1.05em;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -1.3px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   NEW SAAS COLOR PALETTE\r\n============================================================ *\/\r\n\r\n\/* Card 1 \u2014 Brand Blue *\/\r\n.proof-shade-1 {\r\n    color: #1A5BD3;\r\n}\r\n\r\n\r\n\/* Card 2 \u2014 SaaS Indigo *\/\r\n.proof-shade-2 {\r\n    color: #7C5CDE;\r\n}\r\n\r\n\r\n\/* Card 3 \u2014 SaaS Teal *\/\r\n.proof-shade-3 {\r\n    color: #18A999;\r\n}\r\n\r\n\r\n\/* Card 4 \u2014 Deep Indigo *\/\r\n.proof-shade-4 {\r\n    color: #315FCF;\r\n}\r\n\r\n\r\n\/* Outcome text *\/\r\n.proof-outcome {\r\n\r\n    font-size: 27px;\r\n\r\n    letter-spacing: -0.7px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   PROOF SECTION \u2014 LABEL\r\n============================================================ *\/\r\n\r\n.proof-title {\r\n\r\n    margin-top: 12px;\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.45em;\r\n\r\n    font-weight: 400;\r\n\r\n    color: #7A8399;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET \u2014 TRUST BAR\r\n============================================================ *\/\r\n\r\n@media (min-width: 768px) and (max-width: 1024px) {\r\n\r\n    .applivon-trust-fullwidth {\r\n\r\n        padding: 18px 28px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-trust-content {\r\n\r\n        grid-template-columns:\r\n            minmax(0, 1.35fr)\r\n            auto\r\n            minmax(0, 0.85fr)\r\n            auto\r\n            minmax(0, 1.25fr);\r\n\r\n        gap: 10px;\r\n    }\r\n\r\n\r\n    .applivon-trust-item {\r\n\r\n        gap: 6px;\r\n\r\n        font-size: 10px;\r\n\r\n        line-height: 1.35em;\r\n    }\r\n\r\n\r\n    .trust-dot {\r\n\r\n        width: 6px;\r\n\r\n        height: 6px;\r\n\r\n        min-width: 6px;\r\n    }\r\n\r\n\r\n    .trust-divider {\r\n\r\n        height: 14px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET \u2014 PROOF GRID\r\n============================================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .applivon-proof-fullwidth {\r\n\r\n        padding-left: 25px;\r\n\r\n        padding-right: 25px;\r\n    }\r\n\r\n\r\n    .applivon-proof-grid {\r\n\r\n        grid-template-columns: repeat(2, 1fr);\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE \u2014 TRUST BAR\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .applivon-trust-fullwidth {\r\n\r\n        padding: 23px 20px;\r\n    }\r\n\r\n\r\n    .applivon-trust-content {\r\n\r\n        display: flex;\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: center;\r\n\r\n        justify-content: center;\r\n\r\n        gap: 13px;\r\n    }\r\n\r\n\r\n    .applivon-trust-item {\r\n\r\n        width: 100%;\r\n\r\n        gap: 8px;\r\n\r\n        font-size: 12px;\r\n\r\n        line-height: 1.5em;\r\n    }\r\n\r\n\r\n    .trust-divider {\r\n\r\n        display: none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE \u2014 PROOF GRID\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .applivon-proof-fullwidth {\r\n\r\n        padding: 40px 18px 60px;\r\n    }\r\n\r\n\r\n    .applivon-proof-grid {\r\n\r\n        grid-template-columns: repeat(2, 1fr);\r\n\r\n        gap: 12px;\r\n    }\r\n\r\n\r\n    .applivon-proof-card {\r\n\r\n        min-height: 125px;\r\n\r\n        padding: 22px 18px;\r\n\r\n        border-radius: 14px;\r\n    }\r\n\r\n\r\n    .proof-number {\r\n\r\n        font-size: 30px;\r\n    }\r\n\r\n\r\n    .proof-outcome {\r\n\r\n        font-size: 22px;\r\n    }\r\n\r\n\r\n    .proof-title {\r\n\r\n        font-size: 11px;\r\n\r\n        line-height: 1.5em;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SMALL MOBILE \u2014 PROOF GRID\r\n============================================================ *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .applivon-proof-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.querySelector(\r\n            '.applivon-proof-fullwidth'\r\n        );\r\n\r\n    const counters =\r\n        document.querySelectorAll(\r\n            '.applivon-proof-fullwidth .counter'\r\n        );\r\n\r\n\r\n    if (!section || !counters.length) return;\r\n\r\n\r\n    let started = false;\r\n\r\n\r\n    function startCounters() {\r\n\r\n        if (started) return;\r\n\r\n        started = true;\r\n\r\n\r\n        counters.forEach(function (counter) {\r\n\r\n            const target =\r\n                parseInt(\r\n                    counter.dataset.target,\r\n                    10\r\n                );\r\n\r\n            const duration = 1800;\r\n\r\n            const startTime =\r\n                performance.now();\r\n\r\n\r\n            function update(currentTime) {\r\n\r\n                const progress =\r\n                    Math.min(\r\n                        (currentTime - startTime) \/\r\n                        duration,\r\n                        1\r\n                    );\r\n\r\n\r\n                const eased =\r\n                    1 -\r\n                    Math.pow(\r\n                        1 - progress,\r\n                        3\r\n                    );\r\n\r\n\r\n                const value =\r\n                    Math.floor(\r\n                        eased * target\r\n                    );\r\n\r\n\r\n                counter.textContent = value;\r\n\r\n\r\n                if (progress < 1) {\r\n\r\n                    requestAnimationFrame(update);\r\n\r\n                } else {\r\n\r\n                    counter.textContent =\r\n                        target;\r\n\r\n                }\r\n\r\n            }\r\n\r\n\r\n            requestAnimationFrame(update);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    if ('IntersectionObserver' in window) {\r\n\r\n        const observer =\r\n            new IntersectionObserver(\r\n                function (entries) {\r\n\r\n                    entries.forEach(\r\n                        function (entry) {\r\n\r\n                            if (\r\n                                entry.isIntersecting\r\n                            ) {\r\n\r\n                                startCounters();\r\n\r\n                                observer.disconnect();\r\n\r\n                            }\r\n\r\n                        }\r\n                    );\r\n\r\n                },\r\n                {\r\n                    threshold: 0.25\r\n                }\r\n            );\r\n\r\n\r\n        observer.observe(section);\r\n\r\n    } else {\r\n\r\n        startCounters();\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<div class=\"elementor-element elementor-element-152e5fc e-con-full e-flex e-con e-parent\" data-id=\"152e5fc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ab7c45f elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"ab7c45f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     APPLIVON \u2014 PARALLAX BACKGROUND IMAGE\r\n     ------------------------------------------------------------\r\n     Replace ONLY the image URL below.\r\n============================================================= -->\r\n\r\n<section class=\"applivon-parallax-section\">\r\n\r\n    <div class=\"applivon-parallax-image\"><\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   1. PARALLAX SECTION\r\n============================================================= *\/\r\n\r\n.applivon-parallax-section {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    height: 420px;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #060B16;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   2. PARALLAX BACKGROUND IMAGE\r\n============================================================= *\/\r\n\r\n.applivon-parallax-image {\r\n\r\n    position: absolute;\r\n\r\n    top: -15%;\r\n\r\n    left: 0;\r\n\r\n    width: 100%;\r\n\r\n    height: 130%;\r\n\r\n    background-image:\r\n        url(https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/03\/100334.jpg);\r\n\r\n    background-position: center center;\r\n\r\n    background-repeat: no-repeat;\r\n\r\n    background-size: cover;\r\n\r\n    background-attachment: fixed;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   3. DARK OVERLAY\r\n   ------------------------------------------------------------\r\n   Remove this if you want the image to appear brighter.\r\n============================================================= *\/\r\n\r\n.applivon-parallax-section::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    inset: 0;\r\n\r\n    background:\r\n        linear-gradient(\r\n            180deg,\r\n            rgba(6, 11, 22, 0.35),\r\n            rgba(6, 11, 22, 0.55)\r\n        );\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   4. TABLET\r\n============================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .applivon-parallax-section {\r\n\r\n        height: 350px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   5. MOBILE\r\n   ------------------------------------------------------------\r\n   Fixed background scrolling can behave inconsistently\r\n   on mobile browsers, so we use a normal background image.\r\n============================================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .applivon-parallax-section {\r\n\r\n        height: 280px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-parallax-image {\r\n\r\n        top: 0;\r\n\r\n        height: 100%;\r\n\r\n        background-attachment: scroll;\r\n\r\n        background-position: center center;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8694e98 e-con-full e-flex e-con e-parent\" data-id=\"8694e98\" data-element_type=\"container\" data-e-type=\"container\" id=\"business\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-e473868 e-flex e-con-boxed e-con e-child\" data-id=\"e473868\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6024e19 e-con-full e-flex e-con e-child\" data-id=\"6024e19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-030dd4f elementor-widget elementor-widget-heading\" data-id=\"030dd4f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">how we can help<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f016fe0 elementor-widget elementor-widget-heading\" data-id=\"f016fe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"> From Process Gaps to Productivity Gains\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c1b8035 elementor-widget elementor-widget-text-editor\" data-id=\"c1b8035\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: 400;\">Applivon\u2019s outcome-based proven methodology helps SMEs clarify business needs, optimise processes,<br> implement and customise the right ERP workflows, migrate data securely, train users,<br>and sustain long-term productivity with grant-guided advisory support. <\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f474d9 elementor-widget elementor-widget-html\" data-id=\"7f474d9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"applivon-process-section\">\r\n\r\n    <!-- CONNECTING LINE -->\r\n    <div class=\"applivon-process-line\"><\/div>\r\n\r\n\r\n    <!-- =========================================\r\n         CARD 01 \u2014 ANALYSE & PRIORITISE\r\n    ========================================== -->\r\n\r\n    <div class=\"applivon-process-card\">\r\n\r\n        <div class=\"applivon-process-number\">01<\/div>\r\n\r\n        <div class=\"applivon-process-icon\">\r\n\r\n            <!-- ODOO LOGO -->\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n                <circle cx=\"50\" cy=\"50\" r=\"34\"\r\n                        fill=\"none\"\r\n                        stroke=\"#4E83E5\"\r\n                        stroke-width=\"7\"\/>\r\n\r\n                <circle cx=\"50\" cy=\"50\" r=\"10\"\r\n                        fill=\"#4E83E5\"\/>\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Analyse &amp; Prioritise<\/h3>\r\n\r\n        <ul class=\"process-list\">\r\n\r\n            <li>Business needs review<\/li>\r\n            <li>Workflow pain points<\/li>\r\n            <li>Process gaps<\/li>\r\n            <li>System readiness<\/li>\r\n            <li>Grant-fit assessment<\/li>\r\n\r\n        <\/ul>\r\n\r\n        <div class=\"applivon-outcome-box\">\r\n\r\n            <div class=\"outcome-label\">\r\n                Outcome\r\n            <\/div>\r\n\r\n            <ul class=\"outcome-list\">\r\n\r\n                <li>\r\n                    Clear priorities and practical project scope\r\n                <\/li>\r\n\r\n                <li>\r\n                    Better confidence before investing\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================================\r\n         CARD 02 \u2014 OPTIMISE & DESIGN\r\n    ========================================== -->\r\n\r\n    <div class=\"applivon-process-card\">\r\n\r\n        <div class=\"applivon-process-number\">02<\/div>\r\n\r\n        <div class=\"applivon-process-icon\">\r\n\r\n            <!-- ODOO STUDIO STYLE ICON -->\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n\r\n                <rect x=\"20\"\r\n                      y=\"20\"\r\n                      width=\"60\"\r\n                      height=\"60\"\r\n                      rx=\"12\"\r\n                      fill=\"none\"\r\n                      stroke=\"#9B6EF3\"\r\n                      stroke-width=\"7\"\/>\r\n\r\n                <path\r\n                    d=\"M34 50h32M50 34v32\"\r\n                    fill=\"none\"\r\n                    stroke=\"#9B6EF3\"\r\n                    stroke-width=\"7\"\r\n                    stroke-linecap=\"round\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Optimise &amp; Design<\/h3>\r\n\r\n        <ul class=\"process-list\">\r\n\r\n            <li>Workflow redesign<\/li>\r\n            <li>Process standardisation<\/li>\r\n            <li>Automation planning<\/li>\r\n            <li>Integration requirements<\/li>\r\n            <li>Value-based customisation scope<\/li>\r\n\r\n        <\/ul>\r\n\r\n        <div class=\"applivon-outcome-box\">\r\n\r\n            <div class=\"outcome-label\">\r\n                Outcome\r\n            <\/div>\r\n\r\n            <ul class=\"outcome-list\">\r\n\r\n                <li>\r\n                    Leaner processes with fewer manual steps\r\n                <\/li>\r\n\r\n                <li>\r\n                    Right-sized solution design\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================================\r\n         CARD 03 \u2014 IMPLEMENT & TRANSIT\r\n    ========================================== -->\r\n\r\n    <div class=\"applivon-process-card\">\r\n\r\n        <div class=\"applivon-process-number\">03<\/div>\r\n\r\n        <div class=\"applivon-process-icon\">\r\n\r\n            <!-- ODOO.SH \/ CLOUD STYLE ICON -->\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n\r\n                <path\r\n                    d=\"M25 68\r\n                       C16 68 10 61 10 52\r\n                       C10 43 17 36 26 36\r\n                       C29 23 40 15 53 15\r\n                       C68 15 80 26 82 41\r\n                       C90 43 95 49 95 57\r\n                       C95 67 87 75 77 75\r\n                       H25Z\"\r\n                    fill=\"none\"\r\n                    stroke=\"#35D69A\"\r\n                    stroke-width=\"7\"\r\n                    stroke-linejoin=\"round\"\/>\r\n\r\n                <path\r\n                    d=\"M50 42v27\"\r\n                    fill=\"none\"\r\n                    stroke=\"#35D69A\"\r\n                    stroke-width=\"7\"\r\n                    stroke-linecap=\"round\"\/>\r\n\r\n                <path\r\n                    d=\"M39 53l11-11 11 11\"\r\n                    fill=\"none\"\r\n                    stroke=\"#35D69A\"\r\n                    stroke-width=\"7\"\r\n                    stroke-linecap=\"round\"\r\n                    stroke-linejoin=\"round\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Implement &amp; Transit<\/h3>\r\n\r\n        <ul class=\"process-list\">\r\n\r\n            <li>\r\n                ERP \/ system configuration\r\n            <\/li>\r\n\r\n            <li>\r\n                Data migration\r\n            <\/li>\r\n\r\n            <li>\r\n                Cloud \/ system transition\r\n            <\/li>\r\n\r\n            <li>\r\n                Testing and UAT\r\n            <\/li>\r\n\r\n            <li>\r\n                Go-live and de-bug\r\n            <\/li>\r\n\r\n        <\/ul>\r\n\r\n        <div class=\"applivon-outcome-box\">\r\n\r\n            <div class=\"outcome-label\">\r\n                Outcome\r\n            <\/div>\r\n\r\n            <ul class=\"outcome-list\">\r\n\r\n                <li>\r\n                    Smoother deployment and cleaner data\r\n                <\/li>\r\n\r\n                <li>\r\n                    Reduced disruption and stable operations\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- =========================================\r\n         CARD 04 \u2014 TRAIN & IMPROVE\r\n    ========================================== -->\r\n\r\n    <div class=\"applivon-process-card\">\r\n\r\n        <div class=\"applivon-process-number\">04<\/div>\r\n\r\n        <div class=\"applivon-process-icon\">\r\n\r\n            <!-- ODOO SUPPORT \/ HELP DESK STYLE ICON -->\r\n            <svg viewBox=\"0 0 100 100\" aria-hidden=\"true\">\r\n\r\n                <circle\r\n                    cx=\"50\"\r\n                    cy=\"50\"\r\n                    r=\"34\"\r\n                    fill=\"none\"\r\n                    stroke=\"#E5A94E\"\r\n                    stroke-width=\"7\"\/>\r\n\r\n                <path\r\n                    d=\"M27 51\r\n                       C27 38 37 29 50 29\r\n                       C63 29 73 38 73 51\"\r\n                    fill=\"none\"\r\n                    stroke=\"#E5A94E\"\r\n                    stroke-width=\"7\"\r\n                    stroke-linecap=\"round\"\/>\r\n\r\n                <rect\r\n                    x=\"20\"\r\n                    y=\"48\"\r\n                    width=\"13\"\r\n                    height=\"23\"\r\n                    rx=\"6\"\r\n                    fill=\"#E5A94E\"\/>\r\n\r\n                <rect\r\n                    x=\"67\"\r\n                    y=\"48\"\r\n                    width=\"13\"\r\n                    height=\"23\"\r\n                    rx=\"6\"\r\n                    fill=\"#E5A94E\"\/>\r\n\r\n                <path\r\n                    d=\"M73 71\r\n                       C70 81 61 84 52 84\"\r\n                    fill=\"none\"\r\n                    stroke=\"#E5A94E\"\r\n                    stroke-width=\"6\"\r\n                    stroke-linecap=\"round\"\/>\r\n\r\n            <\/svg>\r\n\r\n        <\/div>\r\n\r\n        <h3>Train &amp; Improve<\/h3>\r\n\r\n        <ul class=\"process-list\">\r\n\r\n            <li>User training<\/li>\r\n\r\n            <li>Adoption support<\/li>\r\n\r\n            <li>Knowledge transfer<\/li>\r\n\r\n            <li>Performance review<\/li>\r\n\r\n            <li>Continuous improvement guidance<\/li>\r\n\r\n            <li>Post-launch maintenance<\/li>\r\n\r\n        <\/ul>\r\n\r\n        <div class=\"applivon-outcome-box\">\r\n\r\n            <div class=\"outcome-label\">\r\n                Outcome\r\n            <\/div>\r\n\r\n            <ul class=\"outcome-list\">\r\n\r\n                <li>\r\n                    Confident users and stronger adoption\r\n                <\/li>\r\n\r\n                <li>\r\n                    Better productivity and long-term system value\r\n                <\/li>\r\n\r\n            <\/ul>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   MAIN PROCESS SECTION\r\n========================================= *\/\r\n\r\n.applivon-process-section {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1200px;\r\n\r\n    margin: 60px auto 0;\r\n\r\n    padding: 50px 0 30px;\r\n\r\n    position: relative;\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, 1fr);\r\n\r\n    gap: 18px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    font-family:\r\n        Inter,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CONNECTING LINE\r\n========================================= *\/\r\n\r\n.applivon-process-line {\r\n\r\n    position: absolute;\r\n\r\n    top: 27px;\r\n\r\n    left: 12%;\r\n\r\n    right: 12%;\r\n\r\n    height: 1px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            90deg,\r\n            transparent,\r\n            rgba(26,91,211,0.35),\r\n            #1A5BD3,\r\n            #4E83E5,\r\n            #1A5BD3,\r\n            rgba(26,91,211,0.35),\r\n            transparent\r\n        );\r\n\r\n    z-index: 1;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD\r\n========================================= *\/\r\n\r\n.applivon-process-card {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    min-height: 525px;\r\n\r\n    padding: 42px 25px 25px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border-radius: 16px;\r\n\r\n    border:\r\n        1px solid rgba(78,131,229,0.18);\r\n\r\n    background:\r\n        linear-gradient(\r\n            145deg,\r\n            #0B111D 0%,\r\n            #090E19 100%\r\n        );\r\n\r\n    box-shadow:\r\n        inset 0 1px 0\r\n        rgba(255,255,255,0.025),\r\n\r\n        0 12px 30px\r\n        rgba(0,0,0,0.18);\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD HOVER\r\n========================================= *\/\r\n\r\n.applivon-process-card:hover {\r\n\r\n    transform:\r\n        translateY(-6px);\r\n\r\n    border-color:\r\n        rgba(78,131,229,0.42);\r\n\r\n    box-shadow:\r\n        0 20px 45px\r\n        rgba(0,0,0,0.30),\r\n\r\n        0 0 25px\r\n        rgba(26,91,211,0.07);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   NUMBER\r\n========================================= *\/\r\n\r\n.applivon-process-number {\r\n\r\n    position: absolute;\r\n\r\n    top: -23px;\r\n\r\n    left: 50%;\r\n\r\n    transform:\r\n        translateX(-50%);\r\n\r\n    width: 46px;\r\n\r\n    height: 46px;\r\n\r\n    border-radius: 50%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    background:\r\n        #060B16;\r\n\r\n    border:\r\n        1px solid #1A5BD3;\r\n\r\n    color:\r\n        #4E83E5;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 700;\r\n\r\n    box-shadow:\r\n        0 0 0 5px #060B16,\r\n\r\n        0 0 18px\r\n        rgba(26,91,211,0.25);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON\r\n========================================= *\/\r\n\r\n.applivon-process-icon {\r\n\r\n    width: 70px;\r\n\r\n    height: 70px;\r\n\r\n    margin:\r\n        0 auto 24px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 16px;\r\n\r\n    background:\r\n        rgba(26,91,211,0.07);\r\n\r\n    border:\r\n        1px solid rgba(78,131,229,0.20);\r\n\r\n    flex-shrink: 0;\r\n\r\n    box-sizing: border-box;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON LOGOS\r\n========================================= *\/\r\n\r\n.applivon-process-icon svg {\r\n\r\n    width: 40px;\r\n\r\n    height: 40px;\r\n\r\n    display: block;\r\n\r\n    overflow: visible;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   CARD HEADING\r\n========================================= *\/\r\n\r\n.applivon-process-card h3 {\r\n\r\n    margin:\r\n        0 0 18px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        20px;\r\n\r\n    line-height:\r\n        1.3em;\r\n\r\n    font-weight:\r\n        650;\r\n\r\n    letter-spacing:\r\n        -0.35px;\r\n\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION BULLETS\r\n========================================= *\/\r\n\r\n.process-list {\r\n\r\n    margin:\r\n        0 0 24px;\r\n\r\n    padding:\r\n        0 0 0 18px;\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n    color:\r\n        #929BAD;\r\n\r\n    font-size:\r\n        13px;\r\n\r\n    line-height:\r\n        1.65em;\r\n\r\n    flex-shrink: 0;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION BULLET\r\n========================================= *\/\r\n\r\n.process-list li {\r\n\r\n    margin-bottom:\r\n        7px;\r\n\r\n    padding-left:\r\n        3px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   DESCRIPTION BULLET COLOR\r\n========================================= *\/\r\n\r\n.process-list li::marker {\r\n\r\n    color:\r\n        #4E83E5;\r\n\r\n    font-size:\r\n        18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OUTCOME BOX\r\n========================================= *\/\r\n\r\n.applivon-outcome-box {\r\n\r\n    margin-top:\r\n        auto;\r\n\r\n    padding:\r\n        18px 18px 20px;\r\n\r\n    min-height:\r\n        158px;\r\n\r\n    box-sizing:\r\n        border-box;\r\n\r\n    border-radius:\r\n        12px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            155deg,\r\n            rgba(78,131,229,0.10) 0%,\r\n            rgba(53,214,154,0.05) 100%\r\n        );\r\n\r\n    border:\r\n        1px solid rgba(78,131,229,0.16);\r\n\r\n    box-shadow:\r\n        inset 0 1px 0\r\n        rgba(255,255,255,0.03);\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OUTCOME LABEL\r\n========================================= *\/\r\n\r\n.outcome-label {\r\n\r\n    margin-bottom:\r\n        9px;\r\n\r\n    color:\r\n        #FFFFFF;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    font-weight:\r\n        600;\r\n\r\n    letter-spacing:\r\n        0.6px;\r\n\r\n    text-transform:\r\n        uppercase;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OUTCOME LIST\r\n========================================= *\/\r\n\r\n.outcome-list {\r\n\r\n    margin:\r\n        0;\r\n\r\n    padding:\r\n        0 0 0 18px;\r\n\r\n    color:\r\n        #A7B0C2;\r\n\r\n    font-size:\r\n        12px;\r\n\r\n    line-height:\r\n        1.65em;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OUTCOME BULLETS\r\n========================================= *\/\r\n\r\n.outcome-list li {\r\n\r\n    margin-bottom:\r\n        6px;\r\n\r\n    padding-left:\r\n        3px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   OUTCOME BULLET COLOR\r\n========================================= *\/\r\n\r\n.outcome-list li::marker {\r\n\r\n    color:\r\n        #35D69A;\r\n\r\n    font-size:\r\n        18px;\r\n}\r\n\r\n\r\n\/* =========================================\r\n   TABLET\r\n========================================= *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .applivon-process-section {\r\n\r\n        grid-template-columns:\r\n            repeat(2, 1fr);\r\n\r\n        gap:\r\n            55px 18px;\r\n\r\n        padding-left:\r\n            20px;\r\n\r\n        padding-right:\r\n            20px;\r\n    }\r\n\r\n\r\n    .applivon-process-line {\r\n\r\n        display:\r\n            none;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .applivon-process-section {\r\n\r\n        grid-template-columns:\r\n            1fr;\r\n\r\n        gap:\r\n            30px;\r\n\r\n        margin-top:\r\n            50px;\r\n\r\n        padding:\r\n            35px 18px 20px;\r\n    }\r\n\r\n\r\n    .applivon-process-card {\r\n\r\n        min-height:\r\n            auto;\r\n\r\n        padding:\r\n            38px 22px 22px;\r\n    }\r\n\r\n\r\n    .applivon-process-number {\r\n\r\n        left:\r\n            28px;\r\n\r\n        transform:\r\n            none;\r\n    }\r\n\r\n\r\n    .applivon-process-icon {\r\n\r\n        margin-left:\r\n            0;\r\n    }\r\n\r\n\r\n    .applivon-process-card h3 {\r\n\r\n        font-size:\r\n            20px;\r\n    }\r\n\r\n\r\n    .process-list {\r\n\r\n        font-size:\r\n            13px;\r\n    }\r\n\r\n\r\n    .outcome-list {\r\n\r\n        font-size:\r\n            12px;\r\n    }\r\n\r\n\r\n    .applivon-outcome-box {\r\n\r\n        min-height:\r\n            auto;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7b15e11 e-con-full e-flex e-con e-parent\" data-id=\"7b15e11\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-abcbc9b e-flex e-con-boxed e-con e-child\" data-id=\"abcbc9b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-bf8b28d e-con-full e-flex e-con e-child\" data-id=\"bf8b28d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f448199 elementor-widget elementor-widget-heading\" data-id=\"f448199\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Power of ODOO<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1f62db elementor-widget elementor-widget-heading\" data-id=\"e1f62db\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">One Odoo ERP Platform to Connect <br>Your Business Scalably\n\n\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-cc5baf8 elementor-widget elementor-widget-text-editor\" data-id=\"cc5baf8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: 400;\">Odoo is suitable for SMEs that want a modular ERP platform covering sales, operations, finance,service, HR, inventory,<br> eCommerce, and more. Applivon helps SMEs select the right modules, configure workflows, <br>customise only where it creates value, and support adoption after go-live.<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f9d59b1 elementor-widget elementor-widget-html\" data-id=\"f9d59b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"applivon-odoo-section\">\r\n\r\n    <div class=\"applivon-odoo-container\">\r\n\r\n        <!-- =====================================================\r\n             CATEGORY TABS\r\n        ====================================================== -->\r\n\r\n        <div class=\"applivon-odoo-tabs\">\r\n\r\n            <button class=\"odoo-tab active\" data-target=\"sell\">\r\n                Sell\r\n            <\/button>\r\n\r\n            <button class=\"odoo-tab\" data-target=\"operate\">\r\n                Operate\r\n            <\/button>\r\n\r\n            <button class=\"odoo-tab\" data-target=\"manage\">\r\n                Manage\r\n            <\/button>\r\n\r\n            <button class=\"odoo-tab\" data-target=\"serve\">\r\n                Serve &amp; Grow\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- =====================================================\r\n             CARDS\r\n        ====================================================== -->\r\n\r\n        <div class=\"applivon-odoo-grid\">\r\n\r\n\r\n            <!-- =================================================\r\n                 SELL\r\n            ================================================== -->\r\n\r\n            <div class=\"odoo-card active-card\" data-card=\"sell\">\r\n\r\n                <div class=\"odoo-card-top\">\r\n\r\n                    <div class=\"odoo-icon odoo-icon-sell\">\r\n\r\n                        <!-- Sales \/ CRM SVG -->\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <rect\r\n                                x=\"10\"\r\n                                y=\"14\"\r\n                                width=\"44\"\r\n                                height=\"36\"\r\n                                rx=\"8\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M20 25h24\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M20 34h13\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"45\"\r\n                                cy=\"40\"\r\n                                r=\"5\"\r\n                                fill=\"currentColor\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>Sell<\/h3>\r\n\r\n                        <p>\r\n                            Attract customers, close deals,\r\n                            and grow revenue.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"odoo-modules\">\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">CRM<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Convert more qualified leads\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Sales<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Close deals faster\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">POS<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Speed up checkout sales\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">eCommerce<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Grow online sales channels\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 OPERATE\r\n            ================================================== -->\r\n\r\n            <div class=\"odoo-card\" data-card=\"operate\">\r\n\r\n                <div class=\"odoo-card-top\">\r\n\r\n                    <div class=\"odoo-icon odoo-icon-operate\">\r\n\r\n                        <!-- Operations \/ Inventory SVG -->\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M12 23L32 12l20 11-20 11L12 23z\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M12 23v20l20 10 20-10V23\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M32 34v19\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M22 18l20 11\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>Operate<\/h3>\r\n\r\n                        <p>\r\n                            Run your operations smoothly\r\n                            and efficiently.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"odoo-modules\">\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Inventory<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Improve stock accuracy\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Purchase<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Control supplier spending\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Manufacturing<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Increase production efficiency\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Warehouse<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Fulfil orders faster\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 MANAGE\r\n            ================================================== -->\r\n\r\n            <div class=\"odoo-card\" data-card=\"manage\">\r\n\r\n                <div class=\"odoo-card-top\">\r\n\r\n                    <div class=\"odoo-icon odoo-icon-manage\">\r\n\r\n                        <!-- Accounting \/ Management SVG -->\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <rect\r\n                                x=\"11\"\r\n                                y=\"10\"\r\n                                width=\"42\"\r\n                                height=\"44\"\r\n                                rx=\"7\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M21 43V31\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"4\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M32 43V23\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"4\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M43 43V17\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"4\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M18 47h29\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"2.5\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>Manage<\/h3>\r\n\r\n                        <p>\r\n                            Manage your finances,\r\n                            people, and documents.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"odoo-modules\">\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Accounting<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Strengthen financial visibility\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">HR<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Improve workforce administration\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Documents<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Find documents faster\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Approvals<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Accelerate decision approvals\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n\r\n            <!-- =================================================\r\n                 SERVE & GROW\r\n            ================================================== -->\r\n\r\n            <div class=\"odoo-card\" data-card=\"serve\">\r\n\r\n                <div class=\"odoo-card-top\">\r\n\r\n                    <div class=\"odoo-icon odoo-icon-serve\">\r\n\r\n                        <!-- Service \/ Growth SVG -->\r\n                        <svg viewBox=\"0 0 64 64\" aria-hidden=\"true\">\r\n\r\n                            <path\r\n                                d=\"M16 43h32\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M18 39l10-11 8 7 12-15\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M40 20h8v8\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linecap=\"round\"\r\n                                stroke-linejoin=\"round\"\r\n                            \/>\r\n\r\n                            <circle\r\n                                cx=\"19\"\r\n                                cy=\"21\"\r\n                                r=\"6\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                            \/>\r\n\r\n                            <path\r\n                                d=\"M9 43c1-6 5-9 10-9\"\r\n                                fill=\"none\"\r\n                                stroke=\"currentColor\"\r\n                                stroke-width=\"3\"\r\n                                stroke-linecap=\"round\"\r\n                            \/>\r\n\r\n                        <\/svg>\r\n\r\n                    <\/div>\r\n\r\n\r\n                    <div>\r\n\r\n                        <h3>Serve &amp; Grow<\/h3>\r\n\r\n                        <p>\r\n                            Deliver great service and\r\n                            scale your business.\r\n                        <\/p>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"odoo-modules\">\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Field Service<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Improve service response\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Helpdesk<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Resolve issues faster\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Marketing<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Nurture customers better\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n\r\n                    <div class=\"odoo-module\">\r\n                        <div class=\"module-main\">\r\n                            <span class=\"module-arrow\">\u203a<\/span>\r\n                            <span class=\"module-name\">Website<\/span>\r\n                        <\/div>\r\n                        <span class=\"module-description\">\r\n                            Generate more enquiries\r\n                        <\/span>\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =====================================================\r\n             CTA\r\n        ====================================================== -->\r\n\r\n        <div class=\"applivon-odoo-cta\">\r\n\r\n            <a href=\"https:\/\/revamp.applivon.com\/index.php\/odoo-erp\/\" class=\"odoo-find-more\">\r\n                Find Out More\r\n                <span class=\"cta-arrow\">\u2192<\/span>\r\n            <\/a>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   MAIN SECTION\r\n============================================================ *\/\r\n\r\n.applivon-odoo-section {\r\n\r\n    width: 100%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    padding: 70px 24px 80px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    font-family:\r\n        Inter,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CONTAINER\r\n============================================================ *\/\r\n\r\n.applivon-odoo-container {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1250px;\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CATEGORY TABS\r\n============================================================ *\/\r\n\r\n.applivon-odoo-tabs {\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    margin-bottom: 48px;\r\n\r\n    flex-wrap: wrap;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TAB BUTTON\r\n============================================================ *\/\r\n\r\n.odoo-tab {\r\n\r\n    appearance: none;\r\n\r\n    border: 1px solid #D9E0EA;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #182230;\r\n\r\n    padding: 14px 30px;\r\n\r\n    min-width: 130px;\r\n\r\n    border-radius: 999px;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 16px;\r\n\r\n    font-weight: 700;\r\n\r\n    cursor: default;\r\n\r\n    outline: none;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease,\r\n        color 0.25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TAB HOVER\r\n============================================================ *\/\r\n\r\n.odoo-tab:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    border-color: #1A5BD3;\r\n\r\n    color: #1A5BD3;\r\n\r\n    box-shadow:\r\n        0 18px 32px -10px\r\n        rgba(26,91,211,0.25);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ACTIVE TAB\r\n============================================================ *\/\r\n\r\n.odoo-tab.active {\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1A5BD3 0%,\r\n            #0F3F9E 100%\r\n        );\r\n\r\n    border-color: #1A5BD3;\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 14px 26px -12px\r\n        rgba(26,91,211,0.50);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ACTIVE TAB HOVER\r\n============================================================ *\/\r\n\r\n.odoo-tab.active:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 18px 32px -10px\r\n        rgba(26,91,211,0.55);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CARD GRID\r\n============================================================ *\/\r\n\r\n.applivon-odoo-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns:\r\n        repeat(4, minmax(0, 1fr));\r\n\r\n    gap: 20px;\r\n\r\n    align-items: stretch;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CARD\r\n============================================================ *\/\r\n\r\n.odoo-card {\r\n\r\n    position: relative;\r\n\r\n    width: 100%;\r\n\r\n    min-width: 0;\r\n\r\n    min-height: 390px;\r\n\r\n    padding: 26px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid #DCE3EC;\r\n\r\n    border-radius: 18px;\r\n\r\n    box-shadow:\r\n        0 8px 25px\r\n        rgba(16,24,40,0.045);\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    overflow: hidden;\r\n\r\n    transition:\r\n        border-color 0.3s ease,\r\n        box-shadow 0.3s ease,\r\n        transform 0.3s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CARD CORNER HIGHLIGHT\r\n============================================================ *\/\r\n\r\n.odoo-card::after {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    top: 0;\r\n\r\n    right: 0;\r\n\r\n    width: 55px;\r\n\r\n    height: 55px;\r\n\r\n    border-top: 2px solid transparent;\r\n\r\n    border-right: 2px solid transparent;\r\n\r\n    border-radius: 0 18px 0 0;\r\n\r\n    opacity: 0;\r\n\r\n    transition:\r\n        opacity 0.3s ease,\r\n        width 0.3s ease,\r\n        height 0.3s ease;\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ACTIVE CARD\r\n============================================================ *\/\r\n\r\n.odoo-card.active-card {\r\n\r\n    border-color: #B8CCF2;\r\n\r\n    box-shadow:\r\n        0 0 0 1px\r\n        rgba(26,91,211,0.08),\r\n\r\n        0 18px 40px\r\n        rgba(26,91,211,0.11);\r\n\r\n    transform: translateY(-3px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ACTIVE CARD CORNER\r\n============================================================ *\/\r\n\r\n.odoo-card.active-card::after {\r\n\r\n    opacity: 1;\r\n\r\n    width: 85px;\r\n\r\n    height: 85px;\r\n\r\n    border-top-color: #1A5BD3;\r\n\r\n    border-right-color: #4E83E5;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CARD TOP\r\n============================================================ *\/\r\n\r\n.odoo-card-top {\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 17px;\r\n\r\n    margin-bottom: 26px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ICON CONTAINER\r\n============================================================ *\/\r\n\r\n.odoo-icon {\r\n\r\n    width: 58px;\r\n\r\n    height: 58px;\r\n\r\n    min-width: 58px;\r\n\r\n    border-radius: 14px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    background: #F5F8FF;\r\n\r\n    border: 1px solid #E1E9F8;\r\n\r\n    box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ICON SVG\r\n============================================================ *\/\r\n\r\n.odoo-icon svg {\r\n\r\n    width: 34px;\r\n\r\n    height: 34px;\r\n\r\n    display: block;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ICON COLORS\r\n============================================================ *\/\r\n\r\n.odoo-icon-sell {\r\n\r\n    color: #1A5BD3;\r\n\r\n}\r\n\r\n\r\n.odoo-icon-operate {\r\n\r\n    color: #7C5CDE;\r\n\r\n}\r\n\r\n\r\n.odoo-icon-manage {\r\n\r\n    color: #18A999;\r\n\r\n}\r\n\r\n\r\n.odoo-icon-serve {\r\n\r\n    color: #315FCF;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CARD TITLE\r\n============================================================ *\/\r\n\r\n.odoo-card h3 {\r\n\r\n    margin: 2px 0 7px;\r\n\r\n    color: #101828;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1.25;\r\n\r\n    font-weight: 800;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   DESCRIPTION\r\n============================================================ *\/\r\n\r\n.odoo-card-top p {\r\n\r\n    margin: 0;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 14px;\r\n\r\n    line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MODULES\r\n============================================================ *\/\r\n\r\n.odoo-modules {\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    gap: 9px;\r\n\r\n    margin-top: auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MODULE\r\n============================================================ *\/\r\n\r\n.odoo-module {\r\n\r\n    min-height: 48px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 10px 15px;\r\n\r\n    display: flex;\r\n\r\n    flex-direction: column;\r\n\r\n    align-items: flex-start;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 0;\r\n\r\n    border: 1px solid #E1E7EF;\r\n\r\n    border-radius: 11px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    color: #182230;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 600;\r\n\r\n    transition:\r\n        border-color 0.2s ease,\r\n        background 0.2s ease,\r\n        transform 0.2s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MODULE MAIN ROW\r\n============================================================ *\/\r\n\r\n.module-main {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 12px;\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   ORIGINAL MODULE ARROW\r\n============================================================ *\/\r\n\r\n.module-arrow {\r\n\r\n    color: #246BEB;\r\n\r\n    font-size: 23px;\r\n\r\n    line-height: 1;\r\n\r\n    margin-top: -2px;\r\n\r\n    flex: 0 0 auto;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MODULE NAME\r\n============================================================ *\/\r\n\r\n.module-name {\r\n\r\n    display: block;\r\n\r\n    white-space: nowrap;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MODULE DESCRIPTION\r\n   Hidden by default\r\n============================================================ *\/\r\n\r\n.module-description {\r\n\r\n    display: block;\r\n\r\n    margin-left: 35px;\r\n\r\n    margin-top: 0;\r\n\r\n    max-height: 0;\r\n\r\n    opacity: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 500;\r\n\r\n    line-height: 1.4;\r\n\r\n    transform: translateY(-4px);\r\n\r\n    transition:\r\n        max-height 0.3s ease,\r\n        opacity 0.25s ease,\r\n        margin-top 0.3s ease,\r\n        transform 0.25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MODULE HOVER\r\n============================================================ *\/\r\n\r\n.odoo-module:hover {\r\n\r\n    border-color: #B9D0FA;\r\n\r\n    background: #F8FAFF;\r\n\r\n    transform: translateX(2px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SHOW DESCRIPTION ON HOVER\r\n============================================================ *\/\r\n\r\n.odoo-module:hover .module-description {\r\n\r\n    max-height: 40px;\r\n\r\n    opacity: 1;\r\n\r\n    margin-top: 4px;\r\n\r\n    transform: translateY(0);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CTA WRAPPER\r\n============================================================ *\/\r\n\r\n.applivon-odoo-cta {\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    align-items: center;\r\n\r\n    margin-top: 38px;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   FIND OUT MORE BUTTON\r\n============================================================ *\/\r\n\r\n.odoo-find-more {\r\n\r\n    display: inline-flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 9px;\r\n\r\n    width: auto;\r\n\r\n    min-width: 150px;\r\n\r\n    height: 46px;\r\n\r\n    padding: 0 22px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border-radius: 999px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1A5BD3 0%,\r\n            #0F3F9E 100%\r\n        );\r\n\r\n    color: #FFFFFF;\r\n\r\n    text-decoration: none;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    line-height: 1;\r\n\r\n    box-shadow:\r\n        0 12px 24px -10px\r\n        rgba(26,91,211,0.45);\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CTA HOVER\r\n============================================================ *\/\r\n\r\n.odoo-find-more:hover {\r\n\r\n    color: #FFFFFF;\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 16px 30px -10px\r\n        rgba(26,91,211,0.55);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   CTA ARROW\r\n============================================================ *\/\r\n\r\n.cta-arrow {\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1;\r\n\r\n    transition:\r\n        transform 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.odoo-find-more:hover .cta-arrow {\r\n\r\n    transform: translateX(3px);\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================ *\/\r\n\r\n@media (max-width: 1024px) {\r\n\r\n    .applivon-odoo-section {\r\n\r\n        padding:\r\n            60px\r\n            24px\r\n            70px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-odoo-grid {\r\n\r\n        grid-template-columns:\r\n            repeat(2, minmax(0, 1fr));\r\n\r\n        gap: 20px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-card {\r\n\r\n        min-height: 380px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .applivon-odoo-section {\r\n\r\n        padding:\r\n            50px\r\n            18px\r\n            60px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-odoo-tabs {\r\n\r\n        gap: 8px;\r\n\r\n        margin-bottom: 32px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-tab {\r\n\r\n        padding:\r\n            11px\r\n            18px;\r\n\r\n        min-width: auto;\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-odoo-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 16px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-card {\r\n\r\n        min-height: auto;\r\n\r\n        padding: 22px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-card-top {\r\n\r\n        margin-bottom: 22px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-card h3 {\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-icon {\r\n\r\n        width: 52px;\r\n\r\n        height: 52px;\r\n\r\n        min-width: 52px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-icon svg {\r\n\r\n        width: 30px;\r\n\r\n        height: 30px;\r\n\r\n    }\r\n\r\n\r\n    .applivon-odoo-cta {\r\n\r\n        margin-top: 30px;\r\n\r\n    }\r\n\r\n\r\n    .odoo-find-more {\r\n\r\n        min-width: 145px;\r\n\r\n        height: 44px;\r\n\r\n        padding:\r\n            0\r\n            20px;\r\n\r\n        font-size: 13px;\r\n\r\n    }\r\n\r\n\r\n    \/* ================================================\r\n       MOBILE HOVER \/ TOUCH SUPPORT\r\n    ================================================ *\/\r\n\r\n    .odoo-module:hover {\r\n\r\n        transform: none;\r\n\r\n    }\r\n\r\n\r\n    .odoo-module:hover .module-description {\r\n\r\n        max-height: 40px;\r\n\r\n        opacity: 1;\r\n\r\n        margin-top: 4px;\r\n\r\n        transform: translateY(0);\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   SMALL MOBILE\r\n============================================================ *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .applivon-odoo-tabs {\r\n\r\n        display: grid;\r\n\r\n        grid-template-columns:\r\n            1fr 1fr;\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .odoo-tab {\r\n\r\n        width: 100%;\r\n\r\n    }\r\n\r\n\r\n    .odoo-card-top {\r\n\r\n        gap: 13px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\r\n\/* ============================================================\r\n   PREVENT ELEMENTOR OVERFLOW\r\n============================================================ *\/\r\n\r\n.applivon-odoo-section,\r\n.applivon-odoo-container,\r\n.applivon-odoo-grid {\r\n\r\n    max-width: 100%;\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const section =\r\n        document.querySelector(\r\n            \".applivon-odoo-section\"\r\n        );\r\n\r\n    if (!section) return;\r\n\r\n\r\n    const tabs =\r\n        section.querySelectorAll(\r\n            \".odoo-tab\"\r\n        );\r\n\r\n    const cards =\r\n        section.querySelectorAll(\r\n            \".odoo-card\"\r\n        );\r\n\r\n\r\n    \/* ========================================================\r\n       HOVER ONLY\r\n       NO CLICK EVENTS\r\n    ======================================================== *\/\r\n\r\n    tabs.forEach(function (tab) {\r\n\r\n        tab.addEventListener(\r\n            \"mouseenter\",\r\n            function () {\r\n\r\n                const target =\r\n                    this.getAttribute(\r\n                        \"data-target\"\r\n                    );\r\n\r\n\r\n                \/* Remove active state *\/\r\n\r\n                tabs.forEach(function (item) {\r\n\r\n                    item.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                });\r\n\r\n\r\n                cards.forEach(function (card) {\r\n\r\n                    card.classList.remove(\r\n                        \"active-card\"\r\n                    );\r\n\r\n                });\r\n\r\n\r\n                \/* Activate hovered tab *\/\r\n\r\n                this.classList.add(\r\n                    \"active\"\r\n                );\r\n\r\n\r\n                \/* Activate matching card *\/\r\n\r\n                cards.forEach(function (card) {\r\n\r\n                    if (\r\n                        card.getAttribute(\r\n                            \"data-card\"\r\n                        ) === target\r\n                    ) {\r\n\r\n                        card.classList.add(\r\n                            \"active-card\"\r\n                        );\r\n\r\n                    }\r\n\r\n                });\r\n\r\n            }\r\n        );\r\n\r\n    });\r\n\r\n\r\n\r\n    \/* ========================================================\r\n       KEEP SELL ACTIVE WHEN MOUSE LEAVES TAB AREA\r\n    ======================================================== *\/\r\n\r\n    section\r\n        .querySelector(\r\n            \".applivon-odoo-tabs\"\r\n        )\r\n        .addEventListener(\r\n            \"mouseleave\",\r\n            function () {\r\n\r\n                tabs.forEach(function (tab) {\r\n\r\n                    tab.classList.remove(\r\n                        \"active\"\r\n                    );\r\n\r\n                });\r\n\r\n\r\n                cards.forEach(function (card) {\r\n\r\n                    card.classList.remove(\r\n                        \"active-card\"\r\n                    );\r\n\r\n                });\r\n\r\n\r\n                const sellTab =\r\n                    section.querySelector(\r\n                        '.odoo-tab[data-target=\"sell\"]'\r\n                    );\r\n\r\n\r\n                const sellCard =\r\n                    section.querySelector(\r\n                        '.odoo-card[data-card=\"sell\"]'\r\n                    );\r\n\r\n\r\n                if (sellTab) {\r\n\r\n                    sellTab.classList.add(\r\n                        \"active\"\r\n                    );\r\n\r\n                }\r\n\r\n\r\n                if (sellCard) {\r\n\r\n                    sellCard.classList.add(\r\n                        \"active-card\"\r\n                    );\r\n\r\n                }\r\n\r\n            }\r\n        );\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ae52f4 e-flex e-con-boxed e-con e-parent\" data-id=\"5ae52f4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a2e33b2 e-flex e-con-boxed e-con e-child\" data-id=\"a2e33b2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-5b74978 e-con-full e-flex e-con e-child\" data-id=\"5b74978\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d49ebcd elementor-widget elementor-widget-heading\" data-id=\"d49ebcd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Real Results from ERP transformation<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c051585 elementor-widget elementor-widget-heading\" data-id=\"c051585\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Which business processes should SMEs automate?\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fc82f87 elementor-widget elementor-widget-text-editor\" data-id=\"fc82f87\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The best automation opportunities are usually high-volume, repetitive, error-prone, or approval-heavy workflows.<br \/>Applivon helps SMEs prioritise processes that create measurable improvements<br \/>in speed, accuracy, visibility, and team productivity.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6d877b3 e-flex e-con-boxed e-con e-child\" data-id=\"6d877b3\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9d3ba68 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"9d3ba68\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<!-- ============================================================\r\n     CUSTOMER SUCCESS \/ CASE STUDIES CAROUSEL\r\n============================================================= -->\r\n\r\n<section class=\"cs-section\">\r\n\r\n\r\n\r\n  <div class=\"cs-slider-outer\">\r\n\r\n    <div class=\"cs-slides\" id=\"csSlides\">\r\n\r\n\r\n      <!-- =====================================================\r\n           CASE STUDY 01\r\n      ====================================================== -->\r\n\r\n      <div class=\"cs-slide\">\r\n\r\n        <div class=\"cs-text-col\">\r\n\r\n          <h3 class=\"cs-slide-title\">\r\n            Automating Sales &amp; Inventory for a Leading Retail Chain\r\n          <\/h3>\r\n\r\n          <div class=\"cs-details-grid\">\r\n\r\n            <div class=\"cs-detail-block\">\r\n              <div class=\"cs-detail-label\">Client Type<\/div>\r\n\r\n              <div class=\"cs-detail-val\">\r\n                <span class=\"cs-client-tag\">\r\n                  Retail Business\r\n                <\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Challenge\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val\">\r\n                Manual sales tracking and disconnected inventory systems\r\n                were causing costly delays and stock discrepancies across\r\n                all locations.\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Result\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val highlight\">\r\n                Operations reduced from weeks to minutes\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Module Stack\r\n              <\/div>\r\n\r\n              <div class=\"cs-modules\">\r\n\r\n                <span class=\"cs-mod\">POS<\/span>\r\n                <span class=\"cs-mod\">Inventory<\/span>\r\n                <span class=\"cs-mod\">Accounting<\/span>\r\n                <span class=\"cs-mod\">Sales<\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a\r\n            href=\"https:\/\/revamp.applivon.com\/index.php\/coustomer-success-and-case-studies\/\"\r\n            class=\"cs-read-more\"\r\n          >\r\n            Read Full Case Study\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n              <polyline points=\"12 5 19 12 12 19\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cs-img-col\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/09\/omni-channel.png\"\r\n            alt=\"Retail Business\"\r\n          >\r\n\r\n          <div class=\"cs-num\">\r\n            01\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CASE STUDY 02\r\n      ====================================================== -->\r\n\r\n      <div class=\"cs-slide\">\r\n\r\n        <div class=\"cs-text-col\">\r\n\r\n          <h3 class=\"cs-slide-title\">\r\n            Transforming Field Operations for a National Service Provider\r\n          <\/h3>\r\n\r\n\r\n          <div class=\"cs-details-grid\">\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Client Type\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val\">\r\n\r\n                <span class=\"cs-client-tag\">\r\n                  Service Company\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Challenge\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val\">\r\n                Poor job scheduling and lack of field visibility resulted\r\n                in missed appointments and dissatisfied customers across\r\n                service regions.\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Result\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val highlight\">\r\n                Faster response &amp; improved service delivery\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Module Stack\r\n              <\/div>\r\n\r\n              <div class=\"cs-modules\">\r\n\r\n                <span class=\"cs-mod\">\r\n                  Field Service\r\n                <\/span>\r\n\r\n                <span class=\"cs-mod\">\r\n                  Project\r\n                <\/span>\r\n\r\n                <span class=\"cs-mod\">\r\n                  Helpdesk\r\n                <\/span>\r\n\r\n                <span class=\"cs-mod\">\r\n                  Planning\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a\r\n            href=\"https:\/\/revamp.applivon.com\/index.php\/coustomer-success-and-case-studies\/\"\r\n            class=\"cs-read-more\"\r\n          >\r\n            Read Full Case Study\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n              <polyline points=\"12 5 19 12 12 19\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cs-img-col\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/09\/mobile-v3.png\"\r\n            alt=\"Service Company\"\r\n          >\r\n\r\n          <div class=\"cs-num\">\r\n            02\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- =====================================================\r\n           CASE STUDY 03\r\n      ====================================================== -->\r\n\r\n      <div class=\"cs-slide\">\r\n\r\n        <div class=\"cs-text-col\">\r\n\r\n          <h3 class=\"cs-slide-title\">\r\n            Real-Time Reporting for a High-Volume Trading Business\r\n          <\/h3>\r\n\r\n\r\n          <div class=\"cs-details-grid\">\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Client Type\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val\">\r\n\r\n                <span class=\"cs-client-tag\">\r\n                  Trading Company\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Challenge\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val\">\r\n                Delayed reporting and lack of real-time insights were\r\n                preventing leadership from making timely, data-driven\r\n                decisions.\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Result\r\n              <\/div>\r\n\r\n              <div class=\"cs-detail-val highlight\">\r\n                Reporting time reduced from months to hours\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"cs-detail-block\">\r\n\r\n              <div class=\"cs-detail-label\">\r\n                Module Stack\r\n              <\/div>\r\n\r\n              <div class=\"cs-modules\">\r\n\r\n                <span class=\"cs-mod\">\r\n                  Sales\r\n                <\/span>\r\n\r\n                <span class=\"cs-mod\">\r\n                  Inventory\r\n                <\/span>\r\n\r\n                <span class=\"cs-mod\">\r\n                  Dashboard\r\n                <\/span>\r\n\r\n                <span class=\"cs-mod\">\r\n                  Accounting\r\n                <\/span>\r\n\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <a\r\n            href=\"https:\/\/revamp.applivon.com\/index.php\/coustomer-success-and-case-studies\/\"\r\n            class=\"cs-read-more\"\r\n          >\r\n            Read Full Case Study\r\n\r\n            <svg viewBox=\"0 0 24 24\">\r\n              <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\r\n              <polyline points=\"12 5 19 12 12 19\"\/>\r\n            <\/svg>\r\n\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"cs-img-col\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/04\/Odoo-eCommerce-dashboard-mockup.png\"\r\n            alt=\"Trading Company\"\r\n          >\r\n\r\n          <div class=\"cs-num\">\r\n            03\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- ======================================================\r\n         NAVIGATION\r\n    ======================================================= -->\r\n\r\n    <div class=\"cs-nav\">\r\n\r\n      <button\r\n        class=\"cs-arrow\"\r\n        id=\"csPrev\"\r\n        aria-label=\"Previous case study\"\r\n      >\r\n\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        >\r\n\r\n          <polyline points=\"15 18 9 12 15 6\"><\/polyline>\r\n\r\n        <\/svg>\r\n\r\n      <\/button>\r\n\r\n\r\n      <div class=\"cs-dots\">\r\n\r\n        <div\r\n          class=\"cs-dot active\"\r\n          data-i=\"0\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"cs-dot\"\r\n          data-i=\"1\"\r\n        ><\/div>\r\n\r\n        <div\r\n          class=\"cs-dot\"\r\n          data-i=\"2\"\r\n        ><\/div>\r\n\r\n      <\/div>\r\n\r\n\r\n      <button\r\n        class=\"cs-arrow\"\r\n        id=\"csNext\"\r\n        aria-label=\"Next case study\"\r\n      >\r\n\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n        >\r\n\r\n          <polyline points=\"9 18 15 12 9 6\"><\/polyline>\r\n\r\n        <\/svg>\r\n\r\n      <\/button>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n\r\n\r\n  <!-- ======================================================\r\n       EXPLORE ALL\r\n  ======================================================= -->\r\n\r\n  <div class=\"cs-explore\">\r\n\r\n    <a\r\n      href=\"https:\/\/revamp.applivon.com\/index.php\/coustomer-success-and-case-studies\/\"\r\n    >\r\n      Explore All Case Studies\r\n      <span>&#8594;<\/span>\r\n    <\/a>\r\n\r\n  <\/div>\r\n\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   CASE STUDIES \u2014 DARK SECTION\r\n============================================================= *\/\r\n\r\n.cs-section {\r\n\r\n  width: 100%;\r\n\r\n  \/*\r\n   * IMPORTANT:\r\n   * Same #060B16 background as your previous dark section.\r\n   * No bottom gradient\/glow.\r\n   *\/\r\n  background: #060B16;\r\n\r\n  box-sizing: border-box;\r\n\r\n  font-family:\r\n    Inter,\r\n    -apple-system,\r\n    BlinkMacSystemFont,\r\n    \"Segoe UI\",\r\n    Roboto,\r\n    Arial,\r\n    sans-serif;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   HEADER\r\n============================================================= *\/\r\n\r\n.cs-header {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  text-align: center;\r\n\r\n  max-width: 800px;\r\n\r\n  margin: 0 auto 55px;\r\n\r\n}\r\n\r\n\r\n.cs-label {\r\n\r\n  display: block;\r\n\r\n  margin-bottom: 12px;\r\n\r\n  color: #4E83E5;\r\n\r\n  font-size: 13px;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: 2px;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.cs-header h2 {\r\n\r\n  margin: 0 0 16px;\r\n\r\n  color: #FFFFFF;\r\n\r\n  font-size: 42px;\r\n\r\n  line-height: 1.15;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -1px;\r\n\r\n}\r\n\r\n\r\n.cs-sub {\r\n\r\n  max-width: 650px;\r\n\r\n  margin: 0 auto;\r\n\r\n  color: #929BAD;\r\n\r\n  font-size: 16px;\r\n\r\n  line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SLIDER\r\n============================================================= *\/\r\n\r\n.cs-slider-outer {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  width: 100%;\r\n\r\n  max-width: 1150px;\r\n\r\n  margin: 0 auto;\r\n\r\n  padding: 10px;\r\n\r\n  box-sizing: border-box;\r\n\r\n  overflow: hidden;\r\n\r\n}\r\n\r\n\r\n.cs-slides {\r\n\r\n  display: flex;\r\n\r\n  transition:\r\n    transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   SLIDE\r\n============================================================= *\/\r\n\r\n.cs-slide {\r\n\r\n  min-width: 100%;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: row;\r\n\r\n  background: #0B111D;\r\n\r\n  border-radius: 18px;\r\n\r\n  overflow: hidden;\r\n\r\n  border: 1px solid rgba(78,131,229,0.18);\r\n\r\n  box-shadow:\r\n    inset 0 1px 0 rgba(255,255,255,0.025),\r\n    0 20px 50px rgba(0,0,0,0.25);\r\n\r\n  min-height: 480px;\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TEXT COLUMN\r\n============================================================= *\/\r\n\r\n.cs-text-col {\r\n\r\n  flex: 1;\r\n\r\n  padding: 55px;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  justify-content: center;\r\n\r\n  text-align: left;\r\n\r\n  background: #0B111D;\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.cs-slide-title {\r\n\r\n  margin: 0 0 30px;\r\n\r\n  color: #FFFFFF;\r\n\r\n  font-size: 32px;\r\n\r\n  line-height: 1.2;\r\n\r\n  font-weight: 800;\r\n\r\n  letter-spacing: -0.7px;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DETAILS\r\n============================================================= *\/\r\n\r\n.cs-details-grid {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 22px;\r\n\r\n  margin-bottom: 35px;\r\n\r\n  padding-left: 20px;\r\n\r\n  border-left: 2px solid rgba(130,145,175,0.14);\r\n\r\n}\r\n\r\n\r\n.cs-detail-block {\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  gap: 7px;\r\n\r\n}\r\n\r\n\r\n.cs-detail-label {\r\n\r\n  color: #6B7690;\r\n\r\n  font-size: 11px;\r\n\r\n  font-weight: 700;\r\n\r\n  letter-spacing: 1.4px;\r\n\r\n  text-transform: uppercase;\r\n\r\n}\r\n\r\n\r\n.cs-detail-val {\r\n\r\n  color: #929BAD;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.65;\r\n\r\n}\r\n\r\n\r\n.cs-detail-val.highlight {\r\n\r\n  color: #4E83E5;\r\n\r\n  font-size: 16px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CLIENT TAG\r\n============================================================= *\/\r\n\r\n.cs-client-tag {\r\n\r\n  display: inline-block;\r\n\r\n  padding: 6px 13px;\r\n\r\n  color: #4E83E5;\r\n\r\n  background: rgba(78,131,229,0.08);\r\n\r\n  border: 1px solid rgba(78,131,229,0.22);\r\n\r\n  border-radius: 999px;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 700;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MODULES\r\n============================================================= *\/\r\n\r\n.cs-modules {\r\n\r\n  display: flex;\r\n\r\n  flex-wrap: wrap;\r\n\r\n  gap: 7px;\r\n\r\n}\r\n\r\n\r\n.cs-mod {\r\n\r\n  padding: 6px 12px;\r\n\r\n  color: #C7CDDB;\r\n\r\n  background: #101827;\r\n\r\n  border: 1px solid rgba(130,145,175,0.18);\r\n\r\n  border-radius: 6px;\r\n\r\n  font-size: 12px;\r\n\r\n  font-weight: 600;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   READ MORE BUTTON\r\n============================================================= *\/\r\n\r\n.cs-read-more {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  width: fit-content;\r\n\r\n  padding: 13px 24px;\r\n\r\n  color: #FFFFFF;\r\n\r\n  background: #4E83E5;\r\n\r\n  border-radius: 999px;\r\n\r\n  font-size: 14px;\r\n\r\n  font-weight: 600;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    background 0.3s ease,\r\n    transform 0.3s ease,\r\n    box-shadow 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.cs-read-more:hover {\r\n\r\n  color: #FFFFFF;\r\n\r\n  background: #3F72D0;\r\n\r\n  transform: translateY(-2px);\r\n\r\n  box-shadow:\r\n    0 8px 25px rgba(78,131,229,0.25);\r\n\r\n}\r\n\r\n\r\n.cs-read-more svg {\r\n\r\n  width: 18px;\r\n\r\n  height: 18px;\r\n\r\n  fill: none;\r\n\r\n  stroke: currentColor;\r\n\r\n  stroke-width: 2.5;\r\n\r\n  stroke-linecap: round;\r\n\r\n  stroke-linejoin: round;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   IMAGE COLUMN\r\n============================================================= *\/\r\n\r\n.cs-img-col {\r\n\r\n  width: 45%;\r\n\r\n  flex-shrink: 0;\r\n\r\n  position: relative;\r\n\r\n  overflow: hidden;\r\n\r\n  background: #0B111D;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  box-sizing: border-box;\r\n\r\n}\r\n\r\n\r\n.cs-img-col img {\r\n\r\n  display: block;\r\n\r\n  width: 90%;\r\n\r\n  height: auto;\r\n\r\n  max-height: 90%;\r\n\r\n  object-fit: contain;\r\n\r\n  transition:\r\n    transform 0.6s ease,\r\n    filter 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.cs-slide:hover .cs-img-col img {\r\n\r\n  transform: scale(1.03);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   NUMBER\r\n============================================================= *\/\r\n\r\n.cs-num {\r\n\r\n  position: absolute;\r\n\r\n  right: 25px;\r\n\r\n  bottom: 18px;\r\n\r\n  color: rgba(255,255,255,0.035);\r\n\r\n  font-size: 72px;\r\n\r\n  font-weight: 900;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: -2px;\r\n\r\n  pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   NAVIGATION\r\n============================================================= *\/\r\n\r\n.cs-nav {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  gap: 16px;\r\n\r\n  margin-top: 35px;\r\n\r\n}\r\n\r\n\r\n.cs-arrow {\r\n\r\n  width: 46px;\r\n\r\n  height: 46px;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  justify-content: center;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: #0B111D;\r\n\r\n  border: 1px solid rgba(78,131,229,0.25);\r\n\r\n  color: #4E83E5;\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background 0.2s ease,\r\n    border-color 0.2s ease,\r\n    transform 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.cs-arrow:hover {\r\n\r\n  background: #101A2E;\r\n\r\n  border-color: rgba(78,131,229,0.5);\r\n\r\n  transform: translateY(-2px);\r\n\r\n}\r\n\r\n\r\n.cs-arrow svg {\r\n\r\n  width: 22px;\r\n\r\n  height: 22px;\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DOTS\r\n============================================================= *\/\r\n\r\n.cs-dots {\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n}\r\n\r\n\r\n.cs-dot {\r\n\r\n  width: 8px;\r\n\r\n  height: 8px;\r\n\r\n  padding: 0;\r\n\r\n  border: none;\r\n\r\n  border-radius: 50%;\r\n\r\n  background: rgba(78,131,229,0.25);\r\n\r\n  cursor: pointer;\r\n\r\n  transition:\r\n    background 0.25s ease,\r\n    transform 0.25s ease;\r\n\r\n}\r\n\r\n\r\n.cs-dot.active {\r\n\r\n  background: #4E83E5;\r\n\r\n  transform: scale(1.3);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   EXPLORE ALL CASE STUDIES\r\n============================================================= *\/\r\n\r\n.cs-explore {\r\n\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: block;\r\n\r\n  text-align: center;\r\n\r\n  margin-top: 35px;\r\n\r\n}\r\n\r\n\r\n.cs-explore a {\r\n\r\n  display: inline-flex;\r\n\r\n  align-items: center;\r\n\r\n  gap: 8px;\r\n\r\n  color: #4E83E5;\r\n\r\n  font-size: 15px;\r\n\r\n  font-weight: 600;\r\n\r\n  text-decoration: none;\r\n\r\n  transition:\r\n    color 0.3s ease,\r\n    transform 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.cs-explore a:hover {\r\n\r\n  color: #7AA5F5;\r\n\r\n  transform: translateX(3px);\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================= *\/\r\n\r\n@media (max-width: 991px) {\r\n\r\n  .cs-section {\r\n\r\n    padding:\r\n      70px\r\n      20px\r\n      65px;\r\n\r\n  }\r\n\r\n\r\n  .cs-header {\r\n\r\n    margin-bottom: 40px;\r\n\r\n  }\r\n\r\n\r\n  .cs-header h2 {\r\n\r\n    font-size: 36px;\r\n\r\n  }\r\n\r\n\r\n  .cs-slide {\r\n\r\n    flex-direction: column-reverse;\r\n\r\n    min-height: auto;\r\n\r\n  }\r\n\r\n\r\n  .cs-img-col {\r\n\r\n    width: 100%;\r\n\r\n    height: 300px;\r\n\r\n    padding: 20px;\r\n\r\n  }\r\n\r\n\r\n  .cs-img-col img {\r\n\r\n    width: auto;\r\n\r\n    height: 100%;\r\n\r\n    max-width: 90%;\r\n\r\n  }\r\n\r\n\r\n  .cs-text-col {\r\n\r\n    padding: 40px 35px;\r\n\r\n  }\r\n\r\n\r\n  .cs-slide-title {\r\n\r\n    font-size: 28px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n============================================================= *\/\r\n\r\n@media (max-width: 600px) {\r\n\r\n  .cs-section {\r\n\r\n    padding:\r\n      55px\r\n      14px\r\n      50px;\r\n\r\n  }\r\n\r\n\r\n  .cs-header h2 {\r\n\r\n    font-size: 29px;\r\n\r\n    letter-spacing: -0.5px;\r\n\r\n  }\r\n\r\n\r\n  .cs-sub {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n\r\n  .cs-slider-outer {\r\n\r\n    padding: 4px;\r\n\r\n  }\r\n\r\n\r\n  .cs-text-col {\r\n\r\n    padding: 30px 24px 32px;\r\n\r\n  }\r\n\r\n\r\n  .cs-slide-title {\r\n\r\n    font-size: 24px;\r\n\r\n    line-height: 1.25;\r\n\r\n    margin-bottom: 24px;\r\n\r\n  }\r\n\r\n\r\n  .cs-details-grid {\r\n\r\n    gap: 18px;\r\n\r\n    margin-bottom: 28px;\r\n\r\n    padding-left: 15px;\r\n\r\n  }\r\n\r\n\r\n  .cs-detail-val {\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n\r\n  .cs-detail-val.highlight {\r\n\r\n    font-size: 14px;\r\n\r\n  }\r\n\r\n\r\n  .cs-img-col {\r\n\r\n    height: 240px;\r\n\r\n  }\r\n\r\n\r\n  .cs-img-col img {\r\n\r\n    width: 85%;\r\n\r\n    height: auto;\r\n\r\n    max-height: 90%;\r\n\r\n  }\r\n\r\n\r\n  .cs-num {\r\n\r\n    right: 15px;\r\n\r\n    bottom: 12px;\r\n\r\n    font-size: 55px;\r\n\r\n  }\r\n\r\n\r\n  .cs-read-more {\r\n\r\n    padding: 12px 20px;\r\n\r\n    font-size: 13px;\r\n\r\n  }\r\n\r\n\r\n  .cs-arrow {\r\n\r\n    width: 42px;\r\n\r\n    height: 42px;\r\n\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VERY SMALL MOBILE\r\n============================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n  .cs-section {\r\n\r\n    padding-left: 10px;\r\n\r\n    padding-right: 10px;\r\n\r\n  }\r\n\r\n\r\n  .cs-text-col {\r\n\r\n    padding:\r\n      26px\r\n      20px\r\n      28px;\r\n\r\n  }\r\n\r\n\r\n  .cs-slide-title {\r\n\r\n    font-size: 22px;\r\n\r\n  }\r\n\r\n\r\n  .cs-img-col {\r\n\r\n    height: 210px;\r\n\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<script>\r\n\r\n(function(){\r\n\r\n  var track =\r\n    document.getElementById('csSlides');\r\n\r\n  var dots =\r\n    document.querySelectorAll('.cs-dot');\r\n\r\n  var prev =\r\n    document.getElementById('csPrev');\r\n\r\n  var next =\r\n    document.getElementById('csNext');\r\n\r\n\r\n  if (!track || !prev || !next) {\r\n    return;\r\n  }\r\n\r\n\r\n  var current = 0;\r\n\r\n  var total = 3;\r\n\r\n  var autoTimer;\r\n\r\n\r\n  function goTo(index){\r\n\r\n    current =\r\n      (index + total) % total;\r\n\r\n\r\n    track.style.transform =\r\n      'translateX(-' +\r\n      (current * 100) +\r\n      '%)';\r\n\r\n\r\n    dots.forEach(function(dot, i){\r\n\r\n      dot.classList.toggle(\r\n        'active',\r\n        i === current\r\n      );\r\n\r\n    });\r\n\r\n  }\r\n\r\n\r\n  function startAuto(){\r\n\r\n    clearInterval(autoTimer);\r\n\r\n    autoTimer =\r\n      setInterval(function(){\r\n\r\n        goTo(current + 1);\r\n\r\n      }, 6000);\r\n\r\n  }\r\n\r\n\r\n  function stopAuto(){\r\n\r\n    clearInterval(autoTimer);\r\n\r\n  }\r\n\r\n\r\n  prev.addEventListener(\r\n    'click',\r\n    function(){\r\n\r\n      stopAuto();\r\n\r\n      goTo(current - 1);\r\n\r\n      startAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  next.addEventListener(\r\n    'click',\r\n    function(){\r\n\r\n      stopAuto();\r\n\r\n      goTo(current + 1);\r\n\r\n      startAuto();\r\n\r\n    }\r\n  );\r\n\r\n\r\n  dots.forEach(function(dot){\r\n\r\n    dot.addEventListener(\r\n      'click',\r\n      function(){\r\n\r\n        stopAuto();\r\n\r\n        goTo(\r\n          parseInt(\r\n            dot.getAttribute('data-i'),\r\n            10\r\n          )\r\n        );\r\n\r\n        startAuto();\r\n\r\n      }\r\n    );\r\n\r\n  });\r\n\r\n\r\n  startAuto();\r\n\r\n})();\r\n\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-577c582 e-con-full elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet elementor-hidden-mobile e-flex e-con e-parent\" data-id=\"577c582\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b8f246f e-flex e-con-boxed e-con e-child\" data-id=\"b8f246f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-314e4c2 e-con-full e-flex e-con e-child\" data-id=\"314e4c2\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f99d887 elementor-widget elementor-widget-heading\" data-id=\"f99d887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">use cases &amp; measurable outcomes<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c72d867 elementor-widget elementor-widget-heading\" data-id=\"c72d867\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Which business processes should SMEs automate?\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-085a0dc elementor-widget elementor-widget-text-editor\" data-id=\"085a0dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">The best automation opportunities are usually high-volume, repetitive, error-prone, or approval-heavy workflows.<br \/>Applivon helps SMEs prioritise processes that create measurable improvements<br \/>in speed, accuracy, visibility, and team productivity.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-030ffec e-flex e-con-boxed e-con e-child\" data-id=\"030ffec\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26553f1 elementor-widget elementor-widget-html\" data-id=\"26553f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     USE CASES CAROUSEL \u2014 CARDS ONLY\r\n============================================================= -->\r\n\r\n<section class=\"uc-section\">\r\n\r\n    <div class=\"uc-container\">\r\n\r\n        <!-- ============================\r\n             CAROUSEL\r\n        ============================= -->\r\n\r\n        <div class=\"uc-carousel-wrap\">\r\n\r\n            <button class=\"uc-nav uc-prev\" id=\"ucPrev\" aria-label=\"Previous case\">\r\n                <span>&#8249;<\/span>\r\n            <\/button>\r\n\r\n            <div class=\"uc-track\" id=\"ucTrack\">\r\n\r\n                <!-- CARD 1 -->\r\n                <div class=\"uc-card\">\r\n\r\n                    <div class=\"uc-card-num\">01<\/div>\r\n\r\n                    <h3 class=\"uc-card-title\">\r\n                        Real-Time Inventory Tracking\r\n                    <\/h3>\r\n\r\n                    <div class=\"uc-card-tagline\">\r\n                        Know what stock you have, where it is, and when it moves\r\n                    <\/div>\r\n\r\n                    <p class=\"uc-card-desc\">\r\n                        Applivon helps SMEs improve inventory visibility by connecting stock movements, barcode tracking, purchasing, sales orders, warehouse updates, and reporting in one ERP workflow.\r\n                    <\/p>\r\n\r\n                    <div class=\"uc-card-divider\"><\/div>\r\n\r\n                    <div class=\"uc-outcomes-label\">\r\n                        OUTCOMES\r\n                    <\/div>\r\n\r\n                    <ul class=\"uc-outcomes-list\">\r\n                        <li>Better stock accuracy<\/li>\r\n                        <li>Fewer stockouts<\/li>\r\n                        <li>Reduced overstocking<\/li>\r\n                        <li>Faster reporting<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CARD 2 -->\r\n                <div class=\"uc-card\">\r\n\r\n                    <div class=\"uc-card-num\">02<\/div>\r\n\r\n                    <h3 class=\"uc-card-title\">\r\n                        Multi-Warehouse Management\r\n                    <\/h3>\r\n\r\n                    <div class=\"uc-card-tagline\">\r\n                        Control inventory across multiple locations\r\n                    <\/div>\r\n\r\n                    <p class=\"uc-card-desc\">\r\n                        For businesses managing more than one warehouse, outlet, or storage location, Applivon supports workflows for transfers, replenishment, stock counts, fulfilment, and location-level reporting.\r\n                    <\/p>\r\n\r\n                    <div class=\"uc-card-divider\"><\/div>\r\n\r\n                    <div class=\"uc-outcomes-label\">\r\n                        OUTCOMES\r\n                    <\/div>\r\n\r\n                    <ul class=\"uc-outcomes-list\">\r\n                        <li>Clearer warehouse visibility<\/li>\r\n                        <li>Smoother transfers<\/li>\r\n                        <li>Better fulfilment control<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CARD 3 -->\r\n                <div class=\"uc-card\">\r\n\r\n                    <div class=\"uc-card-num\">03<\/div>\r\n\r\n                    <h3 class=\"uc-card-title\">\r\n                        Manufacturing Processing\r\n                    <\/h3>\r\n\r\n                    <div class=\"uc-card-tagline\">\r\n                        Connect production, materials, costing and quality checks\r\n                    <\/div>\r\n\r\n                    <p class=\"uc-card-desc\">\r\n                        Applivon helps manufacturing SMEs automate production orders, BOM, procurement links, work orders, costing, quality checks, and production reporting.\r\n                    <\/p>\r\n\r\n                    <div class=\"uc-card-divider\"><\/div>\r\n\r\n                    <div class=\"uc-outcomes-label\">\r\n                        OUTCOMES\r\n                    <\/div>\r\n\r\n                    <ul class=\"uc-outcomes-list\">\r\n                        <li>Stronger production control<\/li>\r\n                        <li>Better cost visibility<\/li>\r\n                        <li>Fewer manual production updates<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CARD 4 -->\r\n                <div class=\"uc-card\">\r\n\r\n                    <div class=\"uc-card-num\">04<\/div>\r\n\r\n                    <h3 class=\"uc-card-title\">\r\n                        Field Services\r\n                    <\/h3>\r\n\r\n                    <div class=\"uc-card-tagline\">\r\n                        Manage jobs, technicians, service reports and billing\r\n                    <\/div>\r\n\r\n                    <p class=\"uc-card-desc\">\r\n                        For service teams, Applivon supports scheduling, dispatch, job tracking, mobile service updates, customer records, billing, and service reporting.\r\n                    <\/p>\r\n\r\n                    <div class=\"uc-card-divider\"><\/div>\r\n\r\n                    <div class=\"uc-outcomes-label\">\r\n                        OUTCOMES\r\n                    <\/div>\r\n\r\n                    <ul class=\"uc-outcomes-list\">\r\n                        <li>Faster job coordination<\/li>\r\n                        <li>Clearer service status<\/li>\r\n                        <li>Faster billing<\/li>\r\n                        <li>Better customer follow-up<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CARD 5 -->\r\n                <div class=\"uc-card\">\r\n\r\n                    <div class=\"uc-card-num\">05<\/div>\r\n\r\n                    <h3 class=\"uc-card-title\">\r\n                        Accounting\r\n                    <\/h3>\r\n\r\n                    <div class=\"uc-card-tagline\">\r\n                        Connect finance with sales, purchasing, inventory and reporting\r\n                    <\/div>\r\n\r\n                    <p class=\"uc-card-desc\">\r\n                        Applivon helps SMEs reduce duplicate entries by connecting invoices, bills, payments, inventory valuation, sales, purchasing, and management reports.\r\n                    <\/p>\r\n\r\n                    <div class=\"uc-card-divider\"><\/div>\r\n\r\n                    <div class=\"uc-outcomes-label\">\r\n                        OUTCOMES\r\n                    <\/div>\r\n\r\n                    <ul class=\"uc-outcomes-list\">\r\n                        <li>Fewer finance errors<\/li>\r\n                        <li>Faster month-end visibility<\/li>\r\n                        <li>Stronger reporting accuracy<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n\r\n                <!-- CARD 6 -->\r\n                <div class=\"uc-card\">\r\n\r\n                    <div class=\"uc-card-num\">06<\/div>\r\n\r\n                    <h3 class=\"uc-card-title\">\r\n                        Sales &amp; Purchase Processing\r\n                    <\/h3>\r\n\r\n                    <div class=\"uc-card-tagline\">\r\n                        Streamline quotations, orders, approvals and supplier workflows\r\n                    <\/div>\r\n\r\n                    <p class=\"uc-card-desc\">\r\n                        Applivon supports automation from enquiry to quotation, sales order, purchase request, supplier order, delivery, invoicing, and approval tracking.\r\n                    <\/p>\r\n\r\n                    <div class=\"uc-card-divider\"><\/div>\r\n\r\n                    <div class=\"uc-outcomes-label\">\r\n                        OUTCOMES\r\n                    <\/div>\r\n\r\n                    <ul class=\"uc-outcomes-list\">\r\n                        <li>Faster order processing<\/li>\r\n                        <li>Fewer missed approvals<\/li>\r\n                        <li>Better supplier and customer visibility<\/li>\r\n                    <\/ul>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <button class=\"uc-nav uc-next\" id=\"ucNext\" aria-label=\"Next case\">\r\n                <span>&#8250;<\/span>\r\n            <\/button>\r\n\r\n        <\/div>\r\n\r\n\r\n        <!-- DOTS -->\r\n        <div class=\"uc-dots\" id=\"ucDots\"><\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n\/* ============================================================\r\n   SECTION\r\n============================================================= *\/\r\n\r\n.uc-section {\r\n    width: 100%;\r\n    background: linear-gradient(\r\n        180deg,\r\n        #060B16 0%,\r\n        #090E19 100%\r\n    );\r\n\r\n    padding: 40px 24px 70px;\r\n    box-sizing: border-box;\r\n\r\n    font-family: Inter, Arial, sans-serif;\r\n}\r\n\r\n\r\n.uc-container {\r\n    width: 100%;\r\n    max-width: 1180px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CAROUSEL\r\n   NOTE: position:relative so the nav buttons can be pulled out\r\n   of the flex flow with position:absolute on mobile. This is\r\n   what fixes the \"card gets cropped\" bug \u2014 the arrows no longer\r\n   eat into the width available to the track\/card.\r\n============================================================= *\/\r\n\r\n.uc-carousel-wrap {\r\n    position: relative;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    gap: 14px;\r\n\r\n    width: 100%;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TRACK\r\n============================================================= *\/\r\n\r\n.uc-track {\r\n    display: flex;\r\n\r\n    gap: 20px;\r\n\r\n    overflow-x: auto;\r\n\r\n    scroll-snap-type: x mandatory;\r\n\r\n    scroll-behavior: smooth;\r\n\r\n    padding: 4px 2px 15px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    flex: 1;\r\n    min-width: 0; \/* allows flex child to shrink below content size *\/\r\n\r\n    scrollbar-width: none;\r\n}\r\n\r\n.uc-track::-webkit-scrollbar {\r\n    display: none;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   NAVIGATION BUTTONS\r\n============================================================= *\/\r\n\r\n.uc-nav {\r\n    flex-shrink: 0;\r\n\r\n    width: 44px;\r\n    height: 44px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #0B111D;\r\n\r\n    border: 1px solid rgba(78,131,229,0.28);\r\n\r\n    color: #4E83E5;\r\n\r\n    font-size: 20px;\r\n\r\n    line-height: 1;\r\n\r\n    cursor: pointer;\r\n\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    transition:\r\n        background 0.2s ease,\r\n        border-color 0.2s ease,\r\n        transform 0.2s ease;\r\n}\r\n\r\n.uc-nav:hover {\r\n    background: #101A2E;\r\n\r\n    border-color: rgba(78,131,229,0.5);\r\n\r\n    transform: translateY(-2px);\r\n}\r\n\r\n.uc-nav:active {\r\n    transform: translateY(0);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   CARD\r\n   The title \/ tagline \/ description each get a fixed min-height\r\n   so every card's divider + OUTCOMES block start at the exact\r\n   same vertical position, regardless of how short or long the\r\n   text above it is.\r\n============================================================= *\/\r\n\r\n.uc-card {\r\n\r\n    flex: 0 0 340px;\r\n\r\n    width: 340px;\r\n\r\n    min-height: 520px;\r\n\r\n    scroll-snap-align: start;\r\n\r\n    padding: 32px 26px 30px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    border-radius: 18px;\r\n\r\n    border: 1px solid rgba(78,131,229,0.18);\r\n\r\n    background: linear-gradient(\r\n        145deg,\r\n        #0B111D 0%,\r\n        #090E19 100%\r\n    );\r\n\r\n    box-shadow:\r\n        inset 0 1px 0 rgba(255,255,255,0.025),\r\n        0 14px 32px rgba(0,0,0,0.20);\r\n\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    transition:\r\n        transform 0.3s ease,\r\n        border-color 0.3s ease;\r\n}\r\n\r\n.uc-card:hover {\r\n    transform: translateY(-4px);\r\n\r\n    border-color: rgba(78,131,229,0.4);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   NUMBER\r\n============================================================= *\/\r\n\r\n.uc-card-num {\r\n    margin-bottom: 16px;\r\n\r\n    color: #3A4258;\r\n\r\n    font-size: 13px;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TITLE \u2014 fixed min-height reserves room for 2 lines so every\r\n   card's tagline starts at the same Y position.\r\n============================================================= *\/\r\n\r\n.uc-card-title {\r\n    margin: 0 0 10px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1.3em;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -0.4px;\r\n\r\n    min-height: 56px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TAGLINE \u2014 fixed min-height reserves room for 2 lines so every\r\n   card's description starts at the same Y position.\r\n============================================================= *\/\r\n\r\n.uc-card-tagline {\r\n    margin-bottom: 16px;\r\n\r\n    color: #4E83E5;\r\n\r\n    font-size: 13.5px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1.5em;\r\n\r\n    min-height: 42px;\r\n\r\n    display: flex;\r\n    align-items: flex-start;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DESCRIPTION \u2014 fixed min-height reserves room for the longest\r\n   description (~5 lines) so every card's divider starts at the\r\n   same Y position.\r\n============================================================= *\/\r\n\r\n.uc-card-desc {\r\n    margin: 0 0 18px;\r\n\r\n    color: #929BAD;\r\n\r\n    font-size: 13.5px;\r\n\r\n    line-height: 1.7em;\r\n\r\n    min-height: 118px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DIVIDER\r\n   Fixed margin instead of margin-top:auto \u2014 with the sections\r\n   above now locked to a consistent height, the divider (and the\r\n   OUTCOMES block after it) automatically lines up across cards\r\n   without needing to be shoved to the bottom of the card.\r\n============================================================= *\/\r\n\r\n.uc-card-divider {\r\n    width: 100%;\r\n\r\n    height: 1px;\r\n\r\n    margin-bottom: 18px;\r\n\r\n    background: rgba(130,145,175,0.14);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   OUTCOMES\r\n============================================================= *\/\r\n\r\n.uc-outcomes-label {\r\n    margin-bottom: 12px;\r\n\r\n    color: #6B7690;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.4px;\r\n}\r\n\r\n\r\n.uc-outcomes-list {\r\n    margin: 0;\r\n\r\n    padding: 0;\r\n\r\n    list-style: none;\r\n}\r\n\r\n\r\n.uc-outcomes-list li {\r\n    position: relative;\r\n\r\n    padding-left: 18px;\r\n\r\n    margin-bottom: 9px;\r\n\r\n    color: #C7CDDB;\r\n\r\n    font-size: 13px;\r\n\r\n    line-height: 1.5em;\r\n}\r\n\r\n\r\n.uc-outcomes-list li::before {\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    left: 0;\r\n\r\n    top: 7px;\r\n\r\n    width: 6px;\r\n    height: 6px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: #4E83E5;\r\n\r\n    box-shadow:\r\n        0 0 8px rgba(78,131,229,0.5);\r\n}\r\n\r\n\r\n.uc-outcomes-list li:last-child {\r\n    margin-bottom: 0;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   DOTS\r\n============================================================= *\/\r\n\r\n.uc-dots {\r\n    display: flex;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 8px;\r\n\r\n    margin-top: 24px;\r\n}\r\n\r\n\r\n.uc-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(78,131,229,0.25);\r\n\r\n    border: none;\r\n\r\n    cursor: pointer;\r\n\r\n    padding: 0;\r\n\r\n    transition:\r\n        background 0.2s ease,\r\n        transform 0.2s ease;\r\n}\r\n\r\n\r\n.uc-dot.uc-dot-active {\r\n    background: #4E83E5;\r\n\r\n    transform: scale(1.25);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   TABLET\r\n============================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .uc-section {\r\n        padding: 35px 20px 60px;\r\n    }\r\n\r\n    .uc-card {\r\n        flex: 0 0 300px;\r\n\r\n        width: 300px;\r\n\r\n        min-height: 500px;\r\n\r\n        padding: 28px 22px 26px;\r\n    }\r\n\r\n    .uc-card-title {\r\n        font-size: 19px;\r\n\r\n        min-height: 50px;\r\n    }\r\n\r\n    .uc-card-tagline {\r\n        font-size: 13px;\r\n\r\n        min-height: 40px;\r\n    }\r\n\r\n    .uc-card-desc {\r\n        font-size: 13px;\r\n\r\n        min-height: 112px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   MOBILE\r\n   Arrows are pulled out of the flex flow (position:absolute) and\r\n   overlaid on top of the track instead of sitting beside it, so\r\n   they no longer steal width from the card. The card itself is\r\n   sized to exactly fill the track's width (flex:0 0 100%), so it\r\n   can never be wider than the space it has to render in \u2014 this\r\n   is what stops the cropping.\r\n============================================================= *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    .uc-section {\r\n        padding: 30px 14px 50px;\r\n    }\r\n\r\n    .uc-carousel-wrap {\r\n        gap: 0;\r\n    }\r\n\r\n    .uc-track {\r\n        width: 100%;\r\n        padding: 4px 4px 15px;\r\n    }\r\n\r\n    .uc-nav {\r\n        display: none;\r\n    }\r\n\r\n    .uc-card {\r\n        flex: 0 0 100%;\r\n\r\n        width: 100%;\r\n\r\n        max-width: 100%;\r\n\r\n        min-height: auto;\r\n\r\n        padding: 26px 20px 24px;\r\n\r\n        border-radius: 16px;\r\n    }\r\n\r\n    .uc-card-title {\r\n        font-size: 18px;\r\n\r\n        min-height: 46px;\r\n    }\r\n\r\n    .uc-card-tagline {\r\n        font-size: 12.5px;\r\n\r\n        min-height: 38px;\r\n    }\r\n\r\n    .uc-card-desc {\r\n        font-size: 12.5px;\r\n\r\n        line-height: 1.65em;\r\n\r\n        min-height: 100px;\r\n    }\r\n\r\n    .uc-outcomes-list li {\r\n        font-size: 12.5px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   VERY SMALL MOBILE\r\n============================================================= *\/\r\n\r\n@media (max-width: 380px) {\r\n\r\n    .uc-section {\r\n        padding-left: 10px;\r\n        padding-right: 10px;\r\n    }\r\n\r\n    .uc-card {\r\n        padding: 22px 16px 20px;\r\n    }\r\n\r\n    .uc-card-desc {\r\n        min-height: 118px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const track = document.getElementById('ucTrack');\r\n    const prevBtn = document.getElementById('ucPrev');\r\n    const nextBtn = document.getElementById('ucNext');\r\n    const dotsWrap = document.getElementById('ucDots');\r\n\r\n    if (!track || !prevBtn || !nextBtn || !dotsWrap) {\r\n        return;\r\n    }\r\n\r\n\r\n    const cards = Array.from(track.children);\r\n\r\n    let pageStarts = [];\r\n\r\n\r\n    \/* Work out how many cards are visible at once, and from that\r\n       how many distinct scroll \"pages\" exist. E.g. 6 cards with\r\n       3 visible at a time = 4 pages\/dots, not 6. *\/\r\n\r\n    function getGap() {\r\n\r\n        const style = window.getComputedStyle(track);\r\n\r\n        return parseFloat(style.columnGap || style.gap) || 0;\r\n\r\n    }\r\n\r\n\r\n    function computePageStarts() {\r\n\r\n        if (!cards.length) return [0];\r\n\r\n\r\n        const gap = getGap();\r\n\r\n        const cardWidth = cards[0].getBoundingClientRect().width;\r\n\r\n        const trackWidth = track.clientWidth;\r\n\r\n        const visibleCount = Math.max(\r\n            1,\r\n            Math.round((trackWidth + gap) \/ (cardWidth + gap))\r\n        );\r\n\r\n        const pageCount = Math.max(\r\n            1,\r\n            cards.length - visibleCount + 1\r\n        );\r\n\r\n        const starts = [];\r\n\r\n        for (let i = 0; i < pageCount; i++) {\r\n            starts.push(cards[i].offsetLeft);\r\n        }\r\n\r\n        return starts;\r\n\r\n    }\r\n\r\n\r\n    \/* Build (or rebuild) the dots to match current page count *\/\r\n\r\n    function buildDots() {\r\n\r\n        pageStarts = computePageStarts();\r\n\r\n        dotsWrap.innerHTML = '';\r\n\r\n        pageStarts.forEach(function (left, i) {\r\n\r\n            const dot = document.createElement('button');\r\n\r\n            dot.className = 'uc-dot';\r\n\r\n            dot.setAttribute(\r\n                'aria-label',\r\n                'Go to page ' + (i + 1)\r\n            );\r\n\r\n            dot.addEventListener('click', function () {\r\n\r\n                track.scrollTo({\r\n                    left: left,\r\n                    behavior: 'smooth'\r\n                });\r\n\r\n            });\r\n\r\n            dotsWrap.appendChild(dot);\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    buildDots();\r\n\r\n\r\n    \/* Update active dot *\/\r\n\r\n    function updateActiveDot() {\r\n\r\n        const dots = Array.from(dotsWrap.children);\r\n\r\n        const scrollLeft = track.scrollLeft;\r\n\r\n        let closestIndex = 0;\r\n\r\n        let closestDistance = Infinity;\r\n\r\n\r\n        pageStarts.forEach(function (left, i) {\r\n\r\n            const distance = Math.abs(left - scrollLeft);\r\n\r\n            if (distance < closestDistance) {\r\n\r\n                closestDistance = distance;\r\n\r\n                closestIndex = i;\r\n\r\n            }\r\n\r\n        });\r\n\r\n\r\n        dots.forEach(function (dot, i) {\r\n\r\n            dot.classList.toggle(\r\n                'uc-dot-active',\r\n                i === closestIndex\r\n            );\r\n\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* Rebuild dots on resize (breakpoint changes visible count) *\/\r\n\r\n    let resizeTimer;\r\n\r\n    window.addEventListener('resize', function () {\r\n\r\n        clearTimeout(resizeTimer);\r\n\r\n        resizeTimer = setTimeout(function () {\r\n\r\n            buildDots();\r\n            updateActiveDot();\r\n\r\n        }, 150);\r\n\r\n    });\r\n\r\n\r\n    \/* Scroll one card *\/\r\n\r\n    function scrollByCard(direction) {\r\n\r\n        if (!cards.length) return;\r\n\r\n\r\n        const card = cards[0];\r\n\r\n        const cardWidth =\r\n            card.getBoundingClientRect().width;\r\n\r\n        const gap = 20;\r\n\r\n        const amount =\r\n            cardWidth + gap;\r\n\r\n\r\n        track.scrollBy({\r\n            left: direction * amount,\r\n            behavior: 'smooth'\r\n        });\r\n\r\n    }\r\n\r\n\r\n    \/* Buttons *\/\r\n\r\n    prevBtn.addEventListener(\r\n        'click',\r\n        function () {\r\n            scrollByCard(-1);\r\n        }\r\n    );\r\n\r\n\r\n    nextBtn.addEventListener(\r\n        'click',\r\n        function () {\r\n            scrollByCard(1);\r\n        }\r\n    );\r\n\r\n\r\n    \/* Track scroll *\/\r\n\r\n    let scrollTimer;\r\n\r\n    track.addEventListener(\r\n        'scroll',\r\n        function () {\r\n\r\n            clearTimeout(scrollTimer);\r\n\r\n            scrollTimer = setTimeout(\r\n                updateActiveDot,\r\n                50\r\n            );\r\n\r\n        }\r\n    );\r\n\r\n\r\n    \/* Initial *\/\r\n\r\n    updateActiveDot();\r\n\r\n\r\n})();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-639c5e2 e-flex e-con-boxed e-con e-parent\" data-id=\"639c5e2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-3dd3c49 e-flex e-con-boxed e-con e-child\" data-id=\"3dd3c49\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-cf6bc42 e-con-full e-flex e-con e-child\" data-id=\"cf6bc42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c4ed4aa elementor-widget elementor-widget-heading\" data-id=\"c4ed4aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">what industries we serve<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04f5654 elementor-widget elementor-widget-heading\" data-id=\"04f5654\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Industry-specific automation for real-world operating models \n\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-79da7dc elementor-widget elementor-widget-text-editor\" data-id=\"79da7dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<span style=\"font-weight: 400;\">Every SME operates differently. Applivon helps businesses in manufacturing, wholesale, retail, services, healthcare, <br>finance, non-profit,and manpower sectors design ERP workflows that reflect real operating needs<br> improve visibility, reduce manual work, and support scalable growth.<\/span>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cda6295 e-grid e-con-boxed e-con e-child\" data-id=\"cda6295\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f16f6dd elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"f16f6dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n     INDUSTRIES LIST + \"WHAT YOU GET\" PANEL\r\n     ------------------------------------------------------------\r\n     Just the two-column block: industry list on the left,\r\n     outcomes panel on the right. No heading\/eyebrow\/intro text\r\n     included \u2014 drop this into wherever you already have those.\r\n============================================================= -->\r\n\r\n\r\n<!-- ============================================================\r\n     PART 1: HTML\r\n============================================================= -->\r\n\r\n<div class=\"ind-grid\">\r\n\r\n    <!-- ===================================\r\n         LEFT: INDUSTRY LIST\r\n    ==================================== -->\r\n    <div class=\"ind-list-wrap\">\r\n\r\n        <div class=\"ind-list-label\">SECTORS WE SERVE<\/div>\r\n\r\n        <div class=\"ind-list\">\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">01<\/span>\r\n                <span class=\"ind-rowtext\">Manufacturing &amp; Engineering<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">02<\/span>\r\n                <span class=\"ind-rowtext\">Wholesale &amp; Distribution<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">03<\/span>\r\n                <span class=\"ind-rowtext\">Retail &amp; E-commerce<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">04<\/span>\r\n                <span class=\"ind-rowtext\">Services &amp; Field Ops<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">05<\/span>\r\n                <span class=\"ind-rowtext\">Healthcare &amp; Medical<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">06<\/span>\r\n                <span class=\"ind-rowtext\">Finance &amp; Legal<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">07<\/span>\r\n                <span class=\"ind-rowtext\">Non-Profit \/ Charities<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ind-row\">\r\n                <span class=\"ind-rownum\">08<\/span>\r\n                <span class=\"ind-rowtext\">Niche &amp; Others<\/span>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- ===================================\r\n         RIGHT: \"WHAT YOU GET\" PANEL\r\n    ==================================== -->\r\n    <div class=\"ind-panel\">\r\n\r\n        <div class=\"ind-panel-glow\"><\/div>\r\n        <!-- ^ soft decorative blue glow, top-right of panel -->\r\n\r\n        <div class=\"ind-panel-label\">WHAT YOU GET<\/div>\r\n\r\n        <div class=\"ind-outcome\">\r\n            <span class=\"ind-oicon\">01<\/span>\r\n            <div>\r\n                <div class=\"ind-oname\">Better Visibility<\/div>\r\n                <div class=\"ind-odesc\">See stock, orders and finances in real time<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ind-outcome\">\r\n            <span class=\"ind-oicon\">02<\/span>\r\n            <div>\r\n                <div class=\"ind-oname\">Fewer Manual Steps<\/div>\r\n                <div class=\"ind-odesc\">Automate the repetitive work between teams<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ind-outcome\">\r\n            <span class=\"ind-oicon\">03<\/span>\r\n            <div>\r\n                <div class=\"ind-oname\">Stronger Control<\/div>\r\n                <div class=\"ind-odesc\">Clear approvals and accountability<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ind-outcome ind-outcome-last\">\r\n            <span class=\"ind-oicon\">04<\/span>\r\n            <div>\r\n                <div class=\"ind-oname\">Scalable Operations<\/div>\r\n                <div class=\"ind-odesc\">Workflows that hold up as you grow<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- CTA button \u2014 replace href with the real\r\n             Industries page URL -->\r\n        <a href=\"https:\/\/revamp.applivon.com\/index.php\/industries-page\/ \" class=\"ind-cta\">\r\n            Explore All Industries\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n\r\n<!-- ============================================================\r\n     PART 2: CSS\r\n============================================================= -->\r\n\r\n<style>\r\n\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\r\n\r\n\r\n\/* ============================================================\r\n   1. TWO-COLUMN GRID (list + panel)\r\n============================================================= *\/\r\n\r\n.ind-grid {\r\n\r\n    display: grid;\r\n\r\n    grid-template-columns: 1.05fr 1fr;\r\n\r\n    gap: 48px;\r\n\r\n    align-items: start;\r\n\r\n    font-family: 'Inter', Arial, sans-serif;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   2. INDUSTRY LIST (left column)\r\n============================================================= *\/\r\n\r\n.ind-list-label {\r\n\r\n    color: #1A5BD3;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    margin-bottom: 18px;\r\n}\r\n\r\n\r\n.ind-list {\r\n\r\n    border-top: 1px solid #E7EBF3;\r\n}\r\n\r\n\r\n.ind-row {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    gap: 16px;\r\n\r\n    padding: 17px 8px;\r\n\r\n    border-bottom: 1px solid #E7EBF3;\r\n\r\n    transition:\r\n        background 0.2s ease,\r\n        padding-left 0.2s ease;\r\n}\r\n\r\n\r\n\r\n\r\n.ind-rownum {\r\n\r\n    color: #C3CBDC;\r\n\r\n    font-size: 12px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 0.5px;\r\n\r\n    min-width: 22px;\r\n}\r\n\r\n\r\n.ind-rowtext {\r\n\r\n    flex: 1;\r\n\r\n    color: #0E1524;\r\n\r\n    font-size: 15px;\r\n\r\n    font-weight: 600;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   3. OUTCOME PANEL (right column)\r\n============================================================= *\/\r\n\r\n.ind-panel {\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    background: #F6F8FC;\r\n\r\n    border: 1px solid #E7EBF3;\r\n\r\n    border-radius: 16px;\r\n\r\n    padding: 30px 28px 28px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    box-shadow:\r\n        0 20px 40px -22px rgba(14,21,36,0.14);\r\n}\r\n\r\n\r\n\/* Decorative soft glow, top-right of panel *\/\r\n\r\n.ind-panel-glow {\r\n\r\n    position: absolute;\r\n\r\n    top: -90px;\r\n\r\n    right: -90px;\r\n\r\n    width: 220px;\r\n\r\n    height: 220px;\r\n\r\n    border-radius: 50%;\r\n\r\n    background:\r\n        radial-gradient(\r\n            circle,\r\n            rgba(26,91,211,0.10),\r\n            transparent 70%\r\n        );\r\n\r\n    pointer-events: none;\r\n}\r\n\r\n\r\n.ind-panel-label {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    color: #1A5BD3;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 700;\r\n\r\n    letter-spacing: 1.6px;\r\n\r\n    margin-bottom: 18px;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   4. EACH OUTCOME ITEM (icon badge + text)\r\n============================================================= *\/\r\n\r\n.ind-outcome {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    display: flex;\r\n\r\n    align-items: flex-start;\r\n\r\n    gap: 14px;\r\n\r\n    margin-bottom: 20px;\r\n}\r\n\r\n.ind-outcome-last {\r\n\r\n    margin-bottom: 26px;\r\n}\r\n\r\n\r\n.ind-oicon {\r\n\r\n    flex-shrink: 0;\r\n\r\n    width: 32px;\r\n\r\n    height: 32px;\r\n\r\n    border-radius: 9px;\r\n\r\n    background: #FFFFFF;\r\n\r\n    border: 1px solid rgba(26,91,211,0.18);\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    color: #1A5BD3;\r\n\r\n    font-size: 11px;\r\n\r\n    font-weight: 800;\r\n}\r\n\r\n\r\n.ind-oname {\r\n\r\n    color: #0E1524;\r\n\r\n    font-size: 14.5px;\r\n\r\n    font-weight: 700;\r\n\r\n    margin-bottom: 3px;\r\n}\r\n\r\n\r\n.ind-odesc {\r\n\r\n    color: #7A8399;\r\n\r\n    font-size: 12.5px;\r\n\r\n    line-height: 1.55em;\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   5. CTA BUTTON (inside the panel)\r\n============================================================= *\/\r\n\r\n.ind-cta {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    width: 100%;\r\n\r\n    box-sizing: border-box;\r\n\r\n    padding: 14px 18px;\r\n\r\n    border-radius: 10px;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1A5BD3,\r\n            #0F3F9E\r\n        );\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 14px;\r\n\r\n    font-weight: 700;\r\n\r\n    text-decoration: none;\r\n\r\n    box-shadow:\r\n        0 14px 26px -12px rgba(26,91,211,0.5);\r\n\r\n    transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n}\r\n\r\n.ind-cta:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 18px 32px -10px rgba(26,91,211,0.58);\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   6. TABLET (900px and below) \u2014 stack into a single column\r\n============================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .ind-grid {\r\n\r\n        grid-template-columns: 1fr;\r\n\r\n        gap: 36px;\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* ============================================================\r\n   7. MOBILE (560px and below)\r\n============================================================= *\/\r\n\r\n@media (max-width: 560px) {\r\n\r\n    .ind-row {\r\n\r\n        padding: 15px 4px;\r\n    }\r\n\r\n    .ind-rowtext {\r\n\r\n        font-size: 14px;\r\n    }\r\n\r\n    .ind-panel {\r\n\r\n        padding: 24px 20px 22px;\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b6abb0d elementor-widget elementor-widget-image\" data-id=\"b6abb0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"829\" src=\"https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/09\/Copy-of-Image-5-Applivon.jpg\" class=\"attachment-full size-full wp-image-928\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5f37323 e-con-full e-flex e-con e-parent\" data-id=\"5f37323\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2c0569a e-flex e-con-boxed e-con e-child\" data-id=\"2c0569a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ea7ef8e e-con-full e-flex e-con e-child\" data-id=\"ea7ef8e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbee08 elementor-widget elementor-widget-heading\" data-id=\"4cbee08\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Accelerate transformation<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-38f3d25 elementor-widget elementor-widget-heading\" data-id=\"38f3d25\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Make Digital Transformation More Achievable with up to 70% grant-funding\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08cef45 elementor-widget elementor-widget-text-editor\" data-id=\"08cef45\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\tWe&#8217;re a PSG pre-approved vendor and an EDG project partner. We advise grant eligibility and options,<br> and prepare the paperwork and walk with you through . We are also ready with<br> InvoiceNow (SG) and LHDN MyInvois (MY)\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-21eb74c elementor-widget elementor-widget-html\" data-id=\"21eb74c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"applivon-grant-cta\">\r\n\r\n    <div class=\"applivon-grant-cta-content\">\r\n\r\n        <div class=\"applivon-grant-cta-label\">\r\n            ACCREDITED PRE-APPROVED VENDOR\r\n        <\/div>\r\n\r\n        <h3>\r\n            SMEs Go Digital &amp; Enterprise Development Partner\r\n        <\/h3>\r\n\r\n        <p>\r\n            We help eligible Singapore enterprises apply for PSG and EDG grants,\r\n            handling paperwork directly to lower your ERP investment cost by up to 70%.\r\n        <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <a href=\"https:\/\/revamp.applivon.com\/index.php\/conatct\/\" class=\"ind-cta applivon-grant-button\">\r\n        Estimate Grant Eligibility\r\n        <span>\u2192<\/span>\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================================\r\n   FLOATING GRANT CTA\r\n========================================================= *\/\r\n\r\n.applivon-grant-cta {\r\n\r\n    width: 100%;\r\n    max-width: 1180px;\r\n\r\n    margin: 0 auto;\r\n\r\n    padding: 28px 30px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 40px;\r\n\r\n    border-radius: 16px;\r\n\r\n    \/* Slightly lighter than the #060B16 page background *\/\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #0B1222 0%,\r\n            #0D1528 55%,\r\n            #111B35 100%\r\n        );\r\n\r\n    border: 1px solid rgba(78, 131, 229, 0.28);\r\n\r\n    box-shadow:\r\n        0 18px 45px rgba(0, 0, 0, 0.28),\r\n        inset 0 1px 0 rgba(255, 255, 255, 0.035);\r\n\r\n    position: relative;\r\n\r\n    overflow: hidden;\r\n\r\n    font-family:\r\n        Inter,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SUBTLE BLUE GLOW\r\n========================================================= *\/\r\n\r\n.applivon-grant-cta::before {\r\n\r\n    content: \"\";\r\n\r\n    position: absolute;\r\n\r\n    width: 280px;\r\n    height: 180px;\r\n\r\n    left: -80px;\r\n    top: -100px;\r\n\r\n    background: rgba(36, 107, 235, 0.10);\r\n\r\n    filter: blur(60px);\r\n\r\n    pointer-events: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTENT\r\n========================================================= *\/\r\n\r\n.applivon-grant-cta-content {\r\n\r\n    position: relative;\r\n\r\n    z-index: 1;\r\n\r\n    min-width: 0;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   LABEL\r\n========================================================= *\/\r\n\r\n.applivon-grant-cta-label {\r\n\r\n    margin-bottom: 7px;\r\n\r\n    color: #6FA0FF;\r\n\r\n    font-size: 10px;\r\n\r\n    line-height: 1.2;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: 1.2px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   HEADING\r\n========================================================= *\/\r\n\r\n.applivon-grant-cta h3 {\r\n\r\n    margin: 0 0 7px;\r\n\r\n    color: #FFFFFF;\r\n\r\n    font-size: 21px;\r\n\r\n    line-height: 1.3;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -0.3px;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DESCRIPTION\r\n========================================================= *\/\r\n\r\n.applivon-grant-cta p {\r\n\r\n    max-width: 680px;\r\n\r\n    margin: 0;\r\n\r\n    color: #929BAD;\r\n\r\n    font-size: 12px;\r\n\r\n    line-height: 1.55;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BUTTON\r\n   Uses your existing .ind-cta styling\r\n========================================================= *\/\r\n\r\n.applivon-grant-button {\r\n\r\n    position: relative;\r\n\r\n    z-index: 2;\r\n\r\n    flex-shrink: 0;\r\n\r\n    width: auto !important;\r\n\r\n    min-width: 210px;\r\n\r\n    padding: 14px 20px !important;\r\n\r\n    border-radius: 10px !important;\r\n\r\n    background:\r\n        linear-gradient(\r\n            135deg,\r\n            #1A5BD3,\r\n            #0F3F9E\r\n        ) !important;\r\n\r\n    color: #FFFFFF !important;\r\n\r\n    font-size: 12px !important;\r\n\r\n    font-weight: 700 !important;\r\n\r\n    text-decoration: none !important;\r\n\r\n    display: inline-flex !important;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 10px;\r\n\r\n    box-shadow:\r\n        0 14px 26px -12px rgba(26, 91, 211, 0.5);\r\n\r\n    transition:\r\n        transform 0.2s ease,\r\n        box-shadow 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.applivon-grant-button:hover {\r\n\r\n    transform: translateY(-2px);\r\n\r\n    box-shadow:\r\n        0 18px 32px -10px rgba(26, 91, 211, 0.58);\r\n\r\n}\r\n\r\n\r\n\/* Arrow *\/\r\n\r\n.applivon-grant-button span {\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1;\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n========================================================= *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .applivon-grant-cta {\r\n\r\n        padding: 25px;\r\n\r\n        gap: 25px;\r\n\r\n    }\r\n\r\n    .applivon-grant-cta h3 {\r\n\r\n        font-size: 19px;\r\n\r\n    }\r\n\r\n    .applivon-grant-cta p {\r\n\r\n        font-size: 11.5px;\r\n\r\n    }\r\n\r\n    .applivon-grant-button {\r\n\r\n        min-width: 190px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n========================================================= *\/\r\n\r\n@media (max-width: 650px) {\r\n\r\n    .applivon-grant-cta {\r\n\r\n        flex-direction: column;\r\n\r\n        align-items: stretch;\r\n\r\n        padding: 24px 20px;\r\n\r\n        gap: 22px;\r\n\r\n    }\r\n\r\n    .applivon-grant-cta h3 {\r\n\r\n        font-size: 18px;\r\n\r\n    }\r\n\r\n    .applivon-grant-cta p {\r\n\r\n        max-width: none;\r\n\r\n        font-size: 12px;\r\n\r\n    }\r\n\r\n    .applivon-grant-button {\r\n\r\n        width: 100% !important;\r\n\r\n        min-width: 0;\r\n\r\n        box-sizing: border-box;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f565a52 e-con-full e-flex e-con e-parent\" data-id=\"f565a52\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-4c06925 e-flex e-con-boxed e-con e-child\" data-id=\"4c06925\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-e8ea8f5 e-con-full e-flex e-con e-child\" data-id=\"e8ea8f5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2e9d6 elementor-widget elementor-widget-heading\" data-id=\"4e2e9d6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Frequently Asked Questions\n\n\n<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d7f4d1 elementor-widget elementor-widget-html\" data-id=\"5d7f4d1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"applivon-faq-section\">\r\n\r\n    <div class=\"applivon-faq-container\">\r\n\r\n        <!-- FAQ LIST -->\r\n        <div class=\"applivon-faq-list\">\r\n\r\n\r\n            <!-- FAQ 1 -->\r\n            <div class=\"applivon-faq-item\">\r\n\r\n                <button class=\"applivon-faq-question\" type=\"button\">\r\n\r\n                    <span>\r\n                        Q1: What is the best ERP system for Singapore SMEs?\r\n                    <\/span>\r\n\r\n                    <span class=\"applivon-faq-icon\">\u2304<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"applivon-faq-answer\">\r\n\r\n                    <p>\r\n                        Odoo is a strong ERP option for many Singapore SMEs\r\n                        because it is modular, scalable, and can connect sales,\r\n                        inventory, accounting, HR, operations, eCommerce, and\r\n                        service workflows in one platform.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FAQ 2 -->\r\n            <div class=\"applivon-faq-item\">\r\n\r\n                <button class=\"applivon-faq-question\" type=\"button\">\r\n\r\n                    <span>\r\n                        Q2: How long does Odoo ERP implementation take?\r\n                    <\/span>\r\n\r\n                    <span class=\"applivon-faq-icon\">\u2304<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"applivon-faq-answer\">\r\n\r\n                    <p>\r\n                        The timeline depends on scope, modules, data migration,\r\n                        integrations, and customisation. Applivon starts with\r\n                        workflow diagnosis and roadmap planning to define a\r\n                        realistic implementation timeline.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FAQ 3 -->\r\n            <div class=\"applivon-faq-item\">\r\n\r\n                <button class=\"applivon-faq-question\" type=\"button\">\r\n\r\n                    <span>\r\n                        Q3: Should my SME customise Odoo?\r\n                    <\/span>\r\n\r\n                    <span class=\"applivon-faq-icon\">\u2304<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"applivon-faq-answer\">\r\n\r\n                    <p>\r\n                        Customisation should only be done where it creates\r\n                        clear business value. Applivon prioritises standard\r\n                        Odoo configuration first, then customises workflows,\r\n                        reports, or integrations only when needed.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FAQ 4 -->\r\n            <div class=\"applivon-faq-item\">\r\n\r\n                <button class=\"applivon-faq-question\" type=\"button\">\r\n\r\n                    <span>\r\n                        Q4: Can PSG or EDG grants be used for ERP projects?\r\n                    <\/span>\r\n\r\n                    <span class=\"applivon-faq-icon\">\u2304<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"applivon-faq-answer\">\r\n\r\n                    <p>\r\n                        Eligible SMEs may be able to apply for relevant\r\n                        Singapore grants depending on project scope and\r\n                        approval conditions. Applivon provides grant\r\n                        consultation to help SMEs understand suitable options.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <!-- FAQ 5 -->\r\n            <div class=\"applivon-faq-item\">\r\n\r\n                <button class=\"applivon-faq-question\" type=\"button\">\r\n\r\n                    <span>\r\n                        Q5: How do I know which processes to automate first?\r\n                    <\/span>\r\n\r\n                    <span class=\"applivon-faq-icon\">\u2304<\/span>\r\n\r\n                <\/button>\r\n\r\n                <div class=\"applivon-faq-answer\">\r\n\r\n                    <p>\r\n                        Start with workflows that are repetitive, manual,\r\n                        error-prone, approval-heavy, or difficult to track.\r\n                        Common areas include inventory, sales orders,\r\n                        purchasing, invoicing, field service, reporting,\r\n                        and warehouse operations.\r\n                    <\/p>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<style>\r\n\r\n.applivon-faq-section {\r\n\r\n    width: 100%;\r\n\r\n    background: #FFFFFF;\r\n\r\n    padding: 80px 24px 90px;\r\n\r\n    box-sizing: border-box;\r\n\r\n    font-family:\r\n        Inter,\r\n        -apple-system,\r\n        BlinkMacSystemFont,\r\n        \"Segoe UI\",\r\n        Arial,\r\n        sans-serif;\r\n\r\n}\r\n\r\n\r\n.applivon-faq-container {\r\n\r\n    width: 100%;\r\n\r\n    max-width: 1000px;\r\n\r\n    margin: 0 auto;\r\n\r\n}\r\n\r\n\r\n\/* HEADER *\/\r\n\r\n.applivon-faq-header {\r\n\r\n    text-align: center;\r\n\r\n    margin-bottom: 45px;\r\n\r\n}\r\n\r\n\r\n.applivon-faq-header h2 {\r\n\r\n    margin: 0 0 15px;\r\n\r\n    color: #101828;\r\n\r\n    font-size: 42px;\r\n\r\n    line-height: 1.15;\r\n\r\n    font-weight: 800;\r\n\r\n    letter-spacing: -1.2px;\r\n\r\n}\r\n\r\n\r\n.applivon-faq-header p {\r\n\r\n    max-width: 700px;\r\n\r\n    margin: 0 auto;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 16px;\r\n\r\n    line-height: 1.7;\r\n\r\n}\r\n\r\n\r\n\/* FAQ LIST *\/\r\n\r\n.applivon-faq-list {\r\n\r\n    width: 100%;\r\n\r\n    border-top: 1px solid #E4E7EC;\r\n\r\n}\r\n\r\n\r\n\/* FAQ ITEM *\/\r\n\r\n.applivon-faq-item {\r\n\r\n    border-bottom: 1px solid #E4E7EC;\r\n\r\n}\r\n\r\n\r\n\/* QUESTION *\/\r\n\r\n.applivon-faq-question {\r\n\r\n    width: 100%;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: space-between;\r\n\r\n    gap: 30px;\r\n\r\n    padding: 24px 8px;\r\n\r\n    border: 0;\r\n\r\n    background: transparent;\r\n\r\n    color: #101828;\r\n\r\n    font-family: inherit;\r\n\r\n    font-size: 17px;\r\n\r\n    line-height: 1.5;\r\n\r\n    font-weight: 700;\r\n\r\n    text-align: left;\r\n\r\n    cursor: pointer;\r\n\r\n    transition: color 0.2s ease;\r\n\r\n}\r\n\r\n\r\n.applivon-faq-question:hover {\r\n\r\n    color: #1A5BD3;\r\n\r\n}\r\n\r\n\r\n\/* DOWN ARROW *\/\r\n\r\n.applivon-faq-icon {\r\n\r\n    flex-shrink: 0;\r\n\r\n    width: 30px;\r\n\r\n    height: 30px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    color: #1A5BD3;\r\n\r\n    font-size: 23px;\r\n\r\n    font-weight: 600;\r\n\r\n    line-height: 1;\r\n\r\n    transition: transform 0.3s ease;\r\n\r\n}\r\n\r\n\r\n\/* ANSWER *\/\r\n\r\n.applivon-faq-answer {\r\n\r\n    display: grid;\r\n\r\n    grid-template-rows: 0fr;\r\n\r\n    transition: grid-template-rows 0.3s ease;\r\n\r\n}\r\n\r\n\r\n.applivon-faq-answer p {\r\n\r\n    min-height: 0;\r\n\r\n    overflow: hidden;\r\n\r\n    margin: 0;\r\n\r\n    padding: 0 55px 0 8px;\r\n\r\n    color: #667085;\r\n\r\n    font-size: 15px;\r\n\r\n    line-height: 1.75;\r\n\r\n    transition: padding 0.3s ease;\r\n\r\n}\r\n\r\n\r\n\/* OPEN *\/\r\n\r\n.applivon-faq-item.active\r\n.applivon-faq-answer {\r\n\r\n    grid-template-rows: 1fr;\r\n\r\n}\r\n\r\n\r\n.applivon-faq-item.active\r\n.applivon-faq-answer p {\r\n\r\n    padding-bottom: 24px;\r\n\r\n}\r\n\r\n\r\n\/* ARROW ROTATES UP *\/\r\n\r\n.applivon-faq-item.active\r\n.applivon-faq-icon {\r\n\r\n    transform: rotate(180deg);\r\n\r\n}\r\n\r\n\r\n\/* TABLET *\/\r\n\r\n@media (max-width: 900px) {\r\n\r\n    .applivon-faq-section {\r\n\r\n        padding: 70px 24px 80px;\r\n\r\n    }\r\n\r\n    .applivon-faq-header h2 {\r\n\r\n        font-size: 36px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media (max-width: 767px) {\r\n\r\n    .applivon-faq-section {\r\n\r\n        padding: 60px 18px 70px;\r\n\r\n    }\r\n\r\n    .applivon-faq-header {\r\n\r\n        margin-bottom: 35px;\r\n\r\n    }\r\n\r\n    .applivon-faq-header h2 {\r\n\r\n        font-size: 30px;\r\n\r\n        letter-spacing: -0.7px;\r\n\r\n    }\r\n\r\n    .applivon-faq-header p {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n    .applivon-faq-question {\r\n\r\n        padding: 21px 4px;\r\n\r\n        gap: 15px;\r\n\r\n        font-size: 15px;\r\n\r\n    }\r\n\r\n    .applivon-faq-icon {\r\n\r\n        width: 26px;\r\n\r\n        height: 26px;\r\n\r\n        font-size: 21px;\r\n\r\n    }\r\n\r\n    .applivon-faq-answer p {\r\n\r\n        padding-left: 4px;\r\n\r\n        padding-right: 30px;\r\n\r\n        font-size: 14px;\r\n\r\n        line-height: 1.7;\r\n\r\n    }\r\n\r\n    .applivon-faq-item.active\r\n    .applivon-faq-answer p {\r\n\r\n        padding-bottom: 21px;\r\n\r\n    }\r\n\r\n}\r\n\r\n\r\n\/* SMALL MOBILE *\/\r\n\r\n@media (max-width: 420px) {\r\n\r\n    .applivon-faq-header h2 {\r\n\r\n        font-size: 27px;\r\n\r\n    }\r\n\r\n    .applivon-faq-question {\r\n\r\n        font-size: 14px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n<script>\r\n\r\n(function () {\r\n\r\n    const faqItems =\r\n        document.querySelectorAll(\r\n            \".applivon-faq-item\"\r\n        );\r\n\r\n    faqItems.forEach(function (item) {\r\n\r\n        const question =\r\n            item.querySelector(\r\n                \".applivon-faq-question\"\r\n            );\r\n\r\n        question.addEventListener(\"click\", function () {\r\n\r\n            const isOpen =\r\n                item.classList.contains(\"active\");\r\n\r\n            faqItems.forEach(function (faq) {\r\n\r\n                faq.classList.remove(\"active\");\r\n\r\n            });\r\n\r\n            if (!isOpen) {\r\n\r\n                item.classList.add(\"active\");\r\n\r\n            }\r\n\r\n        });\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<div class=\"elementor-element elementor-element-596be37 e-con-full e-flex e-con e-parent\" data-id=\"596be37\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-51629e2 elementor-widget__width-inherit elementor-widget elementor-widget-shortcode\" data-id=\"51629e2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"187\" class=\"elementor elementor-187\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73ae84b e-con-full pattern-header e-flex e-con e-parent\" data-id=\"73ae84b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-b8546d0 e-flex e-con-boxed e-con e-child\" data-id=\"b8546d0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-96f0061 e-con-full e-grid e-con e-child\" data-id=\"96f0061\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-48877d7 e-con-full e-flex e-con e-child\" data-id=\"48877d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8410e80 elementor-widget elementor-widget-heading\" data-id=\"8410e80\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Applivon<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8f15887 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8f15887\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1ffa751 elementor-widget elementor-widget-text-editor\" data-id=\"1ffa751\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Applivon\u2019s business is all about Apps. We develop and deliver niche App solutions that digitalise and simplify business workflow.<\/p><p>In Applivon, we respect, are committed and strive to become better for our customers. Armed with more than 40 years of experience as a team, our consultants are proud to deliver.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-46ede40 e-con-full e-flex e-con e-child\" data-id=\"46ede40\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-549598a elementor-widget elementor-widget-heading\" data-id=\"549598a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Quick Links<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e486173 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e486173\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70fa097 elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"70fa097\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/revamp.applivon.com\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Home<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/revamp.applivon.com\/index.php\/solutions-services\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Solutions &amp; Services<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/revamp.applivon.com\/index.php\/odoo-erp\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Odoo ERP Solution<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/revamp.applivon.com\/index.php\/resources\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Resources<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/revamp.applivon.com\/index.php\/sg-grant\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">SG Grants<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/revamp.applivon.com\/index.php\/about\/\">\n\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">About Us<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c8ecd39 e-con-full e-flex e-con e-child\" data-id=\"c8ecd39\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43493b8 elementor-widget elementor-widget-heading\" data-id=\"43493b8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Contact Info<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5c33a3c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5c33a3c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eeca2dd elementor-align-start elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"eeca2dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/enquiry@applivon.com\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">enquiry@applivon.com<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/+65%208093-6460\">\n\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-phone-alt\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M497.39 361.8l-112-48a24 24 0 0 0-28 6.9l-49.6 60.6A370.66 370.66 0 0 1 130.6 204.11l60.6-49.6a23.94 23.94 0 0 0 6.9-28l-48-112A24.16 24.16 0 0 0 122.6.61l-104 24A24 24 0 0 0 0 48c0 256.5 207.9 464 464 464a24 24 0 0 0 23.4-18.6l24-104a24.29 24.29 0 0 0-14.01-27.6z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">+65 8093-6460<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-map\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M560.02 32c-1.96 0-3.98.37-5.96 1.16L384.01 96H384L212 35.28A64.252 64.252 0 0 0 191.76 32c-6.69 0-13.37 1.05-19.81 3.14L20.12 87.95A32.006 32.006 0 0 0 0 117.66v346.32C0 473.17 7.53 480 15.99 480c1.96 0 3.97-.37 5.96-1.16L192 416l172 60.71a63.98 63.98 0 0 0 40.05.15l151.83-52.81A31.996 31.996 0 0 0 576 394.34V48.02c0-9.19-7.53-16.02-15.98-16.02zM224 90.42l128 45.19v285.97l-128-45.19V90.42zM48 418.05V129.07l128-44.53v286.2l-.64.23L48 418.05zm480-35.13l-128 44.53V141.26l.64-.24L528 93.95v288.97z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Singapore HQ: One Pemimpin, 1, Pemimpin Drive, #03-07 Singapore 576151<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-map\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M560.02 32c-1.96 0-3.98.37-5.96 1.16L384.01 96H384L212 35.28A64.252 64.252 0 0 0 191.76 32c-6.69 0-13.37 1.05-19.81 3.14L20.12 87.95A32.006 32.006 0 0 0 0 117.66v346.32C0 473.17 7.53 480 15.99 480c1.96 0 3.97-.37 5.96-1.16L192 416l172 60.71a63.98 63.98 0 0 0 40.05.15l151.83-52.81A31.996 31.996 0 0 0 576 394.34V48.02c0-9.19-7.53-16.02-15.98-16.02zM224 90.42l128 45.19v285.97l-128-45.19V90.42zM48 418.05V129.07l128-44.53v286.2l-.64.23L48 418.05zm480-35.13l-128 44.53V141.26l.64-.24L528 93.95v288.97z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Vietnam Office : 16-18 An Nhon 3 Street, An Hai Bac Ward, Son Tra District, Da Nang City, Vietnam<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-476d9a6 elementor-widget elementor-widget-html\" data-id=\"476d9a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================\r\n     APPLIVON SOCIAL MEDIA FOOTER\r\n========================================= -->\r\n\r\n<div class=\"applivon-social\">\r\n\r\n    <a href=\"https:\/\/www.linkedin.com\/company\/applivon-pte-ltd\/posts\/\"\r\n       class=\"applivon-social-icon\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       aria-label=\"Applivon LinkedIn\">\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M6.5 8.5H3V21h3.5V8.5ZM4.75 3A2.05 2.05 0 1 0 4.75 7.1 2.05 2.05 0 0 0 4.75 3ZM21 13.85c0-3.76-2-5.51-4.67-5.51-2.15 0-3.11 1.18-3.65 2v-1.84H9.18V21h3.5v-6.19c0-1.63.31-3.2 2.32-3.2 1.98 0 2 1.86 2 3.31V21h3.5l.5-7.15Z\"\/>\r\n        <\/svg>\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/www.facebook.com\/applivon\/\"\r\n       class=\"applivon-social-icon\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       aria-label=\"Applivon Facebook\">\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M13.5 21v-8h2.7l.4-3h-3.1V8.1c0-.87.24-1.46 1.5-1.46h1.7V3.95c-.3-.04-1.34-.13-2.55-.13-2.53 0-4.26 1.55-4.26 4.4V10H7v3h2.9v8h3.6Z\"\/>\r\n        <\/svg>\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/www.instagram.com\/applivon.sg\/\"\r\n       class=\"applivon-social-icon\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       aria-label=\"Applivon Instagram\">\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <rect x=\"3.5\" y=\"3.5\" width=\"17\" height=\"17\" rx=\"4.5\"\r\n                  fill=\"none\"\r\n                  stroke=\"currentColor\"\r\n                  stroke-width=\"2\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"4\"\r\n                    fill=\"none\"\r\n                    stroke=\"currentColor\"\r\n                    stroke-width=\"2\"\/>\r\n            <circle cx=\"17.5\" cy=\"6.7\" r=\"1.2\"\/>\r\n        <\/svg>\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/www.tiktok.com\/@applivon\"\r\n       class=\"applivon-social-icon\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       aria-label=\"Applivon TikTok\">\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M15.5 3h3.1c.22 1.47 1.08 2.8 2.4 3.64v3.2a8.55 8.55 0 0 1-2.4-.73v5.82A5.94 5.94 0 1 1 13 9.03v3.35a2.7 2.7 0 1 0 2.1 2.62V3h.4Z\"\/>\r\n        <\/svg>\r\n\r\n    <\/a>\r\n\r\n\r\n    <a href=\"https:\/\/www.youtube.com\/channel\/UCAg1cPbT-qeFKkj_NfrHlIA\"\r\n       class=\"applivon-social-icon\"\r\n       target=\"_blank\"\r\n       rel=\"noopener noreferrer\"\r\n       aria-label=\"Applivon YouTube\">\r\n\r\n        <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M21.58 7.19a2.95 2.95 0 0 0-2.08-2.09C17.66 4.6 12 4.6 12 4.6s-5.66 0-7.5.5A2.95 2.95 0 0 0 2.42 7.2 30.5 30.5 0 0 0 1.92 12c0 1.63.17 3.28.5 4.81a2.95 2.95 0 0 0 2.08 2.09c1.84.5 7.5.5 7.5.5s5.66 0 7.5-.5a2.95 2.95 0 0 0 2.08-2.09c.33-1.53.5-3.18.5-4.81 0-1.63-.17-3.28-.5-4.81ZM10 15.5v-7l6 3.5-6 3.5Z\"\/>\r\n        <\/svg>\r\n\r\n    <\/a>\r\n\r\n<\/div>\r\n\r\n\r\n<style>\r\n\r\n\/* =========================================\r\n   APPLIVON SOCIAL ICONS\r\n========================================= *\/\r\n\r\n.applivon-social {\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    gap: 12px;\r\n\r\n    width: 100%;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   ICON BUTTON\r\n========================================= *\/\r\n\r\n.applivon-social-icon {\r\n\r\n    width: 42px;\r\n\r\n    height: 42px;\r\n\r\n    display: flex;\r\n\r\n    align-items: center;\r\n\r\n    justify-content: center;\r\n\r\n    border-radius: 50%;\r\n\r\n    background: rgba(255,255,255,0.06);\r\n\r\n    border: 1px solid rgba(255,255,255,0.12);\r\n\r\n    color: #FFFFFF;\r\n\r\n    text-decoration: none;\r\n\r\n    transition:\r\n        transform 0.25s ease,\r\n        background 0.25s ease,\r\n        border-color 0.25s ease,\r\n        box-shadow 0.25s ease;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   SVG\r\n========================================= *\/\r\n\r\n.applivon-social-icon svg {\r\n\r\n    width: 19px;\r\n\r\n    height: 19px;\r\n\r\n    display: block;\r\n\r\n    fill: currentColor;\r\n\r\n}\r\n\r\n\r\n\/* Instagram uses stroke *\/\r\n.applivon-social-icon:nth-child(3) svg {\r\n\r\n    fill: none;\r\n\r\n}\r\n\r\n\r\n\/* Instagram small dot *\/\r\n.applivon-social-icon:nth-child(3) svg circle:last-child {\r\n\r\n    fill: currentColor;\r\n\r\n    stroke: none;\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   HOVER\r\n========================================= *\/\r\n\r\n.applivon-social-icon:hover {\r\n\r\n    transform: translateY(-4px);\r\n\r\n    background: #1A5BD3;\r\n\r\n    border-color: #1A5BD3;\r\n\r\n    color: #FFFFFF;\r\n\r\n    box-shadow:\r\n        0 10px 25px rgba(26,91,211,0.30);\r\n\r\n}\r\n\r\n\r\n\/* =========================================\r\n   MOBILE\r\n========================================= *\/\r\n\r\n@media (max-width: 480px) {\r\n\r\n    .applivon-social {\r\n\r\n        gap: 10px;\r\n\r\n    }\r\n\r\n    .applivon-social-icon {\r\n\r\n        width: 40px;\r\n\r\n        height: 40px;\r\n\r\n    }\r\n\r\n    .applivon-social-icon svg {\r\n\r\n        width: 18px;\r\n\r\n        height: 18px;\r\n\r\n    }\r\n\r\n}\r\n\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-52ef3b9 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"52ef3b9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f404a38 elementor-widget elementor-widget-heading\" data-id=\"f404a38\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">\u00a9 2026 Applivon. All rights reserved.<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Looking for process automation to simplify your SME operations and accelerate growth? Applivon helps SMEs implement the AI-powered Odoo ERP with advisory-led planning, optimize workflow automation, and grant-guided transformation that fits each unique business&#8217; processes, policies and resources. https:\/\/revamp.applivon.com\/wp-content\/uploads\/2026\/09\/odoo_overview-1_40min.mp4 01 BUSINESS AUTOMATION Are manual approvals, spreadsheets, and repeated data entry slowing your team down? APPLIVON [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-507","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/pages\/507","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/comments?post=507"}],"version-history":[{"count":191,"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/pages\/507\/revisions"}],"predecessor-version":[{"id":1050,"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/pages\/507\/revisions\/1050"}],"wp:attachment":[{"href":"https:\/\/revamp.applivon.com\/index.php\/wp-json\/wp\/v2\/media?parent=507"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}