{"id":15660,"date":"2025-11-19T22:53:45","date_gmt":"2025-11-19T22:53:45","guid":{"rendered":"https:\/\/sonic-tec.com\/?page_id=15660"},"modified":"2026-05-17T10:20:11","modified_gmt":"2026-05-17T10:20:11","slug":"company","status":"publish","type":"page","link":"https:\/\/sonic-tec.com\/ar\/","title":{"rendered":"\u0627\u0644\u0634\u0631\u0643\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"15660\" class=\"elementor elementor-15660\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8384b76 e-con-full e-flex e-con e-parent \" data-id=\"8384b76\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-1760a46 elementor-widget-laptop__width-initial elementor-widget elementor-widget-html\" data-id=\"1760a46\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n    :root {\n        --bg-dark: #18243A;\n        --brand: #18243A;\n        --mint1: #82EED8;\n        --mint2: #5ad4bb;\n    }\n\n    .oracle-logo {\n        display: inline-block;\n        width: clamp(120px, 15vw, 180px);\n        height: clamp(28px, 3.5vw, 40px);\n        background: url(\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/11\/WhatsApp-Image-2025-10-23-at-9.42.27-AM.png\") center\/contain no-repeat;\n        padding: clamp(.5em, 1vw, 1em);\n        box-sizing: content-box;\n        border: none;\n        outline: none;\n    }\n\n    @media(max-width:768px) {\n        .oracle-logo {\n            width: clamp(180px, 40vw, 280px) !important;\n            height: clamp(42px, 10vw, 80px) !important;\n        }\n    }\n\n    @media(max-width:480px) {\n        .oracle-logo {\n            width: clamp(160px, 55vw, 240px) !important;\n            height: clamp(38px, 13vw, 65px) !important;\n        }\n    }\n\n    .hero-section {\n        position: relative;\n        width: 100%;\n        \/* min-height: 100vh; *\/\n        overflow: hidden;\n        background: var(--bg-dark);\n    }\n\n    .hero-background {\n        position: absolute;\n        inset: 0;\n        z-index: 1;\n    }\n\n    .hero-background::before {\n        content: '';\n        position: absolute;\n        top: -70px;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        background: url(\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2026\/05\/home-company.png\") center\/contain no-repeat;\n        background-size: cover;\n    }\n\n    .hero-content {\n        position: relative;\n        z-index: 10;\n        width: 100%;\n        max-width: 1600px;\n        margin: auto;\n        min-height: 100vh;\n        padding: 40px 24px 60px;\n        display: grid;\n        grid-template-columns: 1fr minmax(300px, 26vw);\n        grid-template-rows: 1fr auto;\n        align-items: end;\n        gap: 24px 32px;\n    }\n\n    .main-title-container {\n        grid-column: 1;\n        grid-row: 2;\n        justify-self: start;\n        align-self: end;\n        width: 100%;\n        max-width: 900px;\n        text-align: left;\n        animation: fadeInUp 1.2s ease-out;\n        margin: 0;\n    }\n\n    .subtitle {\n        font-size: clamp(18px, 3vw, 28px);\n        font-weight: 800;\n        letter-spacing: 2px;\n        margin: 0 0 40px 0;\n        background: linear-gradient(135deg, var(--mint1) 0%, var(--mint2) 50%, var(--mint1) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        text-shadow: 0 0 30px rgba(130, 238, 216, .3);\n    }\n\n    .cta-buttons {\n        display: flex;\n        gap: 20px;\n        justify-content: flex-start;\n        flex-wrap: wrap;\n    }\n\n    .btn {\n        font-size: clamp(14px, 1.2vw, 18px);\n        padding-block: clamp(10px, 1.2vw, 18px);\n        padding-inline: clamp(22px, 2.6vw, 45px);\n        border-radius: clamp(26px, 6vw, 50px);\n        font-weight: 600;\n        letter-spacing: .5px;\n        cursor: pointer;\n        transition: all .3s ease;\n        border: none;\n        text-decoration: none;\n        display: inline-block;\n    }\n\n    .btn-primary {\n        background: var(--brand);\n        color: white;\n        border: 2px solid white;\n        box-shadow: 0 0 0 2px white;\n        position: relative;\n        padding-right: clamp(28px, 3vw, 45px);\n    }\n\n    .btn-primary::before {\n        content: '\u2192';\n        position: absolute;\n        right: clamp(12px, 1.6vw, 20px);\n        top: 50%;\n        transform: translateY(-50%);\n        opacity: 0;\n        transition: all .3s ease;\n        font-size: clamp(16px, 1.4vw, 20px);\n    }\n\n    .btn-primary:hover {\n        background: var(--brand);\n        transform: translateY(-3px);\n        box-shadow: 0 0 0 2px white, 0 8px 20px rgba(0, 0, 0, .3);\n    }\n\n    .btn-primary:hover::before {\n        opacity: 1;\n        right: calc(clamp(12px, 1.6vw, 20px) + 5px);\n    }\n\n    .counter-widget {\n        position: static !important;\n        grid-column: 2;\n        grid-row: 2;\n        justify-self: end;\n        align-self: end;\n        background: rgba(255, 255, 255, .05);\n        backdrop-filter: blur(20px);\n        border-radius: 30px;\n        padding: 32px 28px;\n        border: 1px solid rgba(255, 255, 255, .1);\n        box-shadow: 0 20px 60px rgba(0, 0, 0, .3);\n        width: clamp(300px, 26vw, 420px);\n        transition: transform .3s ease, opacity .3s ease;\n        animation: fadeInRight 1s ease-out;\n        z-index: auto;\n    }\n\n    #oracleCard {\n        position: static !important;\n    }\n\n    .counter-number {\n        font-size: clamp(42px, 8vw, 72px);\n        font-weight: 900;\n        background: linear-gradient(135deg, var(--mint1) 0%, var(--mint2) 50%, var(--mint1) 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n        background-clip: text;\n        line-height: 1.2;\n        margin-bottom: 8px;\n        letter-spacing: -2px;\n        text-shadow: 0 0 30px rgba(130, 238, 216, .3);\n    }\n\n    .counter-title {\n        font-size: clamp(18px, 3vw, 26px);\n        color: rgba(255, 255, 255, .9);\n        font-weight: 600;\n        margin-bottom: 10px;\n    }\n\n    .counter-desc {\n        font-size: clamp(13px, 2vw, 15px);\n        color: rgba(255, 255, 255, .7);\n        line-height: 1.6;\n        margin-bottom: 18px;\n    }\n\n    .image-showcase {\n        width: 100%;\n        height: clamp(55px, 8vw, 70px);\n        border-radius: 12px;\n        overflow: hidden;\n        margin-bottom: 20px;\n        box-shadow: 0 10px 30px rgba(0, 0, 0, .3);\n        background: #fff;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        padding: clamp(8px, 1.5vw, 10px);\n    }\n\n    .arrow-button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: 45px;\n        height: 45px;\n        border-radius: 10px;\n        background: linear-gradient(135deg, var(--mint1) 0%, var(--mint2) 50%, var(--mint1) 100%);\n        border: none;\n        cursor: pointer;\n        transition: all .4s cubic-bezier(.68, -.55, .265, 1.55);\n        box-shadow: 0 8px 20px rgba(130, 238, 216, .4);\n        position: relative;\n        overflow: hidden;\n    }\n\n    .arrow-button::before {\n        content: '';\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        width: 0;\n        height: 0;\n        border-radius: 50%;\n        background: rgba(255, 255, 255, .3);\n        transform: translate(-50%, -50%);\n        transition: width .6s, height .6s;\n    }\n\n    .arrow-button:hover::before {\n        width: 100px;\n        height: 100px;\n    }\n\n    .arrow-button:hover {\n        transform: translateY(-5px) translateX(5px) rotate(5deg);\n        box-shadow: 0 15px 35px rgba(130, 238, 216, .6);\n    }\n\n    .arrow-button svg {\n        width: 22px;\n        height: 22px;\n        fill: white;\n        position: relative;\n        z-index: 1;\n        transition: all .3s ease;\n        filter: drop-shadow(0 2px 4px rgba(0, 0, 0, .2));\n    }\n\n    .arrow-button:hover svg {\n        transform: translate(3px, -3px);\n    }\n\n    @keyframes fadeInUp {\n        from {\n            opacity: 0;\n            transform: translateY(30px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n\n    @keyframes fadeInRight {\n        from {\n            opacity: 0;\n            transform: translateX(30px);\n        }\n\n        to {\n            opacity: 1;\n            transform: translateX(0);\n        }\n    }\n\n    \/* Button Styles *\/\n    .elementor-element-d010481 {\n        text-align: left !important;\n    }\n\n    #pxl-pxl_button-d010481-2883 a {\n        background-color: #18243A;\n        color: #fff;\n        padding: 12px 20px;\n        border-radius: 50px;\n        display: inline-flex;\n        align-items: center;\n        gap: 10px;\n        text-decoration: none;\n        transition: all 0.3s ease;\n        border: 2px solid transparent;\n        max-width: max-content;\n        width: auto;\n    }\n\n    #pxl-pxl_button-d010481-2883 a:hover {\n        background-color: #203350;\n        transform: translateY(-2px);\n        box-shadow: 0 8px 20px rgba(24, 36, 58, 0.4);\n    }\n\n    #pxl-pxl_button-d010481-2883 .pxl--btn-icon {\n        width: 40px;\n        height: 40px;\n        background-color: #18243A;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 6px;\n        flex-shrink: 0;\n    }\n\n    #pxl-pxl_button-d010481-2883 .pxl--btn-text {\n        font-size: 15px;\n        font-weight: 600;\n        letter-spacing: 0.5px;\n    }\n\n    @media (max-width: 1024px) {\n        #pxl-pxl_button-d010481-2883 a {\n            gap: 8px !important;\n            padding: 10px 18px !important;\n        }\n\n        #pxl-pxl_button-d010481-2883 .pxl--btn-icon {\n            width: 36px !important;\n            height: 36px !important;\n        }\n\n        #pxl-pxl_button-d010481-2883 .pxl--btn-text {\n            font-size: 14px !important;\n        }\n    }\n\n    @media (max-width: 767px) {\n\n        .elementor-widget-wrap,\n        .elementor-element-populated {\n            margin-bottom: 0px !important;\n        }\n\n        header,\n        .site-header,\n        .elementor-location-header {\n            margin-bottom: 0 !important;\n        }\n\n        \/* Kill any space before hero *\/\n        body,\n        html {\n            margin: 0 !important;\n            padding: 0 !important;\n            min-height: auto !important;\n        }\n\n        \/* If Elementor adds spacing *\/\n        .elementor-section,\n        .elementor-top-section {\n            margin-top: 0 !important;\n        }\n\n        .hero-background::before {\n            background-size: contain !important;\n            background-position: top center !important;\n            background-repeat: no-repeat !important;\n        }\n\n        \/* Stop forcing full screen height *\/\n        .hero-section {\n            min-height: auto !important;\n            margin-top: 0 !important;\n            padding-top: 0 !important;\n            position: relative;\n            top: 0 !important;\n        }\n\n        .hero-content {\n            min-height: auto !important;\n            height: auto !important;\n\n            grid-template-columns: 1fr !important;\n            grid-template-rows: auto auto !important;\n\n            align-items: center !important;\n            justify-content: center !important;\n\n            padding-top: 250px !important;\n            \/* space for the image *\/\n            padding-bottom: 60px !important;\n\n            row-gap: 24px !important;\n        }\n\n        .main-title-container {\n            grid-column: 1 !important;\n            grid-row: 1 !important;\n            justify-self: center !important;\n            align-self: center !important;\n            text-align: center !important;\n            margin: 0 !important;\n        }\n\n        .counter-widget {\n            grid-column: 1 !important;\n            grid-row: 2 !important;\n            justify-self: center !important;\n            align-self: center !important;\n            width: 100%;\n            max-width: 340px;\n            margin: 0 !important;\n        }\n\n        .cta-buttons {\n            justify-content: center !important;\n        }\n\n    }\n\n\n\n    @media(min-width:1601px) {\n        \/* large screens styles *\/\n    }\n\n    @media(min-width:1201px) and (max-width:1600px) {\n        \/* desktop *\/\n    }\n\n    @media(min-width:993px) and (max-width:1200px) {\n        \/* small desktop *\/\n    }\n\n    @media(min-width:769px) and (max-width:992px) {\n        \/* tablet *\/\n    }\n\n    @media(max-width:768px) {\n        \/* mobile stack *\/\n    }\n\n    @media(max-width:480px) {\n        \/* small phones *\/\n    }\n\n    @media(max-width:360px) {\n        \/* extra small *\/\n    }\n<\/style>\n\n<section class=\"hero-section\">\n    <div class=\"hero-background\"><\/div>\n    <div class=\"hero-content\">\n        <div class=\"main-title-container\">\n            <p class=\"subtitle\">Empowering Businesses with cutting-edge Digital Solutions<\/p>\n            <div class=\"elementor-element elementor-element-d010481 elementor-align-center elementor-widget elementor-widget-pxl_button\"\n                data-id=\"d010481\" data-element_type=\"widget\" data-widget_type=\"pxl_button.default\">\n                <div class=\"elementor-widget-container\">\n                    <div id=\"pxl-pxl_button-d010481-2883\" class=\"pxl-button pxl-atc-link\">\n                        <a href=\"\/our-services\"\n                            class=\"btn pxl-icon-active btn-block btn-text-nina btn-icon-box8 pxl-icon--right\">\n                            <div class=\"pxl--btn-icon\">\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\"\n                                    fill=\"#fff\">\n                                    <path\n                                        d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\">\n                                    <\/path>\n                                    <path\n                                        d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\">\n                                    <\/path>\n                                <\/svg>\n                            <\/div>\n                            <span class=\"pxl--btn-text\">\n                                Discover our services\n                            <\/span>\n                        <\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"counter-widget\" id=\"counterWidget\">\n            <div class=\"counter-number\"><span id=\"counter\">0<\/span>k+<\/div>\n            <div class=\"counter-title\">Empowering Businesses<\/div>\n            <div class=\"counter-desc\">with cutting-edge Digital Solutions<\/div>\n            <div class=\"image-showcase\" id=\"oracleCard\">\n                <a href=\"https:\/\/www.oracle.com\" aria-label=\"Oracle\" class=\"oracle-logo\"><\/a>\n            <\/div>\n            <button class=\"arrow-button\" aria-label=\"Next\">\n                <svg viewBox=\"0 0 33 33\">\n                    <path\n                        d=\"M27.6758 9.104L4.72379 32.056L0.953125 28.2853L23.9024 5.33333H3.67579V0H33.0091V29.3333H27.6758V9.104Z\" \/>\n                <\/svg>\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n\n<script>\n    function animateCounter() {\n        const el = document.getElementById('counter'),\n            target = 20,\n            duration = 2500,\n            frame = 1000 \/ 60,\n            total = Math.round(duration \/ frame);\n        let i = 0;\n        const ease = t => t * (2 - t);\n        const tick = setInterval(() => {\n            i++;\n            const p = ease(i \/ total), val = Math.round(p * target);\n            el.textContent = val;\n            if (i === total) { clearInterval(tick); el.textContent = target; }\n        }, frame);\n    }\n    window.addEventListener('load', () => { setTimeout(animateCounter, 300); });\n\n    function adjustHeroPadding() {\n        const hero = document.querySelector('.hero-content');\n        if (!hero) return;\n\n        const screenWidth = window.innerWidth;\n\n        \/\/ Your background image ratio (height \/ width)\n        \/\/ If your image is e.g. 1920x1080 \u2192 1080\/1920 = 0.5625\n        const imageRatio = 1080 \/ 1920;  \/\/ <-- adjust if your image is different\n\n        \/\/ Calculate image displayed height\n        const imageHeight = screenWidth * imageRatio;\n\n        \/\/ Extra spacing below image\n        const extraSpace = 10;\n\n        if (screenWidth <= 767) {\n            hero.style.paddingTop = Math.round(imageHeight + extraSpace) + \"px\";\n        } else {\n            hero.style.paddingTop = \"\";\n        }\n    }\n\n    \/\/ Run on load & resize\n    window.addEventListener(\"load\", adjustHeroPadding);\n    window.addEventListener(\"resize\", adjustHeroPadding);\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-72aadc6 elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none none pxl-zoom-point-false pxl-section-overflow-visible pxl-section-fix-none pxl-bg-color-none pxl-section-overlay-none\" data-id=\"72aadc6\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\n                \n                <div class=\"elementor-container elementor-column-gap-default \">\n                <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f6c4780 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"f6c4780\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-c3729f6 elementor-widget elementor-widget-spacer\" data-id=\"c3729f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-568e3e3 elementor-align-right elementor-hidden-widescreen elementor-hidden-desktop elementor-hidden-laptop elementor-hidden-tablet_extra elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget__width-initial elementor-widget elementor-widget-pxl_button\" data-id=\"568e3e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_button-568e3e3-6984\" class=\"pxl-button pxl-atc-link \" data-wow-delay=\"ms\">\r\n    <a href=\"\/our-services\" class=\"btn pxl-icon-active btn-block btn-text-nina btn-icon-box8 pxl-icon--left\">\r\n                    <div class=\"pxl--btn-icon\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#000\"><path d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\"><\/path><path d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\"><\/path><\/svg>                                <\/div>\r\n                <span class=\"pxl--btn-text\" data-text=\"Discover Our Services \">\r\n            <span>D<\/span><span>i<\/span><span>s<\/span><span>c<\/span><span>o<\/span><span>v<\/span><span>e<\/span><span>r<\/span><span class=\"spacer\">&nbsp;<\/span><span>O<\/span><span>u<\/span><span>r<\/span><span class=\"spacer\">&nbsp;<\/span><span>S<\/span><span>e<\/span><span>r<\/span><span>v<\/span><span>i<\/span><span>c<\/span><span>e<\/span><span>s<\/span><span class=\"spacer\">&nbsp;<\/span>        <\/span>\r\n    <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-937f4d4 elementor-widget elementor-widget-pxl_heading\" data-id=\"937f4d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-937f4d4-7513\" class=\"pxl-heading  px-sub-title-shape6-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\t\t\t<div class=\"pxl-item--subtitle px-sub-title-shape6 \" data-wow-delay=\"ms\">\n\t\t\t\t<span class=\"pxl-item--subtext\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-title  \">Why SONIC?<\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default highlight-default \" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c4f44f2 elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-pxl_text_editor\" data-id=\"c4f44f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor highlight-gradient\">\n\t<div class=\"pxl-item--inner no  \" \n\tdata-wow-delay=\"ms\"><p>We will enable your business to<br \/>achieve operational efficiency,<br \/>cost optimization, and<br \/>sustainable growth with our<br \/>tailored implementations<\/p><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-82c681a elementor-widget elementor-widget-spacer\" data-id=\"82c681a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5d418e3 driven elementor-widget elementor-widget-pxl_tabs_slip\" data-id=\"5d418e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_tabs_slip.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-tabs-slip pxl-tabs-slip1\" >\n        <div class=\"pxl-tabs--content\">\n                            <div id=\"pxl_tabs_slip-5d418e3-1805-a0b1f36\" class=\"pxl-item--content pxl-item--content-1\">\n                    \t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3027\" class=\"elementor elementor-3027\">\n\t\t\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-f981591 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default pxl-row-scroll-none none pxl-zoom-point-false pxl-section-overflow-visible pxl-section-fix-none pxl-bg-color-none pxl-section-overlay-none\" data-id=\"f981591\" data-element_type=\"section\" data-e-type=\"section\" id=\"1\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\n                \n                <div class=\"elementor-container elementor-column-gap-extended \">\n                <div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c29ac37 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"c29ac37\" data-element_type=\"column\" data-e-type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n                <section class=\"elementor-section elementor-inner-section elementor-element elementor-element-15b06ea elementor-section-full_width elementor-section-height-default elementor-section-height-default pxl-row-scroll-none none pxl-zoom-point-false pxl-section-overflow-visible pxl-section-fix-none pxl-full-content-with-space-none pxl-bg-color-none pxl-section-overlay-none\" data-id=\"15b06ea\" data-element_type=\"section\" data-e-type=\"section\">\n\n                \n                <div class=\"elementor-container elementor-column-gap-no \">\n                <div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-422e5d2 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"422e5d2\" data-element_type=\"column\" data-e-type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-1fb3fac elementor-widget-laptop__width-initial elementor-widget elementor-widget-pxl_heading\" data-id=\"1fb3fac\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-1fb3fac-2665\" class=\"pxl-heading  px-sub-title-default-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\n\t\t<h3 class=\"pxl-item--title style-2 highlight-default \" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\tDriven by Vision, Defined by Innovation By<cite> Sonic<\/cite> \t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b9a624 elementor-widget elementor-widget-spacer\" data-id=\"9b9a624\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t            <\/div>\r\n        <\/div>\r\n        \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d4341d elementor-widget elementor-widget-html\" data-id=\"3d4341d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n\r\n\r\n        .sonic-section {\r\n            position: relative;\r\n            width: 100%;\r\n            max-width: 1300px;\r\n            height: 700px;\r\n            background: url('https:\/\/sonic-tec.com\/wp-content\/uploads\/2026\/05\/company_.png');\r\n            background-size: cover;\r\n            background-position: center;\r\n            display: flex;\r\n            justify-content: center;\r\n            align-items: center;\r\n            overflow: hidden;\r\n            border: 3px solid #2c3e50;\r\n            border-radius: 10px;\r\n            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);\r\n        }\r\n        \r\n        .sonic-section::after {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: rgba(0, 0, 0, 0.3);\r\n            z-index: 1;\r\n        }\r\n\r\n        .sonic-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                linear-gradient(90deg, rgba(255,255,255,0.1) 1px, transparent 1px),\r\n                linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px);\r\n            background-size: 50px 50px;\r\n            opacity: 0.3;\r\n        }\r\n\r\n        .images-container {\r\n            position: absolute;\r\n            bottom: 20px;\r\n            display: flex;\r\n            gap: 40rem;\r\n            align-items: center;\r\n            justify-content: center;\r\n            z-index: 2;\r\n        }\r\n\r\n        .triangle-shape {\r\n            position: relative;\r\n            width: 80px;\r\n            height: 40px;\r\n            clip-path: polygon(50% 0%, 0% 100%, 100% 100%);\r\n            background: #82eed8;\r\n            border: 4px solid #82eed8;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n            box-shadow: 0 8px 25px rgba(0, 212, 255, 0.4);\r\n        }\r\n\r\n        .triangle-shape:nth-child(2) {\r\n            clip-path: polygon(50% 100%, 0% 0%, 100% 0%);\r\n        }\r\n\r\n        .triangle-shape:hover {\r\n            transform: translateY(-10px) scale(1.05);\r\n            box-shadow: 0 15px 35px rgba(0, 212, 255, 0.6);\r\n        }\r\n\r\n        .triangle-content {\r\n            width: 50%;\r\n            height: 50%;\r\n            clip-path: polygon(50% 5%, 5% 95%, 95% 95%);\r\n            \/*background: url('https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/11\/Sonic-Web-C_compressed-1_page-0002.jpg');*\/\r\n            background-size: cover;\r\n            background-position: center;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            position: relative;\r\n        }\r\n\r\n        .triangle-shape:nth-child(2) .triangle-content {\r\n            clip-path: polygon(50% 5%, 5% 5%, 95% 5%);\r\n            background: url('https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/11\/Sonic-Web-C_compressed-1_page-0007.jpg');\r\n            background-size: cover;\r\n            background-position: center;\r\n        }\r\n\r\n        \/*.circuit-pattern {*\/\r\n        \/*    position: absolute;*\/\r\n        \/*    width: 100%;*\/\r\n        \/*    height: 100%;*\/\r\n        \/*    background: #00D4FF;*\/\r\n        \/*}*\/\r\n\r\n        .sonic-logo {\r\n            font-size: 48px;\r\n            font-weight: bold;\r\n            color: #ffffff;\r\n            text-shadow: \r\n                2px 2px 4px rgba(0, 0, 0, 0.8),\r\n                0 0 10px rgba(0, 212, 255, 0.8);\r\n            letter-spacing: 8px;\r\n            z-index: 1;\r\n        }\r\n\r\n        .s-letter {\r\n            font-size: 72px;\r\n            color: #00d4ff;\r\n            text-shadow: \r\n                0 0 10px rgba(0, 212, 255, 1),\r\n                0 0 20px rgba(0, 212, 255, 0.8),\r\n                0 0 30px rgba(0, 212, 255, 0.6),\r\n                2px 2px 8px rgba(0, 0, 0, 0.9);\r\n            font-weight: bold;\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .sonic-section {\r\n                height: 300px;\r\n            }\r\n\r\n            .images-container {\r\n                left: 0;\r\n                right: 0;\r\n                width: 100%;\r\n                justify-content: space-between;\r\n                padding: 0 20px;\r\n                gap: 0;\r\n            }\r\n\r\n            .triangle-shape {\r\n                width: 60px;\r\n                height: 30px;\r\n            }\r\n\r\n            .sonic-logo {\r\n                font-size: 36px;\r\n            }\r\n\r\n            .s-letter {\r\n                font-size: 56px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"sonic-section\">\r\n        <div class=\"images-container\">\r\n            <div class=\"triangle-shape\">\r\n                <div class=\"triangle-content\">\r\n                    <div class=\"circuit-pattern\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"triangle-shape\">\r\n                <div class=\"triangle-content\">\r\n                    <div class=\"circuit-pattern\"><\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Add parallax effect on mouse move\r\n        const section = document.querySelector('.sonic-section');\r\n        const triangles = document.querySelectorAll('.triangle-shape');\r\n\r\n        section.addEventListener('mousemove', (e) => {\r\n            const rect = section.getBoundingClientRect();\r\n            const x = (e.clientX - rect.left) \/ rect.width - 0.5;\r\n            const y = (e.clientY - rect.top) \/ rect.height - 0.5;\r\n\r\n            triangles.forEach((triangle, index) => {\r\n                const intensity = (index + 1) * 10;\r\n                triangle.style.transform = `\r\n                    translate(${x * intensity}px, ${y * intensity}px)\r\n                    scale(1)\r\n                `;\r\n            });\r\n        });\r\n\r\n        section.addEventListener('mouseleave', () => {\r\n            triangles.forEach(triangle => {\r\n                triangle.style.transform = 'translate(0, 0) scale(1)';\r\n            });\r\n        });\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c75a329 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-pxl_image\" data-id=\"c75a329\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"pxl_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl_image-c75a329-3632\" class=\"pxl-image-single pxl-disable-parallax-sm   \" data-wow-delay=\"ms\"  >\r\n    <div class=\"pxl-item--inner\" data-wow-delay=\"120ms\">\r\n                \r\n                                <div class=\"pxl-item--image\" data-parallax-value=\"\">\r\n                                                    <img fetchpriority=\"high\" decoding=\"async\" width=\"658\" height=\"1084\" src=\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2024\/09\/Ellipse-4.webp\" class=\"no-lazyload attachment-full\" alt=\"\" \/>                                                                    <\/div>\r\n                                <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5a80040 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-pxl_image\" data-id=\"5a80040\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"pxl_image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl_image-5a80040-8981\" class=\"pxl-image-single pxl-disable-parallax-sm   \" data-wow-delay=\"ms\"  >\r\n    <div class=\"pxl-item--inner\" data-wow-delay=\"120ms\">\r\n                \r\n                                <div class=\"pxl-item--image\" data-parallax-value=\"\">\r\n                                                    <img decoding=\"async\" width=\"684\" height=\"1084\" src=\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2024\/09\/Ellipse5.webp\" class=\"no-lazyload attachment-full\" alt=\"\" \/>                                                                    <\/div>\r\n                                <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t        <section class=\"elementor-section elementor-inner-section elementor-element elementor-element-940d3be elementor-section-full_width elementor-section-height-default elementor-section-height-default pxl-row-scroll-none none pxl-zoom-point-false pxl-section-overflow-visible pxl-section-fix-none pxl-full-content-with-space-none pxl-bg-color-none pxl-section-overlay-none\" data-id=\"940d3be\" data-element_type=\"section\" data-e-type=\"section\">\n\n                \n                <div class=\"elementor-container elementor-column-gap-no \">\n                <div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-e523af1 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"e523af1\" data-element_type=\"column\" data-e-type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-a59d7aa elementor-widget elementor-widget-pxl_heading\" data-id=\"a59d7aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-a59d7aa-7172\" class=\"pxl-heading  px-sub-title-shape6-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\t\t\t<div class=\"pxl-item--subtitle px-sub-title-shape6 \" data-wow-delay=\"ms\">\n\t\t\t\t<span class=\"pxl-item--subtext\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-title  \">Our Mission<\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default highlight-default wow fadeInUp\" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4d2268a elementor-widget elementor-widget-pxl_text_editor\" data-id=\"4d2268a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor highlight-gradient\">\n\t<div class=\"pxl-item--inner no wow fadeInUp \" \n\tdata-wow-delay=\"ms\"><p>To deliver innovation-driven solutions<br \/>that empower businesses with<br \/>advanced technologies, ensuring<br \/>profitability, time savings, and cost<br \/>efficiency through a client-centric<br \/>approach and proven expertise.<\/p><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\r\n        <\/div>\r\n                <div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-9a8e5b9 pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"9a8e5b9\" data-element_type=\"column\" data-e-type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-653482d elementor-widget elementor-widget-pxl_heading\" data-id=\"653482d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-653482d-2989\" class=\"pxl-heading  px-sub-title-shape6-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\t\t\t<div class=\"pxl-item--subtitle px-sub-title-shape6 \" data-wow-delay=\"ms\">\n\t\t\t\t<span class=\"pxl-item--subtext\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-title  \">Our Vision<\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default highlight-default wow fadeInUp\" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3899d71 elementor-widget elementor-widget-pxl_text_editor\" data-id=\"3899d71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor highlight-gradient\">\n\t<div class=\"pxl-item--inner no wow fadeInUp \" \n\tdata-wow-delay=\"ms\"><p>To pioneer transformative technology<br \/>and sustainable digital solutions that<br \/>enable full automation, accelerate<br \/>business growth, and provide<br \/>exceptional value through affordable<br \/>excellence shaping a future of<br \/>innovation and responsibility.<\/p><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\r\n        <\/div>\r\n        \t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-c8e1928 e-flex e-con-boxed e-con e-parent \" data-id=\"c8e1928\" data-element_type=\"container\" data-e-type=\"container\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-40a0ac7 elementor-widget elementor-widget-pxl_heading\" data-id=\"40a0ac7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-40a0ac7-6502\" class=\"pxl-heading  px-sub-title-shape6-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\t\t\t<div class=\"pxl-item--subtitle px-sub-title-shape6 \" data-wow-delay=\"ms\">\n\t\t\t\t<span class=\"pxl-item--subtext\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-title  \">Worldwide<\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default highlight-default \" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f90e503 elementor-widget elementor-widget-pxl_text_editor\" data-id=\"f90e503\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor highlight-gradient\">\n\t<div class=\"pxl-item--inner no  \" \n\tdata-wow-delay=\"ms\"><p>Global expertise, operating 24\/7 From Silicon Valley to Singapore, we ensure your competitive edge never sleeps.<\/p><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t            <\/div>\r\n        <\/div>\r\n        \t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t        \n                <\/div>\n                    <\/div>\n    <\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d010481 elementor-align-center elementor-widget elementor-widget-pxl_button\" data-id=\"d010481\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_button-d010481-9539\" class=\"pxl-button pxl-atc-link \" data-wow-delay=\"ms\">\r\n    <a href=\"https:\/\/sonic-tec.com\/about-us\/\" class=\"btn pxl-icon-active btn-block  btn-icon-box8 pxl-icon--right\">\r\n                    <div class=\"pxl--btn-icon\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#000\"><path d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\"><\/path><path d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\"><\/path><\/svg>                                <\/div>\r\n                <span class=\"pxl--btn-text\" data-text=\"Know About Us\">\r\n            Know About Us        <\/span>\r\n    <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\r\n        <\/div>\r\n        \t\t\t<\/div>\n\t\t<\/section>\n\t\t        <section class=\"elementor-section elementor-top-section elementor-element elementor-element-eb53c88 elementor-section-stretched pxl-row-scroll-fixed elementor-section-boxed elementor-section-height-default elementor-section-height-default none pxl-zoom-point-false pxl-section-overflow-visible pxl-section-fix-none pxl-bg-color-none pxl-section-overlay-none\" data-id=\"eb53c88\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\n                \n                <div class=\"elementor-container elementor-column-gap-extended \">\n                <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-01672f0 pxl-column-sticky\" data-id=\"01672f0\" data-element_type=\"column\" data-e-type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-9a713ee elementor-widget-laptop__width-initial elementor-widget elementor-widget-pxl_heading\" data-id=\"9a713ee\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-9a713ee-8333\" class=\"pxl-heading  px-sub-title-shape6-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\t\t\t<div class=\"pxl-item--subtitle px-sub-title-shape6 \" data-wow-delay=\"ms\">\n\t\t\t\t<span class=\"pxl-item--subtext\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-title  \">Services<\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default highlight-default \" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\tIndustry-Specific AI Solutions Tailored for Your Growth\t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ba41fa4 elementor-widget elementor-widget-pxl_text_editor\" data-id=\"ba41fa4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor highlight-gradient\">\n\t<div class=\"pxl-item--inner no  \" \n\tdata-wow-delay=\"ms\"><p>Stop using generic tools. We build AI that understands your industry&#8217;s DNA, delivering automation that isn&#8217;t just smart\u2014it&#8217;s strategic .<\/p><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d97049 elementor-widget__width-auto elementor-align-center elementor-widget-mobile__width-inherit elementor-widget elementor-widget-pxl_button\" data-id=\"6d97049\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pxl-pxl_button-6d97049-1762\" class=\"pxl-button pxl-atc-link \" data-wow-delay=\"ms\">\r\n    <a href=\"https:\/\/sonic-tec.com\/our-services\/\" class=\"btn pxl-icon-active btn-block-inline  btn-icon-box8 pxl-icon--right\">\r\n                    <div class=\"pxl--btn-icon\">\r\n                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#000\"><path d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\"><\/path><path d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\"><\/path><\/svg>                                <\/div>\r\n                <span class=\"pxl--btn-text\" data-text=\"View All Service\">\r\n            View All Service        <\/span>\r\n    <\/a>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\r\n        <\/div>\r\n                <div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-376349c pxl-column-none pxl-column-overflow-hidden-no\" data-id=\"376349c\" data-element_type=\"column\" data-e-type=\"column\">\r\n        <div class=\"elementor-widget-wrap elementor-element-populated\">\r\n                     \r\n        \t\t<div class=\"elementor-element elementor-element-1a05ce8 elementor-widget elementor-widget-pxl_featured_image_box\" data-id=\"1a05ce8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_featured_image_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"pxl-featured-image-box style2 style-1\">\r\n                    <div class=\"pxl--item wow fadeInUp\" data-wow-delay=\"ms\">\r\n                <a class=\"pxl-item--link\" ><\/a>\r\n                \r\n                    <div class=\"pxl-item--image\">\r\n                        <img decoding=\"async\" class=\"no-lazyload \" src=\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/10\/robot.png\" width=\"256\" height=\"256\" alt=\"robot\" title=\"robot\" \/>                    <\/div>\r\n                                                      \r\n                <div class=\"pxl-item--holder \">\r\n                    <h3 class=\"pxl-title\">\r\n                        AI-Driven Automation                    <\/h3>\r\n                    <div class=\"pxl-line\">\r\n                        <div class=\"pxl-item--inner\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"pxl-desc\">\r\n                        Turn Data into Decisions: Advanced predictive analytics to forecast your next big move .                    <\/div>\r\n                <\/div>\r\n               \r\n                <div class=\"pxl-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#000\"><path d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\"><\/path><path d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\"><\/path><\/svg>                <\/div> \r\n                    \r\n                <\/div>\r\n                        <div class=\"pxl--item wow fadeInUp\" data-wow-delay=\"ms\">\r\n                <a class=\"pxl-item--link\" ><\/a>\r\n                \r\n                    <div class=\"pxl-item--image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"no-lazyload \" src=\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/10\/process-1.png\" width=\"256\" height=\"256\" alt=\"process\" title=\"process\" \/>                    <\/div>\r\n                                                      \r\n                <div class=\"pxl-item--holder \">\r\n                    <h3 class=\"pxl-title\">\r\n                        Third-Party Integration                    <\/h3>\r\n                    <div class=\"pxl-line\">\r\n                        <div class=\"pxl-item--inner\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"pxl-desc\">\r\n                        Easily integrate tools with\nexisting systems.                    <\/div>\r\n                <\/div>\r\n               \r\n                <div class=\"pxl-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#000\"><path d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\"><\/path><path d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\"><\/path><\/svg>                <\/div> \r\n                    \r\n                <\/div>\r\n                        <div class=\"pxl--item wow fadeInUp\" data-wow-delay=\"ms\">\r\n                <a class=\"pxl-item--link\" ><\/a>\r\n                \r\n                    <div class=\"pxl-item--image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"no-lazyload \" src=\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/10\/connection.png\" width=\"256\" height=\"256\" alt=\"connection\" title=\"connection\" \/>                    <\/div>\r\n                                                      \r\n                <div class=\"pxl-item--holder \">\r\n                    <h3 class=\"pxl-title\">\r\n                        Cloud Migration                    <\/h3>\r\n                    <div class=\"pxl-line\">\r\n                        <div class=\"pxl-item--inner\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"pxl-desc\">\r\n                        Leverage\nscalability & Security                     <\/div>\r\n                <\/div>\r\n               \r\n                <div class=\"pxl-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#000\"><path d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\"><\/path><path d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\"><\/path><\/svg>                <\/div> \r\n                    \r\n                <\/div>\r\n                        <div class=\"pxl--item wow fadeInUp\" data-wow-delay=\"ms\">\r\n                <a class=\"pxl-item--link\" ><\/a>\r\n                \r\n                    <div class=\"pxl-item--image\">\r\n                        <img loading=\"lazy\" decoding=\"async\" class=\"no-lazyload \" src=\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/10\/customers.png\" width=\"256\" height=\"256\" alt=\"customers\" title=\"customers\" \/>                    <\/div>\r\n                                                      \r\n                <div class=\"pxl-item--holder \">\r\n                    <h3 class=\"pxl-title\">\r\n                        User-Friendly Dashboards                    <\/h3>\r\n                    <div class=\"pxl-line\">\r\n                        <div class=\"pxl-item--inner\">\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"pxl-desc\">\r\n                        Interactive interfaces for\nreal-time insights.                    <\/div>\r\n                <\/div>\r\n               \r\n                <div class=\"pxl-icon\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#000\"><path d=\"M5.83333 15C5.58333 15 5.41667 14.9167 5.25 14.75C4.91667 14.4167 4.91667 13.9167 5.25 13.5833L13.5833 5.25C13.9167 4.91667 14.4167 4.91667 14.75 5.25C15.0833 5.58333 15.0833 6.08333 14.75 6.41667L6.41667 14.75C6.25 14.9167 6.08333 15 5.83333 15Z\"><\/path><path d=\"M14.1664 14.1667C13.6664 14.1667 13.3331 13.8333 13.3331 13.3333V6.66667H6.6664C6.1664 6.66667 5.83307 6.33333 5.83307 5.83333C5.83307 5.33333 6.1664 5 6.6664 5H14.1664C14.6664 5 14.9997 5.33333 14.9997 5.83333V13.3333C14.9997 13.8333 14.6664 14.1667 14.1664 14.1667Z\"><\/path><\/svg>                <\/div> \r\n                    \r\n                <\/div>\r\n                    <\/div>\r\n    \t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t            <\/div>\r\n        <\/div>\r\n        \t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-30913b3 e-con-full e-flex e-con e-child \" data-id=\"30913b3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t<div class=\"elementor-element elementor-element-b466609 elementor-widget elementor-widget-pxl_heading\" data-id=\"b466609\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-b466609-6119\" class=\"pxl-heading  px-sub-title-default-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\t\t\t<div class=\"pxl-item--subtitle px-sub-title-default \" data-wow-delay=\"ms\">\n\t\t\t\t<span class=\"pxl-item--subtext\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"sub-title  \">Why Clients Love SONIC<\/span>\n\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default highlight-default \" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-49ad446 elementor-widget__width-auto elementor-widget-mobile__width-inherit elementor-widget elementor-widget-pxl_text_editor\" data-id=\"49ad446\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_text_editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"pxl-text-editor highlight-gradient\">\n\t<div class=\"pxl-item--inner no  \" \n\tdata-wow-delay=\"ms\"><p>We don\u2019t just provide technology; we reinvent how you operate. SONIC delivers measurable growth through precision-engineered automation.<\/p><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-96ff0ed elementor-widget elementor-widget-html\" data-id=\"96ff0ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Services Section -->\r\n<section class=\"services-section\">\r\n  <div class=\"container\">\r\n    <div class=\"services-grid\">\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#82EED8\" viewBox=\"0 0 640 640\">\r\n            <!--!Font Awesome Free v7.0.1 by @fontawesome - https:\/\/fontawesome.com   License - https:\/\/fontawesome.com\/license\/free   Copyright 2025 Fonticons, Inc.-->\r\n            <path d=\"M544 269.8C529.2 279.6 512.2 287.5 494.5 293.8C447.5 310.6 385.8 320 320 320C254.2 320 192.4 310.5 145.5 293.8C127.9 287.5 110.8 279.6 96 269.8L96 352C96 396.2 196.3 432 320 432C443.7 432 544 396.2 544 352L544 269.8zM544 192L544 144C544 99.8 443.7 64 320 64C196.3 64 96 99.8 96 144L96 192C96 236.2 196.3 272 320 272C443.7 272 544 236.2 544 192zM494.5 453.8C447.6 470.5 385.9 480 320 480C254.1 480 192.4 470.5 145.5 453.8C127.9 447.5 110.8 439.6 96 429.8L96 496C96 540.2 196.3 576 320 576C443.7 576 544 540.2 544 496L544 429.8C529.2 439.6 512.2 447.5 494.5 453.8z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Accelerate Digital Transformation<\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"60\" fill=\"#82EED8\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M3 3h2v18H3V3zm4 5h2v13H7V8zm4 3h2v10h-2V11zm4-6h2v16h-2V5zm4 9h2v7h-2v-7z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Actionable Business Intelligence<\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"#82EED8\" viewBox=\"0 0 640 640\">\r\n            <!--!Font Awesome Free v7.0.1 by @fontawesome - https:\/\/fontawesome.com   License - https:\/\/fontawesome.com\/license\/free   Copyright 2025 Fonticons, Inc.-->\r\n            <path d=\"M256 144C256 117.5 277.5 96 304 96L336 96C362.5 96 384 117.5 384 144L384 496C384 522.5 362.5 544 336 544L304 544C277.5 544 256 522.5 256 496L256 144zM64 336C64 309.5 85.5 288 112 288L144 288C170.5 288 192 309.5 192 336L192 496C192 522.5 170.5 544 144 544L112 544C85.5 544 64 522.5 64 496L64 336zM496 160L528 160C554.5 160 576 181.5 576 208L576 496C576 522.5 554.5 544 528 544L496 544C469.5 544 448 522.5 448 496L448 208C448 181.5 469.5 160 496 160z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Predictive Business Analytics<\/h3>\r\n      <\/div>\r\n\r\n      <div class=\"service-card\">\r\n        <div class=\"icon\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"60\" height=\"60\" fill=\"#82EED8\" viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 2a3 3 0 013 3v1h1a3 3 0 013 3v1h1a2 2 0 010 4h-1v1a3 3 0 01-3 3h-1v1a3 3 0 01-3 3 3 3 0 01-3-3v-1H9a3 3 0 01-3-3v-1H5a2 2 0 010-4h1V9a3 3 0 013-3h1V5a3 3 0 013-3zm0 5a4 4 0 100 8 4 4 0 000-8z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Next-Gen Artificial Intelligence<\/h3>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* Container *\/\r\n.services-section {\r\n  width: 100%;\r\n  text-align: center;\r\n  font-family: Arial, sans-serif;\r\n  margin-bottom: 0; \/* Removed the bottom margin *\/\r\n}\r\n\r\n.services-section h2 {\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.services-section h2 span {\r\n  color: #82eed8;\r\n}\r\n\r\n.services-section .subtitle {\r\n  font-size: 16px;\r\n  color: #ffffff;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n\/* Grid *\/\r\n.services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n  gap: 20px;\r\n  margin-bottom: 0; \/* Removed the bottom margin *\/\r\n}\r\n\r\n.service-card {\r\n  background: rgba(255, 255, 255, 0.05); \/* Optional subtle background for cards *\/\r\n  border-radius: 10px;\r\n  padding: 20px;\r\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);\r\n  transition: all 0.3s ease;\r\n}\r\n\r\n.service-card:hover {\r\n  transform: translateY(-5px);\r\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);\r\n}\r\n\r\n.service-card svg {\r\n  max-width: 60px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.service-card h3 {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: #ffffff;\r\n}\r\n\r\n\/* Button *\/\r\n.cta .btn {\r\n  display: inline-block;\r\n  background: #82EED8;\r\n  color: #000000;\r\n  padding: 12px 24px;\r\n  border-radius: 6px;\r\n  font-weight: bold;\r\n  text-decoration: none;\r\n  transition: background 0.3s ease;\r\n}\r\n\r\n.cta .btn:hover {\r\n  background: #4DB6A6;\r\n  color: #ffffff;\r\n}\r\n\r\n.cta a {\r\n  text-decoration: none !important;\r\n}\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-0b03689 e-flex e-con-boxed e-con e-parent \" data-id=\"0b03689\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-836820b elementor-widget__width-initial elementor-widget elementor-widget-pxl_heading\" data-id=\"836820b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<div id=\"pxl-pxl_heading-836820b-9060\" class=\"pxl-heading  px-sub-title-shape6-style \">\n\t<div class=\"pxl-heading--inner\">\n\t\t\n\t\t<h3 class=\"pxl-item--title style-default highlight-default \" data-wow-delay=\"ms\">\n\n\t\t\t<span class=\"pxl-heading--text no\">\n\n\t\t\t\t\t\t\t\t\tHow can we transform your business today ?  \t\n\t\t\t\t\t\n\n\t\t\t<\/span>\n\t\t<\/h3>\n\t\t\n\t<\/div>\n<\/div>\n\n\n\n\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0738671 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-tablet_extra__width-initial elementor-widget elementor-widget-pxl_accordion\" data-id=\"0738671\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"pxl_accordion.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t    <div class=\"pxl-accordion pxl-accordion2 style-default wow skewInBottom\" data-wow-delay=\"ms\">\r\n                    <div class=\"pxl--item active\">\r\n                <h5 class=\"pxl-accordion--title\" data-target=\"#pxl_accordion-0738671-9164-8d6305e\">\r\n                    <div class=\"pxl-title--number pxl-empty\"><\/div>\r\n                        <span class=\"pxl-title--text\">Rise of AI Agents<\/span>\r\n                    <span class=\"pxl-icon--action\"><span class=\"pxl-icon--plus\"><span><\/span><\/span><\/span>                <\/h5>\r\n                <div id=\"pxl_accordion-0738671-9164-8d6305e\" class=\"pxl-accordion--content\" style=\"display: block;\">\r\n                                        Beyond Automation: Autonomous AI agents that own your complex workflows from start to finish. Scale your operations without increasing headcount or constant monitoring .                <\/div>\r\n            <\/div>\r\n                    <div class=\"pxl--item \">\r\n                <h5 class=\"pxl-accordion--title\" data-target=\"#pxl_accordion-0738671-9164-f43aaa6\">\r\n                    <div class=\"pxl-title--number pxl-empty\"><\/div>\r\n                        <span class=\"pxl-title--text\">Augmented Workforce<\/span>\r\n                    <span class=\"pxl-icon--action\"><span class=\"pxl-icon--plus\"><span><\/span><\/span><\/span>                <\/h5>\r\n                <div id=\"pxl_accordion-0738671-9164-f43aaa6\" class=\"pxl-accordion--content\" >\r\n                                        AI becomes a force multiplier, handling 70-90% of routine work. This frees up human talent for high-value strategy, creativity, and essential critical thinking.                <\/div>\r\n            <\/div>\r\n                    <div class=\"pxl--item \">\r\n                <h5 class=\"pxl-accordion--title\" data-target=\"#pxl_accordion-0738671-9164-40539d7\">\r\n                    <div class=\"pxl-title--number pxl-empty\"><\/div>\r\n                        <span class=\"pxl-title--text\">Autonomous Decision-Making<\/span>\r\n                    <span class=\"pxl-icon--action\"><span class=\"pxl-icon--plus\"><span><\/span><\/span><\/span>                <\/h5>\r\n                <div id=\"pxl_accordion-0738671-9164-40539d7\" class=\"pxl-accordion--content\" >\r\n                                         AI agents will directly integrate into ERP and SCM systems, enabling self-optimizing business automation solutions that adjust to real-time events.                <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-8ae28e1 e-flex e-con-boxed e-con e-parent \" data-id=\"8ae28e1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-a665e2f elementor-widget elementor-widget-html\" data-id=\"a665e2f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        body {\r\n            background: linear-gradient(135deg, #0f0f15 0%, #1a1a2e 100%);\r\n            margin: 0;\r\n            padding: 20px;\r\n            min-height: 100vh;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .wp-tailored-solutions-section {\r\n            padding: 60px 20px;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .wp-tailored-solutions-section::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: radial-gradient(circle at center, rgba(130, 238, 216, 0.1) 0%, transparent 70%);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n        }\r\n\r\n        .wp-tailored-solutions-title {\r\n            font-size: 20px;\r\n            margin-bottom: 50px;\r\n            color: white;\r\n            text-align: center;\r\n            font-weight: 400;\r\n            letter-spacing: -0.5px;\r\n            text-shadow: 0 0 20px rgba(130, 238, 216, 0.3);\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: fadeInUp 1s ease-out forwards;\r\n            position: relative;\r\n        }\r\n\r\n        .wp-tailored-solutions-title::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 100px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, transparent, #82EED8, transparent);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .carousel-container {\r\n            position: relative;\r\n            margin-bottom: 40px;\r\n            padding: 0 20px;\r\n            opacity: 0;\r\n            animation: fadeInUp 1s ease-out 0.3s forwards;\r\n        }\r\n\r\n        .carousel-track-wrapper {\r\n            overflow: hidden;\r\n            border-radius: 24px;\r\n        }\r\n\r\n        .carousel-track {\r\n            display: flex;\r\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .carousel-slide {\r\n            min-width: 100%;\r\n            padding: 0 10px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .wp-solution-item {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(12px);\r\n            border-radius: 24px;\r\n            padding: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            border: 1px solid rgba(130, 238, 216, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 200px;\r\n        }\r\n\r\n        .wp-solution-item::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, transparent, #82EED8, transparent);\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .wp-solution-item:hover {\r\n            background: rgba(255, 255, 255, 0.08);\r\n            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.35),\r\n                        0 0 35px rgba(130, 238, 216, 0.25);\r\n            border-color: rgba(130, 238, 216, 0.4);\r\n        }\r\n\r\n        .wp-solution-icon-container {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, rgba(130, 238, 216, 0.25), rgba(130, 238, 216, 0.15));\r\n            border-radius: 20px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-right: 30px;\r\n            flex-shrink: 0;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(130, 238, 216, 0.3);\r\n        }\r\n\r\n        .wp-solution-item:hover .wp-solution-icon-container {\r\n            background: linear-gradient(135deg, rgba(130, 238, 216, 0.45), rgba(130, 238, 216, 0.25));\r\n            transform: scale(1.15) rotate(5deg);\r\n            box-shadow: 0 0 25px rgba(130, 238, 216, 0.35);\r\n        }\r\n\r\n        .wp-solution-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            fill: #82EED8;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .wp-solution-item:hover .wp-solution-icon {\r\n            fill: white;\r\n            transform: scale(1.25);\r\n        }\r\n\r\n        .wp-solution-text {\r\n            color: white;\r\n            font-size: 20px;\r\n            line-height: 1.5;\r\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        .wp-solution-text strong {\r\n            color: white;\r\n            display: block;\r\n            margin-bottom: 8px;\r\n            font-weight: 700;\r\n            font-size: 24px;\r\n            background: linear-gradient(90deg, #ffffff, #e0e0e0);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        .solution-number {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 25px;\r\n            font-size: 16px;\r\n            color: rgba(130, 238, 216, 0.7);\r\n            font-weight: 600;\r\n            opacity: 1;\r\n        }\r\n\r\n\r\n\r\n        \/* Dots Indicator *\/\r\n        .carousel-dots {\r\n            display: flex !important;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            margin-top: 30px;\r\n            visibility: visible !important;\r\n        }\r\n\r\n        .carousel-dot {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(130, 238, 216, 0.3);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(130, 238, 216, 0.4);\r\n        }\r\n\r\n        .carousel-dot.active {\r\n            background: #82EED8;\r\n            width: 32px;\r\n            border-radius: 6px;\r\n            box-shadow: 0 0 15px rgba(130, 238, 216, 0.6);\r\n        }\r\n\r\n        .carousel-dot:hover {\r\n            background: rgba(130, 238, 216, 0.6);\r\n        }\r\n\r\n        .wp-tailored-solutions-footer {\r\n            text-align: center;\r\n            color: rgba(255, 255, 255, 0.85);\r\n            font-size: 20px;\r\n            margin-top: 45px;\r\n            font-weight: 500;\r\n            line-height: 1.6;\r\n            max-width: 800px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            opacity: 0;\r\n            transform: translateY(25px);\r\n            animation: fadeInUp 1s ease-out 0.6s forwards;\r\n            position: relative;\r\n            padding: 20px 40px;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border-radius: 16px;\r\n            border: 1px solid rgba(130, 238, 216, 0.1);\r\n        }\r\n\r\n        @keyframes fadeInUp {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive adjustments *\/\r\n        @media (max-width: 768px) {\r\n            .wp-tailored-solutions-section {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .wp-tailored-solutions-title {\r\n                font-size: 32px;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            @media (max-width: 768px) {\r\n                .carousel-container {\r\n                    padding: 0 20px;\r\n                }\r\n            }\r\n\r\n            .carousel-btn {\r\n                width: 40px;\r\n                height: 40px;\r\n            }\r\n\r\n            .carousel-btn svg {\r\n                width: 20px;\r\n                height: 20px;\r\n            }\r\n\r\n            .wp-solution-item {\r\n                padding: 30px 25px;\r\n                height: 180px;\r\n            }\r\n\r\n            .wp-solution-icon-container {\r\n                width: 65px;\r\n                height: 65px;\r\n            }\r\n\r\n            .wp-solution-icon {\r\n                width: 32px;\r\n                height: 32px;\r\n            }\r\n\r\n            .wp-solution-text {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .wp-solution-text strong {\r\n                font-size: 20px;\r\n            }\r\n\r\n            .solution-number {\r\n                font-size: 14px;\r\n            }\r\n\r\n            .wp-tailored-solutions-footer {\r\n                font-size: 18px;\r\n                padding: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .wp-tailored-solutions-title {\r\n                font-size: 28px;\r\n            }\r\n\r\n            @media (max-width: 480px) {\r\n                .carousel-container {\r\n                    padding: 0 10px;\r\n                }\r\n            }\r\n\r\n            .wp-solution-item {\r\n                padding: 25px 20px;\r\n                height: 160px;\r\n            }\r\n\r\n            .wp-solution-icon-container {\r\n                width: 55px;\r\n                height: 55px;\r\n                margin-right: 20px;\r\n            }\r\n\r\n            .wp-solution-icon {\r\n                width: 28px;\r\n                height: 28px;\r\n            }\r\n\r\n            .wp-solution-text {\r\n                font-size: 16px;\r\n            }\r\n\r\n            .wp-solution-text strong {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .wp-tailored-solutions-footer {\r\n                font-size: 16px;\r\n                padding: 20px 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"wp-tailored-solutions-section\">\r\n        <h2 class=\"wp-tailored-solutions-title\">Tailored Solutions<\/h2>\r\n\r\n        <div class=\"carousel-container\">\r\n            <div class=\"carousel-track-wrapper\">\r\n                <div class=\"carousel-track\" id=\"carouselTrack\">\r\n                    <div class=\"carousel-slide\">\r\n                        <div class=\"wp-solution-item\">\r\n                            <div class=\"wp-solution-icon-container\">\r\n                                <svg class=\"wp-solution-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M20 8h-3V4H3c-1.1 0-2 .9-2 2v11h2c0 1.66 1.34 3 3 3s3-1.34 3-3h6c0 1.66 1.34 3 3 3s3-1.34 3-3h2v-5l-3-4zM6 18.5c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5zm13.5-9l1.96 2.5H17V9.5h2.5zm-1.5 9c-.83 0-1.5-.67-1.5-1.5s.67-1.5 1.5-1.5 1.5.67 1.5 1.5-.67 1.5-1.5 1.5z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"wp-solution-text\">\r\n                                <strong>Supply Chain Management (SCM)<\/strong>\r\n                            <\/div>\r\n                            <span class=\"solution-number\">01<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-slide\">\r\n                        <div class=\"wp-solution-item\">\r\n                            <div class=\"wp-solution-icon-container\">\r\n                                <svg class=\"wp-solution-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M11.8 10.9c-2.27-.59-3-1.2-3-2.15 0-1.09 1.01-1.85 2.7-1.85 1.78 0 2.44.85 2.5 2.1h2.21c-.07-1.72-1.12-3.3-3.21-3.81V3h-3v2.16c-1.94.42-3.5 1.68-3.5 3.61 0 2.31 1.91 3.46 4.7 4.13 2.5.6 3 1.48 3 2.41 0 .69-.49 1.79-2.7 1.79-2.06 0-2.87-.92-2.98-2.1h-2.2c.12 2.19 1.76 3.42 3.68 3.83V21h3v-2.15c1.95-.37 3.5-1.5 3.5-3.55 0-2.84-2.43-3.81-4.7-4.4z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"wp-solution-text\">\r\n                                <strong>Financial Management<\/strong>\r\n                            <\/div>\r\n                            <span class=\"solution-number\">02<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-slide\">\r\n                        <div class=\"wp-solution-item\">\r\n                            <div class=\"wp-solution-icon-container\">\r\n                                <svg class=\"wp-solution-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"wp-solution-text\">\r\n                                <strong>Human Capital Management (HCM)<\/strong>\r\n                            <\/div>\r\n                            <span class=\"solution-number\">03<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-slide\">\r\n                        <div class=\"wp-solution-item\">\r\n                            <div class=\"wp-solution-icon-container\">\r\n                                <svg class=\"wp-solution-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"wp-solution-text\">\r\n                                <strong>Construction and Engineering<\/strong>\r\n                            <\/div>\r\n                            <span class=\"solution-number\">04<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-slide\">\r\n                        <div class=\"wp-solution-item\">\r\n                            <div class=\"wp-solution-icon-container\">\r\n                                <svg class=\"wp-solution-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M9 3L5 6.99h3V14h2V6.99h3L9 3zm7 14.01V10h-2v7.01h-3L15 21l4-3.99h-3z\"\/>\r\n                                    <path d=\"M20 8h-7V4h7c1.1 0 2 .9 2 2v2c0 1.1-.9 2-2 2zm0 12h-7v-4h7c1.1 0 2 .9 2 2v2c0 1.1-.9 2-2 2z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"wp-solution-text\">\r\n                                <strong>Manufacturing<\/strong>\r\n                            <\/div>\r\n                            <span class=\"solution-number\">05<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-slide\">\r\n                        <div class=\"wp-solution-item\">\r\n                            <div class=\"wp-solution-icon-container\">\r\n                                <svg class=\"wp-solution-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M16.5 13c-1.2 0-3.07.34-4.5 1-1.43-.67-3.3-1-4.5-1C5.33 13 1 14.08 1 16.25V19h22v-2.75c0-2.17-4.33-3.25-6.5-3.25zm-4 4.5h-10v-1.25c0-.54 2.56-1.75 5-1.75s5 1.21 5 1.75v1.25zm9 0H14v-1.25c0-.46-.2-.86-.52-1.22.88-.3 1.96-.53 3.02-.53 2.44 0 5 1.21 5 1.75v1.25zM7.5 12c1.93 0 3.5-1.57 3.5-3.5S9.43 5 7.5 5 4 6.57 4 8.5 5.57 12 7.5 12zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2zm9 5.5c1.93 0 3.5-1.57 3.5-3.5S18.43 5 16.5 5 13 6.57 13 8.5s1.57 3.5 3.5 3.5zm0-5.5c1.1 0 2 .9 2 2s-.9 2-2 2-2-.9-2-2 .9-2 2-2z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"wp-solution-text\">\r\n                                <strong>Customer Experience (CX)<\/strong>\r\n                            <\/div>\r\n                            <span class=\"solution-number\">06<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"carousel-slide\">\r\n                        <div class=\"wp-solution-item\">\r\n                            <div class=\"wp-solution-icon-container\">\r\n                                <svg class=\"wp-solution-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M20 6h-8l-2-2H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zm0 12H4V8h16v10z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"wp-solution-text\">\r\n                                <strong>Content and Asset Management<\/strong>\r\n                            <\/div>\r\n                            <span class=\"solution-number\">07<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"wp-tailored-solutions-footer\">\r\n            Addressing every digital need across industries, enabling transformative growth and operational efficiency\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentSlide = 0;\r\n        const track = document.getElementById('carouselTrack');\r\n        const slides = document.querySelectorAll('.carousel-slide');\r\n        const totalSlides = slides.length;\r\n        const dotsContainer = document.getElementById('carouselDots');\r\n\r\n        \/\/ Create dots\r\n        for (let i = 0; i < totalSlides; i++) {\r\n            const dot = document.createElement('div');\r\n            dot.className = 'carousel-dot';\r\n            if (i === 0) dot.classList.add('active');\r\n            dot.onclick = () => goToSlide(i);\r\n            dotsContainer.appendChild(dot);\r\n        }\r\n\r\n        function updateCarousel() {\r\n            track.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n            \r\n            \/\/ Update dots\r\n            const dots = document.querySelectorAll('.carousel-dot');\r\n            dots.forEach((dot, index) => {\r\n                dot.classList.toggle('active', index === currentSlide);\r\n            });\r\n        }\r\n\r\n        function moveCarousel(direction) {\r\n            currentSlide += direction;\r\n            if (currentSlide < 0) currentSlide = totalSlides - 1;\r\n            if (currentSlide >= totalSlides) currentSlide = 0;\r\n            updateCarousel();\r\n        }\r\n\r\n        function goToSlide(index) {\r\n            currentSlide = index;\r\n            updateCarousel();\r\n        }\r\n\r\n        \/\/ Auto-play carousel\r\n        setInterval(() => {\r\n            moveCarousel(1);\r\n        }, 5000);\r\n\r\n        \/\/ Touch support for mobile\r\n        let touchStartX = 0;\r\n        let touchEndX = 0;\r\n\r\n        track.parentElement.addEventListener('touchstart', (e) => {\r\n            touchStartX = e.changedTouches[0].screenX;\r\n        });\r\n\r\n        track.parentElement.addEventListener('touchend', (e) => {\r\n            touchEndX = e.changedTouches[0].screenX;\r\n            if (touchStartX - touchEndX > 50) {\r\n                moveCarousel(1);\r\n            } else if (touchEndX - touchStartX > 50) {\r\n                moveCarousel(-1);\r\n            }\r\n        });\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t<div class=\"elementor-element elementor-element-ac9c20b e-flex e-con-boxed e-con e-parent \" data-id=\"ac9c20b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\t\t\t<div class=\"e-con-inner\">\r\n\t\t\t\t<div class=\"elementor-element elementor-element-3514fa3 elementor-widget elementor-widget-html\" data-id=\"3514fa3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n    <style>\r\n        body {\r\n            background: linear-gradient(135deg, #0f0f15 0%, #1a1a2e 100%);\r\n            margin: 0;\r\n            padding: 20px;\r\n            min-height: 100vh;\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n        }\r\n\r\n        .diversity-industries-wrapper {\r\n            padding: 60px 20px;\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n        }\r\n\r\n        .diversity-industries-wrapper::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: radial-gradient(circle at center, rgba(130, 238, 216, 0.1) 0%, transparent 70%);\r\n            pointer-events: none;\r\n            z-index: -1;\r\n        }\r\n\r\n        .diversity-main-heading {\r\n            font-size: 40px;\r\n            margin-bottom: 50px;\r\n            color: white;\r\n            text-align: center;\r\n            font-weight: 400;\r\n            letter-spacing: -0.5px;\r\n            text-shadow: 0 0 20px rgba(130, 238, 216, 0.3);\r\n            opacity: 0;\r\n            transform: translateY(30px);\r\n            animation: slideUpFade 1s ease-out forwards;\r\n            position: relative;\r\n        }\r\n\r\n        .diversity-main-heading::after {\r\n            content: '';\r\n            position: absolute;\r\n            bottom: -15px;\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            width: 80px;\r\n            height: 4px;\r\n            background: linear-gradient(90deg, transparent, #82EED8, transparent);\r\n            border-radius: 2px;\r\n        }\r\n\r\n        .industries-slider-container {\r\n            position: relative;\r\n            margin-bottom: 40px;\r\n            padding: 0 20px;\r\n            opacity: 0;\r\n            animation: slideUpFade 1s ease-out 0.3s forwards;\r\n        }\r\n\r\n        .industries-slider-viewport {\r\n            overflow: hidden;\r\n            border-radius: 24px;\r\n        }\r\n\r\n        .industries-slider-rail {\r\n            display: flex;\r\n            transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        .industries-slider-panel {\r\n            min-width: 100%;\r\n            padding: 0 10px;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .diversity-industry-card {\r\n            background: rgba(255, 255, 255, 0.05);\r\n            backdrop-filter: blur(10px);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            border: 1px solid rgba(130, 238, 216, 0.2);\r\n            position: relative;\r\n            overflow: hidden;\r\n            height: 200px;\r\n        }\r\n\r\n        .diversity-industry-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            right: 0;\r\n            height: 3px;\r\n            background: linear-gradient(90deg, transparent, #82EED8, transparent);\r\n            transform: scaleX(1);\r\n        }\r\n\r\n        .diversity-industry-card:hover {\r\n            transform: translateY(-10px);\r\n            background: rgba(255, 255, 255, 0.08);\r\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3),\r\n                        0 0 30px rgba(130, 238, 216, 0.2);\r\n            border-color: rgba(130, 238, 216, 0.4);\r\n        }\r\n\r\n        .diversity-icon-box {\r\n            width: 80px;\r\n            height: 80px;\r\n            background: linear-gradient(135deg, rgba(130, 238, 216, 0.2), rgba(130, 238, 216, 0.1));\r\n            border-radius: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-right: 30px;\r\n            flex-shrink: 0;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(130, 238, 216, 0.3);\r\n        }\r\n\r\n        .diversity-industry-card:hover .diversity-icon-box {\r\n            background: linear-gradient(135deg, rgba(130, 238, 216, 0.4), rgba(130, 238, 216, 0.2));\r\n            transform: scale(1.1);\r\n            box-shadow: 0 0 20px rgba(130, 238, 216, 0.3);\r\n        }\r\n\r\n        .diversity-icon-svg {\r\n            width: 40px;\r\n            height: 40px;\r\n            fill: #82EED8;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        .diversity-industry-card:hover .diversity-icon-svg {\r\n            fill: white;\r\n            transform: scale(1.2);\r\n        }\r\n\r\n        .diversity-industry-label {\r\n            color: white;\r\n            font-size: 24px;\r\n            font-weight: 600;\r\n            line-height: 1.4;\r\n            text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\r\n        }\r\n\r\n        \/* Dots Indicator *\/\r\n        .industries-navigation-dots {\r\n            display: flex !important;\r\n            justify-content: center;\r\n            gap: 12px;\r\n            margin-top: 30px;\r\n            visibility: visible !important;\r\n        }\r\n\r\n        .industries-nav-dot {\r\n            width: 12px;\r\n            height: 12px;\r\n            border-radius: 50%;\r\n            background: rgba(130, 238, 216, 0.3);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            border: 1px solid rgba(130, 238, 216, 0.4);\r\n        }\r\n\r\n        .industries-nav-dot.is-active {\r\n            background: #82EED8;\r\n            width: 32px;\r\n            border-radius: 6px;\r\n            box-shadow: 0 0 15px rgba(130, 238, 216, 0.6);\r\n        }\r\n\r\n        .industries-nav-dot:hover {\r\n            background: rgba(130, 238, 216, 0.6);\r\n        }\r\n\r\n        .diversity-bottom-message {\r\n            text-align: center;\r\n            color: rgba(255, 255, 255, 0.8);\r\n            font-size: 20px;\r\n            margin-top: 40px;\r\n            font-weight: 500;\r\n            line-height: 1.6;\r\n            max-width: 700px;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            opacity: 0;\r\n            transform: translateY(20px);\r\n            animation: slideUpFade 1s ease-out 0.6s forwards;\r\n            padding: 20px 40px;\r\n            background: rgba(255, 255, 255, 0.03);\r\n            border-radius: 16px;\r\n            border: 1px solid rgba(130, 238, 216, 0.1);\r\n        }\r\n\r\n        .diversity-bottom-message .highlight-text {\r\n            color: #82EED8;\r\n            font-weight: 600;\r\n        }\r\n\r\n        @keyframes slideUpFade {\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        \/* Responsive adjustments *\/\r\n        @media (max-width: 768px) {\r\n            .diversity-industries-wrapper {\r\n                padding: 40px 15px;\r\n            }\r\n\r\n            .diversity-main-heading {\r\n                font-size: 32px;\r\n                margin-bottom: 40px;\r\n            }\r\n\r\n            .industries-slider-container {\r\n                padding: 0 20px;\r\n            }\r\n\r\n            .diversity-industry-card {\r\n                padding: 30px 25px;\r\n                height: 180px;\r\n            }\r\n\r\n            .diversity-icon-box {\r\n                width: 65px;\r\n                height: 65px;\r\n            }\r\n\r\n            .diversity-icon-svg {\r\n                width: 32px;\r\n                height: 32px;\r\n            }\r\n\r\n            .diversity-industry-label {\r\n                font-size: 20px;\r\n            }\r\n\r\n            .diversity-bottom-message {\r\n                font-size: 18px;\r\n                padding: 20px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .diversity-industries-wrapper {\r\n                padding: 30px 10px;\r\n            }\r\n\r\n            .diversity-main-heading {\r\n                font-size: 28px;\r\n                margin-bottom: 30px;\r\n            }\r\n\r\n            .industries-slider-container {\r\n                padding: 0 10px;\r\n            }\r\n\r\n            .diversity-industry-card {\r\n                padding: 25px 20px;\r\n                height: 160px;\r\n            }\r\n\r\n            .diversity-icon-box {\r\n                width: 55px;\r\n                height: 55px;\r\n                margin-right: 20px;\r\n            }\r\n\r\n            .diversity-icon-svg {\r\n                width: 28px;\r\n                height: 28px;\r\n            }\r\n\r\n            .diversity-industry-label {\r\n                font-size: 18px;\r\n            }\r\n\r\n            .diversity-bottom-message {\r\n                font-size: 16px;\r\n                margin-top: 30px;\r\n                padding: 20px 15px;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"diversity-industries-wrapper\">\r\n        <h2 class=\"diversity-main-heading\">Diversity of Industries<\/h2>\r\n\r\n        <div class=\"industries-slider-container\">\r\n            <div class=\"industries-slider-viewport\">\r\n                <div class=\"industries-slider-rail\" id=\"industriesSliderRail\">\r\n                    <!-- Healthcare -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M19.5,3.5L18,2L16.5,3.5L15,2L13.5,3.5L12,2L10.5,3.5L9,2L7.5,3.5L6,2V16H3V22H21V16H18V2L16.5,3.5M19,20H5V18H19V20M13,16H11V11H8V9H11V6H13V9H16V11H13V16Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Healthcare<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Development -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M13,2.05V5.08C16.39,5.57 19,8.47 19,12C19,12.9 18.82,13.75 18.5,14.54L21.12,16.07C21.68,14.83 22,13.45 22,12C22,6.82 18.05,2.55 13,2.05M12,19C8.13,19 5,15.87 5,12C5,8.47 7.61,5.57 11,5.08V2.05C5.94,2.55 2,6.81 2,12A10,10 0 0,0 12,22C15.3,22 18.23,20.39 20.05,17.91L17.45,16.38C16.17,18 14.21,19 12,19Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Development<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Education -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12,3L1,9L12,15L21,10.09V17H23V9M5,13.18V17.18L12,21L19,17.18V13.18L12,17L5,13.18Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Education<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Utilities -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,4A8,8 0 0,1 20,12C20,14.4 19,16.5 17.3,18C15.9,16.7 14,16 12,16C10,16 8.2,16.7 6.7,18C5,16.5 4,14.4 4,12A8,8 0 0,1 12,4M14,5.89C13.62,5.9 13.26,6.15 13.1,6.54L11.81,9.77L11.71,10C11,10.13 10.41,10.6 10.14,11.26C9.73,12.29 10.23,13.45 11.26,13.86C12.29,14.27 13.45,13.77 13.86,12.74C14.12,12.08 14,11.32 13.57,10.76L13.67,10.5L14.96,7.29L14.97,7.26C15.17,6.75 14.92,6.17 14.41,5.96C14.28,5.91 14.15,5.89 14,5.89M10,6A1,1 0 0,0 9,7A1,1 0 0,0 10,8A1,1 0 0,0 11,7A1,1 0 0,0 10,6M7,9A1,1 0 0,0 6,10A1,1 0 0,0 7,11A1,1 0 0,0 8,10A1,1 0 0,0 7,9M17,9A1,1 0 0,0 16,10A1,1 0 0,0 17,11A1,1 0 0,0 18,10A1,1 0 0,0 17,9Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Utilities<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Banking and Finance -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M11.8,10.9C9.53,10.31 8.8,9.7 8.8,8.75C8.8,7.66 9.81,6.9 11.5,6.9C13.28,6.9 13.94,7.75 14,9H16.21C16.14,7.28 15.09,5.7 13,5.19V3H10V5.16C8.06,5.58 6.5,6.84 6.5,8.77C6.5,11.08 8.41,12.23 11.2,12.9C13.7,13.5 14.2,14.38 14.2,15.31C14.2,16 13.71,17.1 11.5,17.1C9.44,17.1 8.63,16.18 8.5,15H6.32C6.44,17.19 8.08,18.42 10,18.83V21H13V18.85C14.95,18.5 16.5,17.35 16.5,15.3C16.5,12.46 14.07,11.5 11.8,10.9Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Banking & Finance<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Hospitality -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M6.5,12C5.67,12 5,11.33 5,10.5C5,9.67 5.67,9 6.5,9C7.33,9 8,9.67 8,10.5C8,11.33 7.33,12 6.5,12M9,6A1,1 0 0,0 8,7V17H10V13H12V17H14V7A1,1 0 0,0 13,6H9M4.5,20A0.5,0.5 0 0,1 4,19.5A0.5,0.5 0 0,1 4.5,19H19.5A0.5,0.5 0 0,1 20,19.5A0.5,0.5 0 0,1 19.5,20H4.5Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Hospitality<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Insurance -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M21,11C21,16.55 17.16,21.74 12,23C6.84,21.74 3,16.55 3,11V5L12,1L21,5V11M12,21C15.75,20 19,15.54 19,11.22V6.3L12,3.18L5,6.3V11.22C5,15.54 8.71,20 12,21M10,17L6,13L7.41,11.59L10,14.17L16.59,7.58L18,9\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Insurance<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <!-- Governance -->\r\n                    <div class=\"industries-slider-panel\">\r\n                        <div class=\"diversity-industry-card\">\r\n                            <div class=\"diversity-icon-box\">\r\n                                <svg class=\"diversity-icon-svg\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\">\r\n                                    <path d=\"M12,1L3,5V11C3,16.55 6.84,21.74 12,23C17.16,21.74 21,16.55 21,11V5L12,1M12,5A3,3 0 0,1 15,8A3,3 0 0,1 12,11A3,3 0 0,1 9,8A3,3 0 0,1 12,5M17.13,17C15.92,18.85 14.11,20.24 12,20.92C9.89,20.24 8.08,18.85 6.87,17C6.53,16.5 6.24,16 6,15.47C6,13.82 8.71,12.47 12,12.47C15.29,12.47 18,13.79 18,15.47C17.76,16 17.47,16.5 17.13,17Z\"\/>\r\n                                <\/svg>\r\n                            <\/div>\r\n                            <div class=\"diversity-industry-label\">Governance<\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"industries-navigation-dots\" id=\"industriesDotsNav\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"diversity-bottom-message\">\r\n            We serve a wide spectrum of industries with <span class=\"highlight-text\">tailored solutions<\/span> designed to meet unique challenges and opportunities.\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        let currentIndustrySlide = 0;\r\n        const industriesRail = document.getElementById('industriesSliderRail');\r\n        const industryPanels = document.querySelectorAll('.industries-slider-panel');\r\n        const totalIndustrySlides = industryPanels.length;\r\n        const industriesDotsNav = document.getElementById('industriesDotsNav');\r\n\r\n        \/\/ Create dots\r\n        for (let i = 0; i < totalIndustrySlides; i++) {\r\n            const navDot = document.createElement('div');\r\n            navDot.className = 'industries-nav-dot';\r\n            if (i === 0) navDot.classList.add('is-active');\r\n            navDot.onclick = () => jumpToIndustrySlide(i);\r\n            industriesDotsNav.appendChild(navDot);\r\n        }\r\n\r\n        function refreshIndustriesCarousel() {\r\n            industriesRail.style.transform = `translateX(-${currentIndustrySlide * 100}%)`;\r\n            \r\n            \/\/ Update dots\r\n            const allDots = document.querySelectorAll('.industries-nav-dot');\r\n            allDots.forEach((dot, index) => {\r\n                dot.classList.toggle('is-active', index === currentIndustrySlide);\r\n            });\r\n        }\r\n\r\n        function shiftIndustrySlide(direction) {\r\n            currentIndustrySlide += direction;\r\n            if (currentIndustrySlide < 0) currentIndustrySlide = totalIndustrySlides - 1;\r\n            if (currentIndustrySlide >= totalIndustrySlides) currentIndustrySlide = 0;\r\n            refreshIndustriesCarousel();\r\n        }\r\n\r\n        function jumpToIndustrySlide(index) {\r\n            currentIndustrySlide = index;\r\n            refreshIndustriesCarousel();\r\n        }\r\n\r\n        \/\/ Auto-play carousel\r\n        setInterval(() => {\r\n            shiftIndustrySlide(1);\r\n        }, 5000);\r\n\r\n        \/\/ Touch support for mobile\r\n        let industryTouchStartX = 0;\r\n        let industryTouchEndX = 0;\r\n\r\n        industriesRail.parentElement.addEventListener('touchstart', (e) => {\r\n            industryTouchStartX = e.changedTouches[0].screenX;\r\n        });\r\n\r\n        industriesRail.parentElement.addEventListener('touchend', (e) => {\r\n            industryTouchEndX = e.changedTouches[0].screenX;\r\n            if (industryTouchStartX - industryTouchEndX > 50) {\r\n                shiftIndustrySlide(1);\r\n            } else if (industryTouchEndX - industryTouchStartX > 50) {\r\n                shiftIndustrySlide(-1);\r\n            }\r\n        });\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Empowering Businesses with cutting-edge Digital Solutions Discover our services 0k+ Empowering Businesses with cutting-edge Digital Solutions Discover&nbsp;Our&nbsp;Services&nbsp; Why SONIC? We will enable your business toachieve operational efficiency,cost optimization, andsustainable growth with ourtailored implementations Driven by Vision, Defined by Innovation By Sonic Our Mission To deliver innovation-driven solutionsthat empower businesses withadvanced technologies, ensuringprofitability, time savings, and [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-15660","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Sonic | AI Solutions &amp; Digital Transformation for Smart Businesses<\/title>\n<meta name=\"description\" content=\"Sonic delivers tailored AI solutions, business automation, system integration, and digital transformation services to help companies optimize operations and scale smarter. Explore our solutions today.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/sonic-tec.com\/ar\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Sonic | AI Solutions &amp; Digital Transformation for Smart Businesses\" \/>\n<meta property=\"og:description\" content=\"Sonic delivers tailored AI solutions, business automation, system integration, and digital transformation services to help companies optimize operations and scale smarter. Explore our solutions today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/sonic-tec.com\/ar\/\" \/>\n<meta property=\"og:site_name\" content=\"Sonic\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-17T10:20:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2024\/09\/Ellipse-4.webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/\",\"url\":\"https:\\\/\\\/sonic-tec.com\\\/\",\"name\":\"Sonic | AI Solutions & Digital Transformation for Smart Businesses\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/sonic-tec.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Ellipse-4.webp\",\"datePublished\":\"2025-11-19T22:53:45+00:00\",\"dateModified\":\"2026-05-17T10:20:11+00:00\",\"description\":\"Sonic delivers tailored AI solutions, business automation, system integration, and digital transformation services to help companies optimize operations and scale smarter. Explore our solutions today.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#breadcrumb\"},\"inLanguage\":\"ar-ltr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/sonic-tec.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar-ltr\",\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/sonic-tec.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Ellipse-4.webp\",\"contentUrl\":\"https:\\\/\\\/sonic-tec.com\\\/wp-content\\\/uploads\\\/2024\\\/09\\\/Ellipse-4.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/sonic-tec.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Company\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#website\",\"url\":\"https:\\\/\\\/sonic-tec.com\\\/\",\"name\":\"Sonic\",\"description\":\"Digital Solutions\",\"publisher\":{\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/sonic-tec.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar-ltr\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#organization\",\"name\":\"Sonic\",\"url\":\"https:\\\/\\\/sonic-tec.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar-ltr\",\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/sonic-tec.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Sonic_logo-removebg-preview-1-e1759050903364.png\",\"contentUrl\":\"https:\\\/\\\/sonic-tec.com\\\/wp-content\\\/uploads\\\/2025\\\/10\\\/Sonic_logo-removebg-preview-1-e1759050903364.png\",\"width\":246,\"height\":220,\"caption\":\"Sonic\"},\"image\":{\"@id\":\"https:\\\/\\\/sonic-tec.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Sonic | AI Solutions & Digital Transformation for Smart Businesses","description":"Sonic delivers tailored AI solutions, business automation, system integration, and digital transformation services to help companies optimize operations and scale smarter. Explore our solutions today.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/sonic-tec.com\/ar\/","og_locale":"ar_AR","og_type":"article","og_title":"Sonic | AI Solutions & Digital Transformation for Smart Businesses","og_description":"Sonic delivers tailored AI solutions, business automation, system integration, and digital transformation services to help companies optimize operations and scale smarter. Explore our solutions today.","og_url":"https:\/\/sonic-tec.com\/ar\/","og_site_name":"Sonic","article_modified_time":"2026-05-17T10:20:11+00:00","og_image":[{"url":"https:\/\/sonic-tec.com\/wp-content\/uploads\/2024\/09\/Ellipse-4.webp","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/sonic-tec.com\/","url":"https:\/\/sonic-tec.com\/","name":"Sonic | AI Solutions & Digital Transformation for Smart Businesses","isPartOf":{"@id":"https:\/\/sonic-tec.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/sonic-tec.com\/#primaryimage"},"image":{"@id":"https:\/\/sonic-tec.com\/#primaryimage"},"thumbnailUrl":"https:\/\/sonic-tec.com\/wp-content\/uploads\/2024\/09\/Ellipse-4.webp","datePublished":"2025-11-19T22:53:45+00:00","dateModified":"2026-05-17T10:20:11+00:00","description":"Sonic delivers tailored AI solutions, business automation, system integration, and digital transformation services to help companies optimize operations and scale smarter. Explore our solutions today.","breadcrumb":{"@id":"https:\/\/sonic-tec.com\/#breadcrumb"},"inLanguage":"ar-ltr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/sonic-tec.com\/"]}]},{"@type":"ImageObject","inLanguage":"ar-ltr","@id":"https:\/\/sonic-tec.com\/#primaryimage","url":"https:\/\/sonic-tec.com\/wp-content\/uploads\/2024\/09\/Ellipse-4.webp","contentUrl":"https:\/\/sonic-tec.com\/wp-content\/uploads\/2024\/09\/Ellipse-4.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/sonic-tec.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/sonic-tec.com\/"},{"@type":"ListItem","position":2,"name":"Company"}]},{"@type":"WebSite","@id":"https:\/\/sonic-tec.com\/#website","url":"https:\/\/sonic-tec.com\/","name":"\u0633\u0648\u0646\u064a\u0643","description":"\u062d\u0644\u0648\u0644 \u0631\u0642\u0645\u064a\u0629","publisher":{"@id":"https:\/\/sonic-tec.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/sonic-tec.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar-ltr"},{"@type":"Organization","@id":"https:\/\/sonic-tec.com\/#organization","name":"\u0633\u0648\u0646\u064a\u0643","url":"https:\/\/sonic-tec.com\/","logo":{"@type":"ImageObject","inLanguage":"ar-ltr","@id":"https:\/\/sonic-tec.com\/#\/schema\/logo\/image\/","url":"https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/10\/Sonic_logo-removebg-preview-1-e1759050903364.png","contentUrl":"https:\/\/sonic-tec.com\/wp-content\/uploads\/2025\/10\/Sonic_logo-removebg-preview-1-e1759050903364.png","width":246,"height":220,"caption":"Sonic"},"image":{"@id":"https:\/\/sonic-tec.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/pages\/15660","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/comments?post=15660"}],"version-history":[{"count":271,"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/pages\/15660\/revisions"}],"predecessor-version":[{"id":16919,"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/pages\/15660\/revisions\/16919"}],"wp:attachment":[{"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/media?parent=15660"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}