{"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-06-03T10:41:07","modified_gmt":"2026-06-03T10:41:07","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-ed817aa elementor-widget elementor-widget-shortcode\" data-id=\"ed817aa\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">        <style>\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           0. CUSTOM PROPERTIES + BASE\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        #awh-1 {\r\n            --awh-dark:         #0f1929;\r\n            --awh-brand:        #18243A;\r\n            --awh-accent1:      #82EED8;\r\n            --awh-a1r:          130;\r\n            --awh-a1g:          238;\r\n            --awh-a1b:          216;\r\n            --awh-accent2:      #a78bfa;\r\n            --awh-a2r:          167;\r\n            --awh-a2g:          139;\r\n            --awh-a2b:          250;\r\n            --awh-accent3:      #fb7185;\r\n            --awh-a3r:          251;\r\n            --awh-a3g:          113;\r\n            --awh-a3b:          133;\r\n            --awh-sub-color:    #b8f5ec;\r\n            --awh-glass:        rgba(15,25,41,0.8);\r\n            --awh-glass-border: rgba(255,255,255,0.10);\r\n            --awh-glass-shadow: rgba(0,0,0,0.40);\r\n            --awh-text:         rgba(255,255,255,0.94);\r\n            --awh-text-dim:     rgba(255,255,255,0.65);\r\n            --awh-radius:       30px;\r\n            --awh-ease:         cubic-bezier(0.22, 1, 0.36, 1);\r\n            --awh-ease-bounce:  cubic-bezier(0.34, 1.56, 0.64, 1);\r\n            --awh-glow:         0 0 40px rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),0.08);\r\n        }\r\n        #awh-1 *,\r\n        #awh-1 *::before,\r\n        #awh-1 *::after { box-sizing:border-box; }\r\n        #awh-1 {\r\n            position:relative; width:100%; overflow:hidden;\r\n            background:var(--awh-dark);\r\n            font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;\r\n            -webkit-font-smoothing:antialiased;\r\n            -moz-osx-font-smoothing:grayscale;\r\n            min-height:100vh; display:block;\r\n        }\r\n        \/* Ensure background and content layers render immediately *\/\r\n        #awh-1 .awh-section {\r\n            display:block; position:relative; width:100%;\r\n            min-height:100vh;\r\n        }\r\n                #awh-1,\r\n        #awh-1 a,\r\n        #awh-1 button,\r\n        #awh-1 .awh-btn,\r\n        #awh-1 .awh-arrow { cursor:none; }\r\n        \r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           VISIBILITY \u2014 content always visible by default\r\n           GSAP enhances entrance with animations; fallback is immediate\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-subtitle,\r\n        .awh-btn,\r\n        .awh-counter,\r\n        .awh-arrow,\r\n        .awh-scroll-indicator {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n        .awh-subtitle { opacity: 1; }\r\n\r\n        \/* Fallback class used if GSAP fails: ensures everything visible *\/\r\n        .awh-visible { opacity: 1 !important; transform: none !important; }\r\n        .awh-visible .awh-word { transform: none !important; opacity: 1 !important; }\r\n\r\n        \/* \u2500\u2500\u2500 Always show background image clearly \u2500\u2500\u2500 *\/\r\n        .awh-bg-img {\r\n            opacity: 1 !important;\r\n            filter: blur(0) !important;\r\n            transform: scale(1) !important;\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           CUSTOM CURSOR\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                .awh-cursor{position:fixed;pointer-events:none;z-index:99999;top:0;left:0;will-change:transform}\r\n        .awh-cursor-dot{width:6px;height:6px;background:#fff;border-radius:50%;position:absolute;top:-3px;left:-3px;mix-blend-mode:difference;will-change:transform}\r\n        .awh-cursor-ring{width:32px;height:32px;border:1.5px solid rgba(255,255,255,.5);border-radius:50%;position:absolute;top:-16px;left:-16px;will-change:transform;transition:border-color .3s,width .3s,height .3s,background .3s,box-shadow .3s}\r\n        .awh-cursor-ring.is-hover{width:60px;height:60px;top:-30px;left:-30px;border-color:var(--awh-accent1);background:rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.1);box-shadow:0 0 40px rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.2)}\r\n        .awh-cursor-ring.is-click{transform:scale(.65)!important}\r\n        .awh-cursor-trail{position:fixed;pointer-events:none;z-index:99998;border-radius:50%;background:rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.3);will-change:transform,opacity}\r\n        \r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           NOISE\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                .awh-noise{position:fixed;inset:0;z-index:99998;pointer-events:none;opacity:.025;mix-blend-mode:overlay;will-change:transform}\r\n        \r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           AMBIENT ORBS\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                .awh-orbs{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}\r\n        .awh-orb{position:absolute;border-radius:50%;filter:blur(80px);will-change:transform;mix-blend-mode:screen}\r\n        .awh-orb:nth-child(1){width:500px;height:500px;background:radial-gradient(circle,rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.25) 0%,transparent 70%);top:-10%;left:-5%}\r\n        .awh-orb:nth-child(2){width:420px;height:420px;background:radial-gradient(circle,rgba(var(--awh-a2r),var(--awh-a2g),var(--awh-a2b),.2) 0%,transparent 70%);bottom:-8%;right:-3%}\r\n        .awh-orb:nth-child(3){width:350px;height:350px;background:radial-gradient(circle,rgba(var(--awh-a3r),var(--awh-a3g),var(--awh-a3b),.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%)}\r\n        \r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           BACKGROUND\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-bg{position:absolute;inset:0;z-index:2;overflow:hidden;will-change:transform,filter}\r\n        .awh-bg-img{position:absolute;top:-80px;left:0;width:100%;height:calc(100% + 160px);background:url(\"https:\/\/sonic-tec.com\/wp-content\/uploads\/2026\/06\/Sonic_Company_abstract_tech_image_202606031335.jpeg\") center\/cover no-repeat;will-change:transform}\r\n\r\n        \/* Background overlay for text readability *\/\r\n                .awh-bg-overlay{position:absolute;inset:0;z-index:3;pointer-events:none;background:rgba(0,0,0,0.25)}\r\n        \r\n        \/* Mobile \u2014 no blur, show bg immediately *\/\r\n        @media(max-width:767px){\r\n            .awh-bg-img{filter:blur(0)!important;transform:scale(1)!important;opacity:1!important}\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           SCANLINES\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n                .awh-scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,255,255,.008) 2px,rgba(255,255,255,.008) 4px)}\r\n        \r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           PARTICLES\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        \r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           GRID\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-grid{position:absolute;inset:0;z-index:5;pointer-events:none;background-image:linear-gradient(rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.025) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.025) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 25%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 25%,transparent 70%);will-change:transform}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           FLOATING SHAPES\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-shapes{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}\r\n        .awh-shape{position:absolute;opacity:0;will-change:transform;border-radius:50%}\r\n        .awh-shape-1{width:60px;height:60px;border:2px solid rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.12);border-radius:50%;top:70%;left:5%;animation:awh-float1 18s ease-in-out infinite}\r\n        .awh-shape-2{width:40px;height:40px;border:2px solid rgba(var(--awh-a2r),var(--awh-a2g),var(--awh-a2b),.10);border-radius:8px;transform:rotate(45deg);top:60%;left:85%;animation:awh-float2 22s ease-in-out infinite}\r\n        .awh-shape-3{width:24px;height:24px;background:rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.08);border-radius:50%;top:80%;left:40%;animation:awh-float3 16s ease-in-out infinite}\r\n        .awh-shape-4{width:80px;height:80px;border:1px solid rgba(var(--awh-a3r),var(--awh-a3g),var(--awh-a3b),.06);border-radius:50%;top:50%;left:55%;animation:awh-float4 25s ease-in-out infinite}\r\n        @keyframes awh-float1{0%,100%{transform:translate(0,0) scale(1);opacity:0}10%{opacity:1}50%{transform:translate(30px,-180px) scale(1.2)}90%{opacity:.6}100%{transform:translate(-20px,-280px) scale(.8);opacity:0}}\r\n        @keyframes awh-float2{0%,100%{transform:rotate(45deg) translate(0,0);opacity:0}12%{opacity:1}50%{transform:rotate(65deg) translate(-40px,-160px)}88%{opacity:.5}100%{transform:rotate(25deg) translate(20px,-300px);opacity:0}}\r\n        @keyframes awh-float3{0%,100%{transform:translate(0,0);opacity:0}8%{opacity:1}50%{transform:translate(50px,-200px)}92%{opacity:.4}100%{transform:translate(-30px,-350px);opacity:0}}\r\n        @keyframes awh-float4{0%,100%{transform:translate(0,0) scale(1);opacity:0}15%{opacity:.8}50%{transform:translate(-60px,-120px) scale(.7)}85%{opacity:.5}100%{transform:translate(40px,-220px) scale(.5);opacity:0}}\r\n        @media(max-width:767px){.awh-shape{display:none}}\r\n        @media(prefers-reduced-motion:reduce){.awh-shape{display:none}}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           MOUSE GLOW SPOTLIGHT\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-glow-spot{position:fixed;top:0;left:0;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.04) 0%,transparent 70%);transform:translate(-50%,-50%);will-change:transform;opacity:0;transition:opacity 1s}\r\n        @media(max-width:1024px){.awh-glow-spot{display:none}}\r\n        @media(prefers-reduced-motion:reduce){.awh-glow-spot{display:none}}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           CONTENT\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-content{position:relative;z-index:10;width:100%;max-width:1600px;margin:0 auto;min-height:100vh;padding:40px 28px 60px;display:grid;grid-template-columns:1fr minmax(300px,26vw);grid-template-rows:1fr auto;align-items:end;gap:24px 36px;will-change:transform}\r\n        .awh-title-wrap{grid-column:1;grid-row:2;justify-self:start;align-self:end;width:100%;max-width:920px}\r\n        .awh-subtitle{font-size:clamp(18px,3vw,28px);font-weight:800;letter-spacing:1.2px;margin:0 0 44px 0;line-height:1.35;color:var(--awh-sub-color);background:linear-gradient(135deg,var(--awh-accent1) 0%,var(--awh-accent2) 30%,var(--awh-sub-color) 55%,var(--awh-accent1) 80%);background-size:250% 250%;-webkit-background-clip:text;background-clip:text;animation:awh-shimmer 5s ease-in-out infinite;position:relative}\r\n        \/* Remove text-fill-color:transparent on parent so children inherit properly *\/\r\n        .awh-subtitle, .awh-subtitle * { -webkit-text-fill-color: initial; }\r\n        .awh-word{display:inline-block;will-change:transform;color:var(--awh-sub-color);-webkit-text-fill-color:var(--awh-sub-color);text-fill-color:var(--awh-sub-color)}\r\n\r\n        \/* Glint sweep overlay *\/\r\n        .awh-subtitle::after {\r\n            content:''; position:absolute; inset:0; z-index:1;\r\n            background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.15) 45%,rgba(255,255,255,.25) 50%,rgba(255,255,255,.15) 55%,transparent 70%);\r\n            background-size:250% 100%;\r\n            -webkit-background-clip:text; background-clip:text;\r\n            animation:awh-glint 4s ease-in-out infinite;\r\n            pointer-events:none;\r\n        }\r\n        @keyframes awh-glint { 0%,100%{background-position:200% 0} 50%{background-position:-100% 0} }\r\n\r\n        @keyframes awh-shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}\r\n        .awh-word-wrap{display:inline-block;overflow:hidden;vertical-align:bottom;line-height:1.35;padding:2px 0;margin-right:.25em;-webkit-text-fill-color:var(--awh-sub-color);text-fill-color:var(--awh-sub-color)}\r\n        .awh-word-wrap:last-child{margin-right:0}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           BUTTON\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-btn-wrap{text-align:left}\r\n        .awh-btn{display:inline-flex;align-items:center;gap:12px;background:var(--awh-brand);color:#fff;padding:15px 26px 15px 20px;border-radius:50px;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:.5px;border:1.5px solid rgba(255,255,255,.1);transition:background .4s var(--awh-ease),border-color .4s var(--awh-ease),box-shadow .4s var(--awh-ease);cursor:pointer;position:relative;overflow:hidden;max-width:max-content;width:auto;box-shadow:0 4px 20px rgba(0,0,0,.3)}\r\n        .awh-btn::before{content:'';position:absolute;top:var(--awh-ripple-y,50%);left:var(--awh-ripple-x,50%);width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.25) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s,height .6s;pointer-events:none}\r\n        .awh-btn::after{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.08),transparent 50%);opacity:0;transition:opacity .4s;pointer-events:none}\r\n        .awh-btn:hover{background:#1a2d4a;border-color:rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.25);box-shadow:0 12px 40px rgba(0,0,0,.45),0 0 30px rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.08)}\r\n        .awh-btn-icon{width:40px;height:40px;background:var(--awh-brand);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1;transition:transform .5s var(--awh-ease-bounce)}\r\n        .awh-btn:hover .awh-btn-icon{transform:rotate(-10deg) scale(1.12)}\r\n        .awh-btn-icon svg{transition:transform .4s;position:relative;z-index:1}\r\n        .awh-btn:hover .awh-btn-icon svg{transform:translate(2px,-2px)}\r\n        .awh-btn-text{position:relative;z-index:1}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           COUNTER\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-counter {\r\n            grid-column:2; grid-row:2; justify-self:end; align-self:end;\r\n            background:var(--awh-glass); backdrop-filter:blur(28px) saturate(1.5);\r\n            -webkit-backdrop-filter:blur(28px) saturate(1.5);\r\n            border-radius:var(--awh-radius); padding:36px 32px;\r\n            border:1px solid var(--awh-glass-border);\r\n            box-shadow:0 20px 60px var(--awh-glass-shadow), inset 0 1px 0 rgba(255,255,255,.08);\r\n            width:clamp(300px,26vw,420px);\r\n            transform-style:preserve-3d; perspective:1200px; will-change:transform;\r\n            position:relative;\r\n        }\r\n        .awh-counter:hover{box-shadow:0 30px 80px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.12)}\r\n\r\n        \/* Animated gradient border *\/\r\n        .awh-counter::before {\r\n            content:''; position:absolute; inset:-2px; border-radius:calc(var(--awh-radius) + 2px);\r\n            z-index:-1;\r\n            background:linear-gradient(135deg, var(--awh-accent1), var(--awh-accent2), var(--awh-sub-color), var(--awh-accent3), var(--awh-accent1));\r\n            background-size:300% 300%;\r\n            animation:awh-border-shift 6s ease-in-out infinite;\r\n            opacity:0.35;\r\n            transition:opacity .4s;\r\n        }\r\n        .awh-counter:hover::before { opacity:0.6; }\r\n        @keyframes awh-border-shift { 0%,100%{background-position:0% 50%} 50%{background-position:100% 50%} }\r\n\r\n        .awh-counter::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.06) 0%,transparent 40%,transparent 60%,rgba(var(--awh-a2r),var(--awh-a2g),var(--awh-a2b),.04) 100%)}\r\n        .awh-counter-num{font-size:clamp(46px,8vw,76px);font-weight:900;color:var(--awh-sub-color);background:linear-gradient(135deg,var(--awh-accent1) 0%,var(--awh-accent2) 30%,var(--awh-sub-color) 55%,var(--awh-accent1) 80%);background-size:250% 250%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;margin-bottom:6px;letter-spacing:-2px;animation:awh-shimmer 5s ease-in-out infinite;position:relative;z-index:1}\r\n        .awh-counter-num>span{display:inline-block;min-width:.6em;text-align:center}\r\n        .awh-counter-title{font-size:clamp(18px,2.6vw,26px);color:var(--awh-text);font-weight:600;margin-bottom:8px;position:relative;z-index:1}\r\n        .awh-counter-desc{font-size:clamp(13px,1.8vw,15px);color:var(--awh-text-dim);line-height:1.6;margin-bottom:22px;position:relative;z-index:1}\r\n        .awh-counter-logo{width:100%;height:clamp(55px,7vw,70px);border-radius:14px;overflow:hidden;margin-bottom:22px;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;padding:clamp(8px,1.4vw,12px);box-shadow:0 8px 32px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.5);position:relative;z-index:1}\r\n        .awh-logo-img{display:inline-block;width:195px;height:65px;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;padding:clamp(.5em,.8vw,.8em);box-sizing:content-box}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           ARROW\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--awh-accent1),var(--awh-sub-color),var(--awh-accent2));border:none;cursor:pointer;position:relative;overflow:hidden;box-shadow:0 8px 28px rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.3),inset 0 1px 0 rgba(255,255,255,.25);will-change:transform;z-index:1}\r\n        .awh-arrow::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}\r\n        .awh-arrow::after{content:'';position:absolute;inset:-4px;border-radius:16px;border:1.5px solid rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.2);animation:awh-pulse-ring 2s ease-in-out infinite}\r\n        @keyframes awh-pulse-ring{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.08);opacity:0}}\r\n        .awh-arrow svg{width:22px;height:22px;fill:#fff;position:relative;z-index:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15));will-change:transform}\r\n        .awh-arrow:hover svg{animation:awh-arrow-bounce .6s var(--awh-ease-bounce) infinite alternate}\r\n        @keyframes awh-arrow-bounce{0%{transform:translate(0,0) scale(1)}100%{transform:translate(5px,-5px) scale(1.12)}}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           SCROLL INDICATOR\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        .awh-scroll-indicator{position:absolute;bottom:36px;left:50%;transform:translateX(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.4;transition:opacity .3s}\r\n        .awh-scroll-indicator:hover{opacity:.7}\r\n        .awh-scroll-text{font-size:10px;font-weight:600;letter-spacing:4px;text-transform:uppercase;color:rgba(255,255,255,.4)}\r\n        .awh-scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,rgba(var(--awh-a1r),var(--awh-a1g),var(--awh-a1b),.5),transparent);animation:awh-scrollPulse 2.4s ease-in-out infinite}\r\n        @keyframes awh-scrollPulse{0%,100%{transform:scaleY(1);opacity:1}50%{transform:scaleY(.4);opacity:.2}}\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           RESPONSIVE\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        @media(max-width:1024px){\r\n                        #awh-1, #awh-1 a, #awh-1 button, #awh-1 .awh-btn, #awh-1 .awh-arrow{cursor:auto}\r\n            .awh-cursor,.awh-cursor-trail{display:none!important}\r\n                        .awh-content{gap:20px 28px;padding:30px 24px 50px}\r\n            .awh-btn{gap:10px;padding:12px 20px 12px 16px;font-size:14px}\r\n            .awh-btn-icon{width:36px;height:36px}\r\n                        .awh-orb:nth-child(1){width:350px;height:350px}\r\n            .awh-orb:nth-child(2){width:300px;height:300px}\r\n            .awh-orb:nth-child(3){width:250px;height:250px}\r\n                    }\r\n\r\n        @media(max-width:767px){\r\n                        .awh-cursor,.awh-cursor-trail{display:none!important}\r\n            #awh-1,#awh-1 a,#awh-1 button,#awh-1 .awh-btn,#awh-1 .awh-arrow{cursor:auto}\r\n                        #awh-1{min-height:auto}\r\n            .awh-bg-img{background-size:contain!important;background-position:top center!important;background-repeat:no-repeat!important;height:100%;top:0}\r\n            .awh-content{min-height:auto;height:auto;grid-template-columns:1fr!important;grid-template-rows:auto auto!important;align-items:center!important;justify-content:center!important;padding-top:260px!important;padding-bottom:60px!important;row-gap:28px!important}\r\n            .awh-title-wrap{grid-column:1!important;grid-row:1!important;justify-self:center!important;align-self:center!important;text-align:center!important}\r\n            .awh-counter{grid-column:1!important;grid-row:2!important;justify-self:center!important;align-self:center!important;width:100%;max-width:360px;padding:28px 24px}\r\n            .awh-btn-wrap{text-align:center!important}\r\n            .awh-scroll-indicator{display:none}\r\n                        .awh-orb:nth-child(1){width:250px;height:250px}\r\n            .awh-orb:nth-child(2){width:200px;height:200px}\r\n            .awh-orb:nth-child(3){width:180px;height:180px}\r\n                        .awh-noise{display:none}            .awh-scanlines{display:none}        }\r\n        @media(max-width:480px){\r\n            .awh-content{padding-top:200px!important;padding-bottom:40px!important;row-gap:24px!important}\r\n            .awh-counter{max-width:300px;padding:24px 20px}\r\n            .awh-subtitle{margin-bottom:28px}\r\n        }\r\n        @media(max-width:360px){\r\n            .awh-content{padding-top:170px!important}\r\n            .awh-counter{max-width:270px;padding:20px 16px}\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           REDUCED MOTION\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        @media(prefers-reduced-motion:reduce){\r\n            #awh-1,#awh-1 a,#awh-1 button,#awh-1 .awh-btn,#awh-1 .awh-arrow{cursor:auto}\r\n            .awh-cursor,.awh-cursor-trail{display:none!important}\r\n            .awh-subtitle,.awh-counter-num{animation:none!important}\r\n            .awh-subtitle::after{animation:none!important;background:none!important}\r\n            .awh-counter::before{animation:none!important;opacity:.2}\r\n            .awh-scroll-indicator{display:none}\r\n            .awh-noise{display:none}.awh-orb{display:none}.awh-scanlines{display:none}.awh-particle{display:none}\r\n            .awh-arrow::after{animation:none}\r\n            .awh-arrow:hover svg{animation:none}\r\n            .awh-subtitle,.awh-btn,.awh-counter,.awh-arrow,.awh-scroll-indicator{opacity:1;transform:none!important}\r\n        }\r\n\r\n        \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n           RTL SUPPORT \u2014 full right-to-left for Arabic\r\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\n        [dir=\"rtl\"] .awh-content {\r\n            direction: rtl;\r\n        }\r\n        [dir=\"rtl\"] .awh-title-wrap {\r\n            justify-self: end;\r\n        }\r\n        [dir=\"rtl\"] .awh-counter {\r\n            justify-self: start;\r\n        }\r\n        [dir=\"rtl\"] .awh-btn-wrap {\r\n            text-align: right;\r\n        }\r\n        [dir=\"rtl\"] .awh-btn {\r\n            flex-direction: row-reverse;\r\n        }\r\n        [dir=\"rtl\"] .awh-btn-icon svg {\r\n            transform: scaleX(-1);\r\n        }\r\n        [dir=\"rtl\"] .awh-btn:hover .awh-btn-icon svg {\r\n            transform: scaleX(-1) translate(2px, -2px);\r\n        }\r\n        [dir=\"rtl\"] .awh-word-wrap {\r\n            margin-right: 0;\r\n            margin-left: .25em;\r\n        }\r\n        [dir=\"rtl\"] .awh-word-wrap:last-child {\r\n            margin-left: 0;\r\n        }\r\n        [dir=\"rtl\"] .awh-subtitle {\r\n            letter-spacing: 0;\r\n            direction: rtl;\r\n        }\r\n        [dir=\"rtl\"] .awh-arrow svg {\r\n            transform: scaleX(-1);\r\n        }\r\n        [dir=\"rtl\"] .awh-arrow:hover svg {\r\n            animation-name: awh-arrow-bounce-rtl;\r\n        }\r\n        @keyframes awh-arrow-bounce-rtl {\r\n            0%   { transform: scaleX(-1) translate(0,0) scale(1); }\r\n            100% { transform: scaleX(-1) translate(-5px,-5px) scale(1.12); }\r\n        }\r\n        [dir=\"rtl\"] .awh-counter-num {\r\n            letter-spacing: 0;\r\n        }\r\n        [dir=\"rtl\"] .awh-orb:nth-child(1) {\r\n            left: auto;\r\n            right: -5%;\r\n        }\r\n        [dir=\"rtl\"] .awh-orb:nth-child(2) {\r\n            right: auto;\r\n            left: -3%;\r\n        }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(1) { left: auto; right: 4%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(2) { left: auto; right: 82%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(3) { left: auto; right: 6%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(4) { left: auto; right: 75%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(5) { left: auto; right: 90%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(6) { left: auto; right: 15%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(7) { left: auto; right: 55%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(8) { left: auto; right: 45%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(9) { left: auto; right: 60%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(10) { left: auto; right: 20%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(11) { left: auto; right: 38%; }\r\n        [dir=\"rtl\"] .awh-particle:nth-child(12) { left: auto; right: 92%; }\r\n        [dir=\"rtl\"] .awh-shape-1 { left: auto; right: 5%; }\r\n        [dir=\"rtl\"] .awh-shape-2 { left: auto; right: 85%; }\r\n        [dir=\"rtl\"] .awh-shape-3 { left: auto; right: 40%; }\r\n        [dir=\"rtl\"] .awh-shape-4 { left: auto; right: 55%; }\r\n        [dir=\"rtl\"] .awh-scroll-indicator {\r\n            left: auto;\r\n            right: 50%;\r\n            transform: translateX(50%);\r\n        }\r\n        \/* Mobile RTL fixes *\/\r\n        @media(max-width:767px){\r\n            [dir=\"rtl\"] .awh-title-wrap { text-align: center !important; }\r\n            [dir=\"rtl\"] .awh-btn-wrap { text-align: center !important; }\r\n            [dir=\"rtl\"] .awh-content { direction: rtl; }\r\n        }\r\n        @media(max-width:600px){\r\n            [dir=\"rtl\"] .awh-btn { flex-direction: row-reverse; }\r\n        }\r\n        <\/style>\r\n\r\n        <!-- \u2550\u2550\u2550 SVG NOISE \u2550\u2550\u2550 -->\r\n                <svg class=\"awh-noise\" aria-hidden=\"true\">\r\n            <filter id=\"awh-n-awh-1\">\r\n                <feTurbulence type=\"fractalNoise\" baseFrequency=\"0.65\" numOctaves=\"3\" stitchTiles=\"stitch\"\/>\r\n                <feColorMatrix type=\"matrix\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 0.08 0\"\/>\r\n            <\/filter>\r\n            <rect width=\"100%\" height=\"100%\" filter=\"url(#awh-n-awh-1)\"\/>\r\n        <\/svg>\r\n        \r\n        <!-- \u2550\u2550\u2550 CURSOR \u2550\u2550\u2550 -->\r\n                <div class=\"awh-cursor\" id=\"awh-cur-awh-1\">\r\n            <div class=\"awh-cursor-dot\"><\/div>\r\n            <div class=\"awh-cursor-ring\"><\/div>\r\n        <\/div>\r\n        \r\n        <!-- \u2550\u2550\u2550 SECTION \u2550\u2550\u2550 -->\r\n        <section id=\"awh-1\" class=\"awh-section\" aria-label=\"Hero\" data-awh-section dir=\"auto\" style=\"display:block;position:relative;width:100%;overflow:hidden;background:#0f1929\">\r\n            <div class=\"awh-bg\" data-depth=\"0.08\"><div class=\"awh-bg-img\" style=\"position:absolute;top:-80px;left:0;width:100%;height:calc(100% + 160px);background:url('https:\/\/sonic-tec.com\/wp-content\/uploads\/2026\/06\/Sonic_Company_abstract_tech_image_202606031335.jpeg') center\/cover no-repeat\"><\/div><\/div>\r\n\r\n                        <div class=\"awh-bg-overlay\"><\/div>\r\n            \r\n                        <div class=\"awh-orbs\" data-depth=\"-0.03\"><div class=\"awh-orb\"><\/div><div class=\"awh-orb\"><\/div><div class=\"awh-orb\"><\/div><\/div>\r\n            \r\n            <div class=\"awh-scanlines\"><\/div>            <div class=\"awh-grid\" data-depth=\"0.04\"><\/div>\r\n\r\n            <!-- \u2550\u2550\u2550 FLOATING DECORATIVE SHAPES \u2550\u2550\u2550 -->\r\n            <div class=\"awh-shapes\" aria-hidden=\"true\">\r\n                <div class=\"awh-shape awh-shape-1\"><\/div>\r\n                <div class=\"awh-shape awh-shape-2\"><\/div>\r\n                <div class=\"awh-shape awh-shape-3\"><\/div>\r\n                <div class=\"awh-shape awh-shape-4\"><\/div>\r\n            <\/div>\r\n\r\n            <!-- \u2550\u2550\u2550 MOUSE GLOW SPOTLIGHT \u2550\u2550\u2550 -->\r\n            <div class=\"awh-glow-spot\" aria-hidden=\"true\"><\/div>\r\n\r\n            \r\n            <div class=\"awh-content\" data-depth=\"-0.015\">\r\n                <div class=\"awh-title-wrap\">\r\n                    <p class=\"awh-subtitle\" data-awh-words style=\"display:block;opacity:1;color:#b8f5ec;font-size:clamp(18px,3vw,28px);font-weight:800;line-height:1.35;margin:0 0 44px 0;letter-spacing:1.2px\">EmpoweringBusinessesThrough AI-DrivenDigitalTransformation<\/p>\r\n                    <div class=\"awh-btn-wrap\">\r\n                        <a href=\"\/our-services\" class=\"awh-btn\" data-magnetic>\r\n                            <span class=\"awh-btn-icon\">\r\n                                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"#fff\">\r\n                                    <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\"\/>\r\n                                    <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\"\/>\r\n                                <\/svg>\r\n                            <\/span>\r\n                            <span class=\"awh-btn-text\">Discover our services<\/span>\r\n                        <\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"awh-counter\" data-awh-tilt>\r\n                    <div class=\"awh-counter-num\" data-counter><span id=\"c-awh-1\">0<\/span>k+<\/div>\r\n                    <div class=\"awh-counter-title\">Empowering Businesses<\/div>\r\n                    <div class=\"awh-counter-desc\">with cutting-edge Digital Solutions<\/div>\r\n                    <div class=\"awh-counter-logo\"><span class=\"awh-logo-img\" aria-label=\"Partner logo\"><\/span><\/div>\r\n                    <button class=\"awh-arrow\" aria-label=\"Next\" data-magnetic>\r\n                        <svg viewBox=\"0 0 33 33\"><path d=\"M27.6758 9.104L4.72379 32.056L0.953125 28.2853L23.9024 5.33333H3.67579V0H33.0091V29.3333H27.6758V9.104Z\"\/><\/svg>\r\n                    <\/button>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"awh-scroll-indicator\">\r\n                <span class=\"awh-scroll-text\">Scroll<\/span>\r\n                <div class=\"awh-scroll-line\"><\/div>\r\n            <\/div>\r\n        <\/section>\r\n\r\n        <!-- \u2550\u2550\u2550 JAVASCRIPT \u2550\u2550\u2550 -->\r\n        <script>\r\n        (function(){\r\n            'use strict';\r\n            var container = document.getElementById('awh-1');\r\n            if(!container) return;\r\n\r\n            \/\/ \u2500\u2500\u2500 REDUCED MOTION \u2500\u2500\u2500\r\n            if(window.matchMedia('(prefers-reduced-motion:reduce)').matches){\r\n                container.querySelectorAll('.awh-subtitle,.awh-btn,.awh-counter,.awh-arrow,.awh-scroll-indicator')\r\n                    .forEach(function(e){e.classList.add('awh-visible');});\r\n                var cn=document.getElementById('c-awh-1');\r\n                if(cn) cn.textContent='20';\r\n                return;\r\n            }\r\n\r\n            var isMobile = window.innerWidth <= 767;\r\n\r\n            \/\/ \u2500\u2500\u2500 GSAP FALLBACK: if GSAP doesn't load in 800ms, show content via CSS \u2500\u2500\u2500\r\n            var gsapReady = false;\r\n            var gsapCheck = setInterval(function(){\r\n                if(typeof gsap !== 'undefined' && typeof gsap.set === 'function'){\r\n                    clearInterval(gsapCheck);\r\n                    gsapReady = true;\r\n                    try { init(); } catch(e) {\r\n                        \/\/ If GSAP init crashes, reveal everything via fallback\r\n                        container.querySelectorAll('.awh-subtitle,.awh-btn,.awh-counter,.awh-arrow,.awh-scroll-indicator')\r\n                            .forEach(function(el){el.classList.add('awh-visible');});\r\n                        var cn = document.getElementById('c-awh-1');\r\n                        if(cn) cn.textContent='20';\r\n                    }\r\n                }\r\n            }, 30);\r\n\r\n            setTimeout(function(){\r\n                clearInterval(gsapCheck);\r\n                if(!gsapReady){\r\n                    \/\/ Fallback: reveal everything \u2014 content is already visible via CSS\r\n                    \/\/ Just ensure counter number shows\r\n                    var cn = document.getElementById('c-awh-1');\r\n                    if(cn) cn.textContent='20';\r\n                    \/\/ Cursor fallback\r\n                    var cur = document.getElementById('awh-cur-awh-1');\r\n                    if(cur) cur.style.display = 'none';\r\n                }\r\n            }, 800);\r\n\r\n            \/\/ \u2500\u2500\u2500 MAIN GSAP INIT \u2500\u2500\u2500\r\n            function init(){\r\n                if(typeof ScrollTrigger !== 'undefined') gsap.registerPlugin(ScrollTrigger);\r\n\r\n                var bgImg    = container.querySelector('.awh-bg-img');\r\n                var orbs     = container.querySelectorAll('.awh-orb');\r\n                var grid     = container.querySelector('.awh-grid');\r\n                var subtitle = container.querySelector('.awh-subtitle');\r\n                var btn      = container.querySelector('.awh-btn');\r\n                var counter  = container.querySelector('.awh-counter');\r\n                var counterNum = document.getElementById('c-awh-1');\r\n                var arrow    = container.querySelector('.awh-arrow');\r\n                var particles = container.querySelectorAll('.awh-particle');\r\n                var scrollInd = container.querySelector('.awh-scroll-indicator');\r\n                var content  = container.querySelector('.awh-content');\r\n                var cursorEl = document.getElementById('awh-cur-awh-1');\r\n                var cursorDot  = cursorEl ? cursorEl.querySelector('.awh-cursor-dot') : null;\r\n                var cursorRing = cursorEl ? cursorEl.querySelector('.awh-cursor-ring') : null;\r\n\r\n                \/\/ \u2500\u2500\u2500 Remove CSS fallback transitions \u2014 GSAP takes over \u2500\u2500\u2500\r\n                var revealEls = [subtitle, btn, counter, arrow, scrollInd].filter(Boolean);\r\n                revealEls.forEach(function(el){\r\n                    el.style.transition = 'none';\r\n                    el.classList.remove('awh-visible');\r\n                });\r\n\r\n                \/\/ \u2500\u2500\u2500 Initial states \u2014 always start visible for reliability \u2500\u2500\u2500\r\n                \/\/ Background starts clear (no blur, no dim)\r\n                gsap.set(bgImg, { filter: 'blur(0px)', scale: 1, opacity: 1 });\r\n                if(orbs.length)      gsap.set(orbs,     { opacity:0.7, scale:1 });\r\n                gsap.set(grid,         { opacity:1 });\r\n                \/* subtitle already visible *\/\r\n                gsap.set(btn,          { opacity:1, y:0 });\r\n                gsap.set(counter,      { opacity:1, y:0, rotationX:0, transformPerspective:1200 });\r\n                gsap.set(arrow,        { opacity:1, y:0, scale:1 });\r\n                if(particles.length) gsap.set(particles, { opacity:1, scale:1 });\r\n                gsap.set(scrollInd,    { opacity:0.4, y:0 });\r\n                if(cursorEl)         gsap.set(cursorEl,  { opacity:1 });\r\n\r\n                \/\/ \u2500\u2500\u2500 Split text into words \u2500\u2500\u2500\r\n                var words = [];\r\n                if(subtitle){\r\n                    var txt = subtitle.textContent.trim().split(\/\\s+\/);\r\n                    subtitle.textContent = '';\r\n                    for(var w=0; w<txt.length; w++){\r\n                        var wrap = document.createElement('span');\r\n                        wrap.className = 'awh-word-wrap';\r\n                        var span = document.createElement('span');\r\n                        span.className = 'awh-word';\r\n                        span.textContent = txt[w];\r\n                        wrap.appendChild(span);\r\n                        subtitle.appendChild(wrap);\r\n                        words.push(span);\r\n                    }\r\n                    \/\/ Explicitly set word start state in GSAP's system\r\n                    gsap.set(words, { y: '101%' });\r\n                }\r\n\r\n                \/\/ \u2500\u2500\u2500 Animation Duration Multiplier \u2500\u2500\u2500\r\n                var animDur = 1;\r\n\r\n                \/\/ \u2500\u2500\u2500 MASTER TIMELINE \u2500\u2500\u2500\r\n                var tl = gsap.timeline({ defaults:{ ease:'power3.out' } });\r\n\r\n                \/\/ \u2500\u2500\u2500 Background: gentle zoom-in reveal \u2500\u2500\u2500\r\n                if(!isMobile){\r\n                    tl.fromTo(bgImg, { scale:1.1, opacity:0.85 }, { scale:1, opacity:1, duration:1.8 * animDur, ease:'power2.inOut' }, 0);\r\n                } else {\r\n                    tl.set(bgImg, { opacity:1 }, 0);\r\n                }\r\n\r\n                \/\/ \u2500\u2500\u2500 Orbs: subtle fade-in \u2500\u2500\u2500\r\n                if(orbs.length) tl.fromTo(orbs, { opacity:0, scale:0.8 }, { opacity:0.7, scale:1, duration:1.6 * animDur, stagger:0.2 * animDur, ease:'power3.out' }, 0);\r\n\r\n                \/\/ \u2500\u2500\u2500 Grid overlay fade-in \u2500\u2500\u2500\r\n                tl.fromTo(grid, { opacity:0 }, { opacity:1, duration:1.0 * animDur }, '-=' + (1.0 * animDur));\r\n\r\n                \/\/ \u2500\u2500\u2500 Particles pop in \u2500\u2500\u2500\r\n                if(particles.length){\r\n                    tl.fromTo(particles, { opacity:0, scale:0 }, { opacity:1, scale:1, duration:0.7 * animDur, stagger:{ each:0.03 * animDur, from:'random' }, ease:'back.out(2.5)' }, '-=0.5');\r\n                }\r\n\r\n                \/\/ \u2500\u2500\u2500 Words slide up with stagger \u2500\u2500\u2500\r\n                if(words.length){\r\n                    tl.fromTo(words, { y:'101%' }, { y:'0%', duration:0.5 * animDur, stagger:0.03 * animDur, ease:'power3.out' }, '-=0.1');\r\n                }\r\n\r\n                \/\/ \u2500\u2500\u2500 Button pop in \u2500\u2500\u2500\r\n                tl.fromTo(btn, { opacity:0, y:25 }, { opacity:1, y:0, duration:0.5 * animDur, ease:'back.out(2)' }, '-=0.05');\r\n\r\n                \/\/ \u2500\u2500\u2500 Counter 3D flip in \u2500\u2500\u2500\r\n                tl.fromTo(counter, { opacity:0, y:30, rotationX:-25, transformPerspective:1200 }, { opacity:1, y:0, rotationX:0, duration:0.9 * animDur, ease:'power4.out' }, '-=0.15');\r\n\r\n                \/\/ \u2500\u2500\u2500 Arrow pop in \u2500\u2500\u2500\r\n                tl.fromTo(arrow, { opacity:0, y:20, scale:0.8 }, { opacity:1, y:0, scale:1, duration:0.45 * animDur, ease:'back.out(2.5)' }, '-=0.5');\r\n\r\n                \/\/ Counter count-up\r\n                tl.call(function(){\r\n                    var start=Date.now(), dur=3000, from=0, to=20;\r\n                    function tick(){\r\n                        var p=Math.min((Date.now()-start)\/dur,1);\r\n                        var e=1-Math.pow(1-p,3)*Math.cos(p*Math.PI*2);\r\n                        counterNum.textContent=Math.round(from+(to-from)*e);\r\n                        if(p<1) requestAnimationFrame(tick);\r\n                        else counterNum.textContent=to;\r\n                    }\r\n                    tick();\r\n                }, null, null, '-=0.7');\r\n\r\n                tl.to(scrollInd, { opacity:0.4, y:0, duration:0.6 }, '-=0.3');\r\n                if(cursorEl && !isMobile) tl.to(cursorEl, { opacity:1, duration:0.4 }, '-=0.1');\r\n\r\n                \/\/ \u2500\u2500\u2500 EXIT ANIMATION (scroll past) \u2500\u2500\u2500\r\n                if(typeof ScrollTrigger !== 'undefined'){\r\n                    ScrollTrigger.create({\r\n                        trigger: container,\r\n                        start: 'bottom bottom',\r\n                        end: 'bottom top',\r\n                        scrub: 1,\r\n                        onUpdate: function(st){\r\n                            var p = st.progress;\r\n                            if(p > 0){\r\n                                content.style.opacity = 1 - p * 1.2;\r\n                                content.style.transform = 'translateY(' + (p * 60) + 'px)';\r\n                            } else {\r\n                                content.style.opacity = '1';\r\n                                content.style.transform = '';\r\n                            }\r\n                        }\r\n                    });\r\n\r\n                    \/\/ Parallax\r\n                                        ScrollTrigger.create({\r\n                        trigger: container,\r\n                        start: 'top top', end: 'bottom top', scrub: 1.5,\r\n                        onUpdate: function(st){ gsap.set(bgImg, { y: st.progress * 100 }); }\r\n                    });\r\n                                    }\r\n\r\n                \/\/ \u2500\u2500\u2500 CURSOR \u2500\u2500\u2500\r\n                                if(!isMobile){\r\n                    (function(){\r\n                        document.addEventListener('mousemove', function(e){\r\n                            if(cursorDot) gsap.set(cursorDot, { x:e.clientX, y:e.clientY });\r\n                            if(cursorRing) gsap.to(cursorRing, { x:e.clientX, y:e.clientY, duration:0.25, ease:'power2.out', overwrite:'auto' });\r\n                        });\r\n                        document.addEventListener('mouseleave', function(){ if(cursorEl) gsap.to(cursorEl,{opacity:0,duration:0.3}); });\r\n                        document.addEventListener('mouseenter',  function(){ if(cursorEl) gsap.to(cursorEl,{opacity:1,duration:0.3}); });\r\n\r\n                        \/\/ Magnetic elements\r\n                        var magEls = container.querySelectorAll('[data-magnetic]');\r\n                        magEls.forEach(function(el){\r\n                            el.addEventListener('mouseenter', function(){ if(cursorRing) cursorRing.classList.add('is-hover'); });\r\n                            el.addEventListener('mouseleave', function(){\r\n                                if(cursorRing) cursorRing.classList.remove('is-hover');\r\n                                gsap.to(el,{x:0,y:0,duration:0.6,ease:'elastic.out(1,0.4)',overwrite:'auto'});\r\n                            });\r\n                            el.addEventListener('mousemove', function(e){\r\n                                var b=el.getBoundingClientRect();\r\n                                var dx=e.clientX-(b.left+b.width\/2), dy=e.clientY-(b.top+b.height\/2);\r\n                                var d=Math.sqrt(dx*dx+dy*dy);\r\n                                if(d>160){ var s=160\/d; dx*=s; dy*=s; }\r\n                                gsap.to(el,{x:dx*0.25,y:dy*0.25,duration:0.5,ease:'power2.out',overwrite:'auto'});\r\n                            });\r\n                        });\r\n\r\n                        \/\/ Hover state\r\n                        container.addEventListener('mouseover', function(e){\r\n                            if(e.target.closest('a')||e.target.closest('button')||e.target.closest('[data-magnetic]'))\r\n                                if(cursorRing) cursorRing.classList.add('is-hover');\r\n                        });\r\n                        container.addEventListener('mouseout', function(e){\r\n                            if(e.target.closest('a')||e.target.closest('button')||e.target.closest('[data-magnetic]'))\r\n                                if(cursorRing) cursorRing.classList.remove('is-hover');\r\n                        });\r\n\r\n                        document.addEventListener('mousedown', function(){ if(cursorRing) cursorRing.classList.add('is-click'); });\r\n                        document.addEventListener('mouseup',   function(){ if(cursorRing) cursorRing.classList.remove('is-click'); });\r\n\r\n                        \/\/ \u2500\u2500\u2500 CURSOR TRAIL PARTICLES \u2500\u2500\u2500\r\n                        (function(){\r\n                            var trailContainer = document.createElement('div');\r\n                            trailContainer.style.cssText = 'position:fixed;inset:0;pointer-events:none;z-index:99997';\r\n                            document.body.appendChild(trailContainer);\r\n                            var trailPool = [];\r\n                            var spawnInterval;\r\n\r\n                            document.addEventListener('mousemove', function(e){\r\n                                if(trailPool.length < 8){\r\n                                    var dot = document.createElement('div');\r\n                                    dot.className = 'awh-cursor-trail';\r\n                                    dot.style.cssText = 'width:'+(2+Math.random()*3)+'px;height:'+(2+Math.random()*3)+'px;left:'+e.clientX+'px;top:'+e.clientY+'px;opacity:0.6';\r\n                                    trailContainer.appendChild(dot);\r\n                                    trailPool.push(dot);\r\n                                    gsap.to(dot, {\r\n                                        x: (Math.random()-0.5)*40, y: (Math.random()-0.5)*40 - 20,\r\n                                        opacity: 0, scale: 0,\r\n                                        duration: 0.6 + Math.random()*0.4,\r\n                                        ease: 'power2.out',\r\n                                        onComplete: function(){\r\n                                            if(dot.parentNode) dot.parentNode.removeChild(dot);\r\n                                            var idx = trailPool.indexOf(dot);\r\n                                            if(idx>-1) trailPool.splice(idx,1);\r\n                                        }\r\n                                    });\r\n                                }\r\n                            });\r\n                        })();\r\n                    })();\r\n                }\r\n                \r\n                \/\/ \u2500\u2500\u2500 MOUSE PARALLAX + GLOW SPOT \u2500\u2500\u2500\r\n                (function(){\r\n                    var layers = container.querySelectorAll('[data-depth]');\r\n                    var glowSpot = container.querySelector('.awh-glow-spot');\r\n                    var cx=window.innerWidth\/2, cy=window.innerHeight\/2;\r\n                    document.addEventListener('mousemove', function(e){\r\n                        cx=e.clientX; cy=e.clientY;\r\n                        if(glowSpot){\r\n                            gsap.to(glowSpot, { x:e.clientX, y:e.clientY, duration:0.8, ease:'power2.out', overwrite:'auto' });\r\n                            if(glowSpot.style.opacity!=='1') glowSpot.style.opacity='1';\r\n                        }\r\n                    });\r\n                    document.addEventListener('mouseleave', function(){ if(glowSpot) glowSpot.style.opacity='0'; });\r\n                    document.addEventListener('mouseenter', function(){ if(glowSpot) glowSpot.style.opacity='1'; });\r\n                    function tick(){\r\n                        var nx=(cx\/window.innerWidth-0.5)*2, ny=(cy\/window.innerHeight-0.5)*2;\r\n                        for(var i=0;i<layers.length;i++){\r\n                            var d=parseFloat(layers[i].getAttribute('data-depth'))||0;\r\n                            gsap.set(layers[i], { x:nx*d*60, y:ny*d*60 });\r\n                        }\r\n                        requestAnimationFrame(tick);\r\n                    }\r\n                    tick();\r\n                })();\r\n\r\n                \/\/ \u2500\u2500\u2500 AMBIENT ORBS \u2500\u2500\u2500\r\n                                (function(){\r\n                    orbs.forEach(function(o,i){\r\n                        var xr=40+i*10, yr=30+i*8, dur=6+i*1.5;\r\n                        gsap.to(o, {\r\n                            x:gsap.utils.random(-xr,xr), y:gsap.utils.random(-yr,yr),\r\n                            scale:1+gsap.utils.random(-0.08,0.08),\r\n                            duration:dur, repeat:-1, yoyo:true, ease:'sine.inOut', delay:i*0.5\r\n                        });\r\n                    });\r\n                })();\r\n                \r\n                \/\/ \u2500\u2500\u2500 PARTICLES \u2500\u2500\u2500\r\n                \r\n                \/\/ \u2500\u2500\u2500 3D TILT + AUTO IDLE ROCK \u2500\u2500\u2500\r\n                                (function(){\r\n                    var rect = counter, hovering = false;\r\n\r\n                    \/\/ Auto-idle subtle rock\r\n                    gsap.to(rect, {\r\n                        rotationX: 0.5, rotationY: -0.5,\r\n                        duration: 4, repeat:-1, yoyo:true, ease:'sine.inOut',\r\n                        delay: 3\r\n                    });\r\n\r\n                    function calc(e){\r\n                        if(!hovering && e.type!=='touchmove') return;\r\n                        var cx=e.clientX||(e.touches&&e.touches[0].clientX);\r\n                        var cy=e.clientY||(e.touches&&e.touches[0].clientY);\r\n                        if(cx==null) return;\r\n                        var b=rect.getBoundingClientRect();\r\n                        var rx=((cy-b.top)\/b.height-0.5)*-12;\r\n                        var ry=((cx-b.left)\/b.width-0.5)*12;\r\n                        gsap.to(rect, { rotationX:rx, rotationY:ry, duration:0.6, ease:'power2.out', overwrite:'auto' });\r\n                    }\r\n                    function rst(){ hovering=false; gsap.to(rect,{rotationX:0.5,rotationY:-0.5,duration:0.8,ease:'elastic.out(1,0.4)'}); }\r\n                    rect.addEventListener('mouseenter', function(){hovering=true;});\r\n                    rect.addEventListener('mousemove', calc);\r\n                    rect.addEventListener('mouseleave', rst);\r\n                    rect.addEventListener('touchmove', calc, {passive:true});\r\n                    rect.addEventListener('touchend', rst);\r\n                })();\r\n                \r\n                \/\/ \u2500\u2500\u2500 MAGNETIC ARROW \u2500\u2500\u2500\r\n                (function(){\r\n                    var el=arrow, svgEl=el.querySelector('svg');\r\n                    el.addEventListener('mousemove', function(e){\r\n                        var b=el.getBoundingClientRect();\r\n                        var dx=e.clientX-(b.left+b.width\/2), dy=e.clientY-(b.top+b.height\/2);\r\n                        var d=Math.sqrt(dx*dx+dy*dy);\r\n                        if(d>100){ var s=100\/d; dx*=s; dy*=s; }\r\n                        gsap.to(el,{x:dx*0.35,y:dy*0.35,duration:0.45,ease:'power2.out',overwrite:'auto'});\r\n                        gsap.to(svgEl,{x:dx*0.06,y:dy*0.06,rotation:dx*0.1,duration:0.35,ease:'power2.out',overwrite:'auto'});\r\n                    });\r\n                    el.addEventListener('mouseleave', function(){\r\n                        gsap.to(el,{x:0,y:0,duration:0.7,ease:'elastic.out(1,0.4)'});\r\n                        gsap.to(svgEl,{x:0,y:0,rotation:0,duration:0.5,ease:'power2.out'});\r\n                    });\r\n                })();\r\n\r\n                \/\/ \u2500\u2500\u2500 LIQUID RIPPLE \u2500\u2500\u2500\r\n                if(btn){\r\n                    btn.addEventListener('mousemove', function(e){\r\n                        var b=btn.getBoundingClientRect();\r\n                        btn.style.setProperty('--awh-ripple-x', ((e.clientX-b.left)\/b.width*100)+'%');\r\n                        btn.style.setProperty('--awh-ripple-y', ((e.clientY-b.top)\/b.height*100)+'%');\r\n                    });\r\n                }\r\n\r\n                \/\/ \u2500\u2500\u2500 BG PADDING \u2500\u2500\u2500\r\n                function adj(){\r\n                    if(!content) return;\r\n                    if(window.innerWidth<=767){\r\n                        content.style.paddingTop = Math.round(window.innerWidth*(1080\/1920)+10)+'px';\r\n                    } else { content.style.paddingTop=''; }\r\n                }\r\n                window.addEventListener('resize', adj);\r\n                adj();\r\n            }\r\n        })();\r\n        <\/script>\r\n        <\/div>\n\t\t\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-1657\" 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-5922\" 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-2696-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-7156\" 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\/06\/company_.webp');\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-2800\" 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-9476\" 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-5106\" 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-6809\" 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-3265\" 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-7798\" 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-7934\" 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-5946\" 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-4307\" 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-5697\" 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-3446-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-3446-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-3446-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-3446-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-3446-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-3446-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>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 costefficiency through a client-centricapproach and proven expertise. Our Vision To pioneer transformative technologyand sustainable digital solutions [&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-06-03T10:41:07+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-06-03T10:41:07+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-06-03T10:41:07+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-06-03T10:41:07+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":283,"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/pages\/15660\/revisions"}],"predecessor-version":[{"id":16977,"href":"https:\/\/sonic-tec.com\/ar\/wp-json\/wp\/v2\/pages\/15660\/revisions\/16977"}],"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}]}}