{"id":4681,"date":"2026-06-02T08:14:26","date_gmt":"2026-06-02T08:14:26","guid":{"rendered":"https:\/\/exoqon.com\/?page_id=4681"},"modified":"2026-06-03T21:48:07","modified_gmt":"2026-06-03T21:48:07","slug":"services","status":"publish","type":"page","link":"https:\/\/exoqon.com\/ar\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
<\/path><\/path><\/path><\/svg><\/span>What We Build<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

We\u2019re a multidisciplinary team of developer, designers, engineers, and strategists delivering end-to-end digital solutions, from pixel-perfect interfaces and scalable cloud infrastructure to AI-powered automation that helps ambitious teams build, grow, and perform.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nServices & Expertise<\/title>\r\n\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 DARK TOKENS (default) \u2500\u2500 *\/\r\n:root {\r\n --sv-bg: #121212;\r\n --sv-bg3: #16161a;\r\n --sv-border: rgba(255,255,255,0.07);\r\n --sv-border2: rgba(255,255,255,0.13);\r\n --sv-accent: #4f8ef7;\r\n --sv-accent2: #7eb3ff;\r\n --sv-accent-dim: rgba(79,142,247,0.12);\r\n --sv-text: #f2f2f4;\r\n --sv-muted: rgba(242,242,244,0.48);\r\n --sv-muted2: rgba(242,242,244,0.24);\r\n --sv-green: #00e676;\r\n --sv-green-dim: rgba(0,230,118,0.10);\r\n --sv-green-bdr: rgba(0,230,118,0.20);\r\n --sv-orange: #f97316;\r\n --sv-orange-dim: rgba(249,115,22,0.10);\r\n --sv-orange-bdr: rgba(249,115,22,0.25);\r\n --sv-open-bg: rgba(79,142,247,0.05);\r\n}\r\n\r\n\/* \u2500\u2500 LIGHT TOKENS \u2500\u2500 *\/\r\nhtml[data-color-scheme=\"light\"] {\r\n --sv-bg: #f5f5f7;\r\n --sv-bg3: #e0e0e4;\r\n --sv-border: rgba(0,0,0,0.08);\r\n --sv-border2: rgba(0,0,0,0.16);\r\n --sv-accent: #2563eb;\r\n --sv-accent2: #1d4ed8;\r\n --sv-accent-dim: rgba(37,99,235,0.08);\r\n --sv-text: #0d0d10;\r\n --sv-muted: rgba(13,13,16,0.50);\r\n --sv-muted2: rgba(13,13,16,0.30);\r\n --sv-green: #059669;\r\n --sv-green-dim: rgba(5,150,105,0.08);\r\n --sv-green-bdr: rgba(5,150,105,0.25);\r\n --sv-count: rgba(0,0,0,0.07);\r\n --sv-orange: #ea6c04;\r\n --sv-orange-dim: rgba(234,108,4,0.08);\r\n --sv-orange-bdr: rgba(234,108,4,0.25);\r\n --sv-open-bg: rgba(37,99,235,0.03);\r\n}\r\n\r\n\/* \u2500\u2500 WRAPPER \u2500\u2500 *\/\r\n.sv-wrap {\r\n background: var(--sv-bg);\r\n color: var(--sv-text);\r\n transition: background 0.3s ease, color 0.3s ease;\r\n}\r\n\r\n\/* \u2500\u2500 SERVICES SECTION \u2500\u2500 *\/\r\n.services-wrap {\r\n margin: 0 auto;\r\n padding: 0 0 100px;\r\n}\r\n\r\n\/* \u2500\u2500 ACCORDION BLOCKS \u2500\u2500 *\/\r\n.service-block {\r\n border-bottom: 1px solid var(--sv-border);\r\n position: relative;\r\n overflow: hidden;\r\n transition: background 0.25s, border-color 0.3s;\r\n}\r\n.service-block::before {\r\n content: '';\r\n position: absolute;\r\n left: 0; top: 0; bottom: 0;\r\n width: 0;\r\n background: var(--sv-accent);\r\n transition: width 0.3s cubic-bezier(0.4,0,0.2,1), background 0.3s;\r\n}\r\n.service-block:hover::before,\r\n.service-block.open::before { width: 2px; }\r\n.service-block.open { background: var(--sv-open-bg); }\r\n\r\n.block-header {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 22px 20px 22px 16px;\r\n cursor: pointer;\r\n user-select: none;\r\n gap: 16px;\r\n}\r\n.block-left { display: flex; align-items: center; gap: 16px; min-width: 0; flex: 1; }\r\n.block-num {\r\n font-size: 12px;\r\n color: var(--sv-muted2);\r\n letter-spacing: 0.1em;\r\n min-width: 26px;\r\n flex-shrink: 0;\r\n transition: color 0.3s;\r\n}\r\n\r\n\/* \u2500\u2500 FIX: SVG icons via CSS stroke only (not inline attrs) \u2500\u2500 *\/\r\n.block-icon {\r\n width: 34px; height: 34px;\r\n border: 1px solid var(--sv-border2);\r\n display: flex; align-items: center; justify-content: center;\r\n flex-shrink: 0;\r\n transition: border-color 0.25s, background 0.3s;\r\n}\r\n.service-block.open .block-icon { border-color: var(--sv-accent); }\r\n\r\n\/* All SVG children: no fill, stroke from CSS var *\/\r\n.block-icon svg {\r\n width: 17px; height: 17px;\r\n overflow: visible;\r\n}\r\n.block-icon svg *,\r\n.block-icon svg line,\r\n.block-icon svg polyline,\r\n.block-icon svg path,\r\n.block-icon svg rect,\r\n.block-icon svg circle {\r\n fill: none !important;\r\n stroke: var(--sv-accent) !important;\r\n stroke-width: 1.5px !important;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: stroke 0.3s;\r\n}\r\n\r\n.block-name {\r\n font-size: 20px;\r\n font-weight: 400;\r\n letter-spacing: -0.01em;\r\n white-space: nowrap;\r\n color: var(--sv-text);\r\n transition: color 0.3s;\r\n}\r\n.block-tag {\r\n font-size: 9px;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--sv-green);\r\n background: var(--sv-green-dim);\r\n padding: 3px 8px;\r\n flex-shrink: 0;\r\n border: 1px solid var(--sv-green-bdr);\r\n transition: color 0.3s, background 0.3s, border-color 0.3s;\r\n}\r\n.block-tag.blue {\r\n color: var(--sv-accent2);\r\n background: var(--sv-accent-dim);\r\n border-color: rgba(79,142,247,0.2);\r\n}\r\nhtml[data-color-scheme=\"light\"] .block-tag.blue {\r\n border-color: rgba(37,99,235,0.2);\r\n}\r\n.block-tag.orange {\r\n color: var(--sv-orange);\r\n background: var(--sv-orange-dim);\r\n border-color: var(--sv-orange-bdr);\r\n}\r\n\r\n.block-right { display: flex; align-items: center; gap: 14px; flex-shrink: 0; }\r\n.block-sub-count {\r\n font-size: 12px;\r\n color: var(--sv-muted2);\r\n transition: color 0.3s;\r\n}\r\n\r\n\/* \u2500\u2500 LEARN MORE BUTTON \u2500\u2500 *\/\r\n.block-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 6px;\r\n font-size: 10px;\r\n font-weight: 500;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n text-decoration: none;\r\n color: var(--sv-accent);\r\n border: 1px solid var(--sv-border2);\r\n padding: 6px 12px;\r\n white-space: nowrap;\r\n flex-shrink: 0;\r\n transition: border-color 0.2s, background 0.2s, color 0.3s;\r\n}\r\n.block-btn:hover {\r\n border-color: var(--sv-accent);\r\n background: var(--sv-accent-dim);\r\n}\r\n.block-btn svg {\r\n width: 14px; height: 14px; flex-shrink: 0;\r\n}\r\n.block-btn svg path {\r\n fill: none !important;\r\n stroke: var(--sv-accent) !important;\r\n stroke-width: 1.5px !important;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: stroke 0.3s;\r\n}\r\n\r\n.block-arrow {\r\n width: 26px; height: 26px;\r\n border: 1px solid var(--sv-border2);\r\n display: flex; align-items: center; justify-content: center;\r\n transition: transform 0.3s, border-color 0.3s;\r\n flex-shrink: 0;\r\n}\r\n.block-arrow svg {\r\n width: 10px; height: 10px;\r\n}\r\n.block-arrow svg * {\r\n fill: none !important;\r\n stroke: var(--sv-muted) !important;\r\n stroke-width: 2px !important;\r\n stroke-linecap: round;\r\n transition: stroke 0.3s;\r\n}\r\n.service-block.open .block-arrow { transform: rotate(45deg); border-color: var(--sv-accent); }\r\n.service-block.open .block-arrow svg * { stroke: var(--sv-accent) !important; }\r\n\r\n\/* \u2500\u2500 BODY \u2500\u2500 *\/\r\n.block-body {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.42s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n.block-body-inner {\r\n padding: 4px 20px 28px 76px;\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 8px;\r\n}\r\n.sub-item {\r\n display: flex; align-items: center; gap: 10px;\r\n padding: 10px 14px;\r\n border: 1px solid var(--sv-border);\r\n transition: border-color 0.2s, background 0.2s;\r\n cursor: default;\r\n}\r\n.sub-item:hover { border-color: var(--sv-border2); background: var(--sv-bg3); }\r\n.sub-dot {\r\n width: 4px; height: 4px;\r\n border-radius: 50%;\r\n background: var(--sv-accent);\r\n flex-shrink: 0; opacity: 0.7;\r\n transition: background 0.3s;\r\n}\r\n.sub-name {\r\n font-size: 15px;\r\n color: var(--sv-muted);\r\n line-height: 1.3;\r\n transition: color 0.2s;\r\n}\r\n.sub-item:hover .sub-name { color: var(--sv-text); }\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 768px) {\r\n .services-wrap { padding: 0 0 60px; }\r\n .block-header { padding: 18px 12px; gap: 10px; }\r\n .block-body-inner { grid-template-columns: 1fr 1fr; padding: 4px 12px 20px 12px; }\r\n .block-name { font-size: 19px; white-space: normal; }\r\n .block-icon { width: 28px; height: 28px; }\r\n}\r\n@media (max-width: 529px) {\r\n .block-body-inner { grid-template-columns: 1fr; }\r\n .block-tag { display: none; }\r\n .block-btn { display: none; }\r\n .block-sub-count { display: none; }\r\n .block-name { font-size: 19px; }\r\n .sub-name { font-size: 14px; }\r\n}\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"sv-wrap\">\r\n<section class=\"services-wrap\">\r\n\r\n <!-- 01 -->\r\n <div class=\"service-block\" id=\"b1\">\r\n <div class=\"block-header\" onclick=\"tog('b1')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">01<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <polyline points=\"16 18 22 12 16 6\"\/>\r\n <polyline points=\"8 6 2 12 8 18\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">Web & App Development<\/span>\r\n <span class=\"block-tag blue\">Core<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <!-- REPLACE href WITH YOUR PAGE URL -->\r\n <a class=\"block-btn\" href=\"#web-development\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Website Design & Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">WordPress Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">E-Commerce Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Mobile App Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Game Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Integrations & Payments<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 02 -->\r\n <div class=\"service-block\" id=\"b2\">\r\n <div class=\"block-header\" onclick=\"tog('b2')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">02<\/span>\r\n <div class=\"block-icon\">\r\n <!-- FIX: explicit fill=\"none\" on rect + path -->\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\" fill=\"none\"\/>\r\n <line x1=\"3\" y1=\"9\" x2=\"21\" y2=\"9\"\/>\r\n <line x1=\"9\" y1=\"21\" x2=\"9\" y2=\"9\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">UI\/UX & Product Design<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#uiux-design\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">UI\/UX Design<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Product Design<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Wireframing & Prototyping<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Design Systems<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">UX Research & Audits<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Dashboard & Data Visualization<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 03 -->\r\n <div class=\"service-block\" id=\"b3\">\r\n <div class=\"block-header\" onclick=\"tog('b3')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">03<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <line x1=\"12\" y1=\"20\" x2=\"21\" y2=\"20\"\/>\r\n <path d=\"M16.5 3.5a2.121 2.121 0 0 1 3 3L7 19l-4 1 1-4L16.5 3.5z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">Branding & Creative<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#branding\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Brand Strategy & Positioning<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Brand Identity & Style Guides<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Brand Audit & Rebranding<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Graphic & Visual Design<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Marketing Creatives<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Presentation & Communication Design<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 04 -->\r\n <div class=\"service-block\" id=\"b4\">\r\n <div class=\"block-header\" onclick=\"tog('b4')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">04<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <polyline points=\"12 2 2 7 12 12 22 7 12 2\"\/>\r\n <polyline points=\"2 17 12 22 22 17\"\/>\r\n <polyline points=\"2 12 12 17 22 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">Software & Business Systems<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#software-systems\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Custom Software Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">SaaS Product Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Cloud-Based Applications<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">ERP Software Solutions<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">CRM & Business Management Systems<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Dashboard, Analytics & Support Systems<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 05 -->\r\n <div class=\"service-block\" id=\"b5\">\r\n <div class=\"block-header\" onclick=\"tog('b5')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">05<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <polygon points=\"21 16 21 8 12 3 3 8 3 16 12 21 21 16\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">AI & Intelligent Automation<\/span>\r\n <span class=\"block-tag orange\">Trending<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#ai-automation\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">AI Chatbot Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">AI-Powered SaaS Tools<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Business Process Automation<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Workflow Automation<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">AI Integrations<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">AI-Powered Analytics & Insights<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 06 -->\r\n <div class=\"service-block\" id=\"b6\">\r\n <div class=\"block-header\" onclick=\"tog('b6')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">06<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">Digital Marketing & Growth<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#digital-marketing\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Search Engine Optimization (SEO)<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">AI Search & Visibility<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Pay-Per-Click Advertising<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Social Media & Content Marketing<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">App Store Optimization (ASO)<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Growth Optimization<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 07 -->\r\n <div class=\"service-block\" id=\"b7\">\r\n <div class=\"block-header\" onclick=\"tog('b7')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">07<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">Cloud & DevOps<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#cloud-devops\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Cloud Infrastructure Setup<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Cloud Migration & Management<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">DevOps & CI\/CD Pipelines<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Containerization & Orchestration<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Data Engineering<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Monitoring & Reliability<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 08 -->\r\n <div class=\"service-block\" id=\"b8\">\r\n <div class=\"block-header\" onclick=\"tog('b8')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">08<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">Cybersecurity & Compliance<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#cybersecurity\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">SSL & Website Security<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Vulnerability Assessment<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Penetration Testing<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Data Backup & Recovery<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Compliance & Data Privacy<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Cybersecurity Consulting<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n <!-- 09 -->\r\n <div class=\"service-block\" id=\"b9\">\r\n <div class=\"block-header\" onclick=\"tog('b9')\">\r\n <div class=\"block-left\">\r\n <span class=\"block-num\">09<\/span>\r\n <div class=\"block-icon\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n <circle cx=\"12\" cy=\"5\" r=\"2\"\/>\r\n <circle cx=\"19\" cy=\"12\" r=\"2\"\/>\r\n <circle cx=\"5\" cy=\"12\" r=\"2\"\/>\r\n <circle cx=\"12\" cy=\"19\" r=\"2\"\/>\r\n <line x1=\"12\" y1=\"7\" x2=\"19\" y2=\"10\"\/>\r\n <line x1=\"19\" y1=\"14\" x2=\"12\" y2=\"17\"\/>\r\n <line x1=\"12\" y1=\"7\" x2=\"5\" y2=\"10\"\/>\r\n <line x1=\"5\" y1=\"14\" x2=\"12\" y2=\"17\"\/>\r\n <\/svg>\r\n <\/div>\r\n <span class=\"block-name\">Blockchain, Web3 & Emerging Tech<\/span>\r\n <span class=\"block-tag\">New<\/span>\r\n <\/div>\r\n <div class=\"block-right\">\r\n <span class=\"block-sub-count\">6 services<\/span>\r\n <a class=\"block-btn\" href=\"#blockchain-web3\" onclick=\"event.stopPropagation()\">\r\n Learn More\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14px\" height=\"14px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6.00005 19L19 5.99996M19 5.99996V18.48M19 5.99996H6.52005\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><\/path><\/svg>\r\n <\/a>\r\n <div class=\"block-arrow\">\r\n <svg viewBox=\"0 0 24 24\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"block-body\"><div class=\"block-body-inner\">\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Blockchain Application Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Smart Contract Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Cryptocurrency & Token Development<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">NFT Development & Launch<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">Web3 Wallet & Crypto Integrations<\/span><\/div>\r\n <div class=\"sub-item\"><div class=\"sub-dot\"><\/div><span class=\"sub-name\">IoT & Advanced Systems Engineering<\/span><\/div>\r\n <\/div><\/div>\r\n <\/div>\r\n\r\n<\/section>\r\n<\/div>\r\n\r\n<script>\r\nfunction tog(id) {\r\n const block = document.getElementById(id);\r\n const body = block.querySelector('.block-body');\r\n const inner = block.querySelector('.block-body-inner');\r\n const isOpen = block.classList.contains('open');\r\n document.querySelectorAll('.service-block.open').forEach(b => {\r\n b.classList.remove('open');\r\n b.querySelector('.block-body').style.maxHeight = '0';\r\n });\r\n if (!isOpen) {\r\n block.classList.add('open');\r\n body.style.maxHeight = inner.scrollHeight + 40 + 'px';\r\n }\r\n}\r\ntog('b1');\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-660c70e e-con-full e-flex e-con e-parent\" data-id=\"660c70e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-82cc18c e-flex e-con-boxed e-con e-child\" data-id=\"82cc18c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c72a53 elementor-widget elementor-widget-jkd-badge\" data-id=\"7c72a53\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"jkd-badge.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"jkd-badge style-default\"><span class=\"badge-icon\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24px\" height=\"24px\" stroke-width=\"1.5\" viewBox=\"0 0 24 24\" fill=\"none\" color=\"#000000\"><path d=\"M8 7H4C2.89543 7 2 7.89543 2 9V19C2 20.1046 2.89543 21 4 21H20C21.1046 21 22 20.1046 22 19V9C22 7.89543 21.1046 7 20 7H16M8 7V3.6C8 3.26863 8.26863 3 8.6 3H15.4C15.7314 3 16 3.26863 16 3.6V7M8 7H16\" stroke=\"#000000\" stroke-width=\"1.5\"><\/path><\/svg><\/span><span class=\"badge-text\">Industries<\/span><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-087b7fe animated-fast elementor-invisible elementor-widget elementor-widget-heading\" data-id=\"087b7fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"jkd-fade-up-el"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Industries <span class=\"muted fw-thin\">We Serve<\/span><\/h3>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-351a1d4 e-con-full animated-fast e-flex elementor-invisible e-con e-child\" data-id=\"351a1d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"jkd-fade-up-el","animation_delay":150}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7fe3596 txt-up elementor-widget elementor-widget-text-editor\" data-id=\"7fe3596\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Deep domain experience across industries \u2014 not just code, but context.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8271439 e-flex e-con-boxed e-con e-child\" data-id=\"8271439\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc70f40 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fc70f40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\" data-color-scheme=\"dark\">\r\n<head>\r\n<meta charset=\"UTF-8\" \/>\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\r\n<title>Industries We Serve<\/title>\r\n<style>\r\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n\/* \u2500\u2500 DARK TOKENS \u2500\u2500 *\/\r\n:root {\r\n --sv-bg: #121212;\r\n --sv-bg3: #16161a;\r\n --sv-border: rgba(255,255,255,0.07);\r\n --sv-border2: rgba(255,255,255,0.13);\r\n --sv-accent: #4f8ef7;\r\n --sv-accent2: #7eb3ff;\r\n --sv-accent-dim: rgba(79,142,247,0.12);\r\n --sv-text: #f2f2f4;\r\n --sv-muted: rgba(242,242,244,0.48);\r\n --sv-muted2: rgba(242,242,244,0.24);\r\n --sv-green: #00e676;\r\n --sv-green-dim: rgba(0,230,118,0.10);\r\n --sv-green-bdr: rgba(0,230,118,0.20);\r\n --sv-orange: #f97316;\r\n --sv-orange-dim: rgba(249,115,22,0.10);\r\n --sv-orange-bdr: rgba(249,115,22,0.25);\r\n}\r\n\r\n\/* \u2500\u2500 LIGHT TOKENS \u2500\u2500 *\/\r\nhtml[data-color-scheme=\"light\"] {\r\n --sv-bg: #f5f5f7;\r\n --sv-bg3: #e0e0e4;\r\n --sv-border: rgba(0,0,0,0.08);\r\n --sv-border2: rgba(0,0,0,0.16);\r\n --sv-accent: #2563eb;\r\n --sv-accent2: #1d4ed8;\r\n --sv-accent-dim: rgba(37,99,235,0.08);\r\n --sv-text: #0d0d10;\r\n --sv-muted: rgba(13,13,16,0.50);\r\n --sv-muted2: rgba(13,13,16,0.30);\r\n --sv-green: #059669;\r\n --sv-green-dim: rgba(5,150,105,0.08);\r\n --sv-green-bdr: rgba(5,150,105,0.25);\r\n --sv-orange: #ea6c04;\r\n --sv-orange-dim: rgba(234,108,4,0.08);\r\n --sv-orange-bdr: rgba(234,108,4,0.25);\r\n --sv-open-bg: rgba(37,99,235,0.03);\r\n}\r\n\r\nbody {\r\n background: var(--sv-bg);\r\n color: var(--sv-text);\r\n transition: background 0.3s, color 0.3s;\r\n min-height: 100vh;\r\n}\r\n\r\n\/* \u2500\u2500 THEME TOGGLE \u2500\u2500 *\/\r\n.theme-toggle {\r\n position: fixed;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 100;\r\n background: var(--sv-bg3);\r\n border: 1px solid var(--sv-border2);\r\n color: var(--sv-text);\r\n padding: 8px 16px;\r\n font-size: 12px;\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n cursor: pointer;\r\n font-family: inherit;\r\n transition: all 0.2s;\r\n}\r\n.theme-toggle:hover { border-color: var(--sv-accent); color: var(--sv-accent); }\r\n\r\n\/* \u2500\u2500 SECTION \u2500\u2500 *\/\r\n.ind-section {\r\n margin: 0 auto;\r\n}\r\n\r\n\/* \u2500\u2500 HEADER \u2500\u2500 *\/\r\n.ind-header {\r\n text-align: center;\r\n margin-bottom: 64px;\r\n}\r\n.ind-eyebrow {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n border: 1px solid var(--sv-border2);\r\n padding: 6px 14px;\r\n margin-bottom: 24px;\r\n}\r\n.ind-eyebrow-dot {\r\n width: 5px; height: 5px;\r\n border-radius: 50%;\r\n background: var(--sv-accent);\r\n flex-shrink: 0;\r\n}\r\n.ind-eyebrow span {\r\n font-size: 10px;\r\n letter-spacing: 0.14em;\r\n text-transform: uppercase;\r\n color: var(--sv-muted);\r\n}\r\n.ind-heading {\r\n font-size: clamp(32px, 5vw, 52px);\r\n font-weight: 300;\r\n letter-spacing: -0.02em;\r\n line-height: 1.1;\r\n color: var(--sv-text);\r\n margin-bottom: 12px;\r\n}\r\n.ind-heading em {\r\n font-style: italic;\r\n color: var(--sv-accent);\r\n font-weight: 300;\r\n}\r\n.ind-subline {\r\n font-size: 12px;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n color: var(--sv-muted2);\r\n}\r\n\r\n\/* \u2500\u2500 GRID \u2500\u2500 *\/\r\n.ind-grid {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 1px;\r\n border: 1px solid var(--sv-border);\r\n background: var(--sv-border);\r\n}\r\n\r\n\/* \u2500\u2500 CARD \u2500\u2500 *\/\r\n.ind-card {\r\n background: var(--sv-bg);\r\n padding: 28px 20px;\r\n position: relative;\r\n overflow: hidden;\r\n cursor: default;\r\n transition: background 0.22s;\r\n}\r\n.ind-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 0;\r\n background: var(--sv-accent);\r\n transition: height 0.25s cubic-bezier(0.4,0,0.2,1);\r\n}\r\n.ind-card:hover::before { height: 2px; }\r\n.ind-card:hover { background: var(--sv-bg3); }\r\n\r\n\/* icon box *\/\r\n.ind-icon {\r\n width: 36px; height: 36px;\r\n border: 1px solid var(--sv-border2);\r\n display: flex; align-items: center; justify-content: center;\r\n margin-bottom: 18px;\r\n transition: border-color 0.22s;\r\n}\r\n.ind-card:hover .ind-icon { border-color: var(--sv-accent); }\r\n.ind-icon svg {\r\n width: 20px; height: 20px;\r\n overflow: visible;\r\n}\r\n.ind-icon svg * {\r\n fill: none !important;\r\n stroke: var(--sv-accent) !important;\r\n stroke-width: 1.5px !important;\r\n stroke-linecap: round;\r\n stroke-linejoin: round;\r\n transition: stroke 0.3s;\r\n}\r\n\r\n.ind-card-num {\r\n position: absolute;\r\n top: 20px; right: 20px;\r\n font-size: 16px;\r\n letter-spacing: 0.1em;\r\n color: var(--sv-muted2);\r\n}\r\n\r\n.ind-card-title {\r\n font-size: 22px;\r\n font-weight: 500;\r\n color: var(--sv-text);\r\n margin-bottom: 10px;\r\n line-height: 1.3;\r\n transition: color 0.2s;\r\n}\r\n.ind-card:hover .ind-card-title { color: var(--sv-accent2); }\r\n\r\n.ind-card-desc {\r\n font-size: 16px;\r\n color: var(--sv-muted);\r\n line-height: 1.65;\r\n transition: color 0.2s;\r\n}\r\n\r\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\r\n@media (max-width: 900px) {\r\n .ind-grid { grid-template-columns: repeat(2, 1fr); }\r\n .ind-section { padding: 0px 0px 0px; }\r\n}\r\n@media (max-width: 540px) {\r\n .ind-grid { grid-template-columns: 1fr; }\r\n .ind-section { padding: 0px 0px 0px; }\r\n .ind-heading { font-size: 28px; }\r\n}\r\n<\/style>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<\/head>\r\n<body>\r\n\r\n<section class=\"ind-section\">\r\n\r\n\r\n <div class=\"ind-grid\">\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">01<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M8 21h8M12 17v4\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">SaaS & Tech<\/p>\r\n <p class=\"ind-card-desc\">Product-led growth platforms, developer tools, B2B software, and AI-native applications.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">02<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"9\" cy=\"20\" r=\"1.5\"\/>\r\n <circle cx=\"18\" cy=\"20\" r=\"1.5\"\/>\r\n <path d=\"M3 4h2l2.4 10.2a2 2 0 0 0 2 1.6h8.8a2 2 0 0 0 2-1.6L22 7H7\"\/>\r\n<\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">E-Commerce & Retail<\/p>\r\n <p class=\"ind-card-desc\">High-converting storefronts, checkout flows, inventory systems, and marketplace platforms.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">03<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"4\" width=\"22\" height=\"16\" rx=\"2\"\/><line x1=\"1\" y1=\"10\" x2=\"23\" y2=\"10\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">Fintech & Finance<\/p>\r\n <p class=\"ind-card-desc\">Payment platforms, banking dashboards, crypto wallets, compliance tools, and investment apps.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">04<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M22 12h-4l-3 9L9 3l-3 9H2\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">Healthcare & MedTech<\/p>\r\n <p class=\"ind-card-desc\">Patient portals, telemedicine platforms, health analytics, and HIPAA-compliant systems.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">05<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M2 3h6a4 4 0 014 4v14a3 3 0 00-3-3H2z\"\/><path d=\"M22 3h-6a4 4 0 00-4 4v14a3 3 0 013-3h7z\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">EdTech & Learning<\/p>\r\n <p class=\"ind-card-desc\">LMS platforms, interactive courses, student dashboards, and AI tutoring applications.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">06<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 9l9-7 9 7v11a2 2 0 01-2 2H5a2 2 0 01-2-2z\"\/><polyline points=\"9 22 9 12 15 12 15 22\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">Real Estate & PropTech<\/p>\r\n <p class=\"ind-card-desc\">Property listings, virtual tours, CRM systems, and investment portfolio dashboards.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">07<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><polygon points=\"23 7 16 12 23 17 23 7\"\/><rect x=\"1\" y=\"5\" width=\"15\" height=\"14\" rx=\"2\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">Media & Entertainment<\/p>\r\n <p class=\"ind-card-desc\">Streaming platforms, content management, creator tools, NFT marketplaces, and game UIs.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">08<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"2\" y=\"7\" width=\"20\" height=\"14\" rx=\"2\"\/><path d=\"M16 21V5a2 2 0 00-2-2h-4a2 2 0 00-2 2v16\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">Enterprise & Operations<\/p>\r\n <p class=\"ind-card-desc\">ERP systems, internal tools, workforce management, supply chain, and business intelligence.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">09<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><path d=\"M18 8h1a4 4 0 010 8h-1\"\/><path d=\"M2 8h16v9a4 4 0 01-4 4H6a4 4 0 01-4-4V8z\"\/><line x1=\"6\" y1=\"1\" x2=\"6\" y2=\"4\"\/><line x1=\"10\" y1=\"1\" x2=\"10\" y2=\"4\"\/><line x1=\"14\" y1=\"1\" x2=\"14\" y2=\"4\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">Food & Hospitality<\/p>\r\n <p class=\"ind-card-desc\">Restaurant platforms, online ordering systems, and hospitality management solutions.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">10<\/span>\r\n <div class=\"ind-icon\">\r\n <svg viewBox=\"0 0 24 24\"><rect x=\"1\" y=\"3\" width=\"15\" height=\"13\" rx=\"1\"\/><polygon points=\"16 8 20 8 23 11 23 16 16 16 16 8\"\/><circle cx=\"5.5\" cy=\"18.5\" r=\"2.5\"\/><circle cx=\"18.5\" cy=\"18.5\" r=\"2.5\"\/><\/svg>\r\n <\/div>\r\n <p class=\"ind-card-title\">Logistics & Transportation<\/p>\r\n <p class=\"ind-card-desc\">Fleet management, shipment tracking, and transportation optimization platforms.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">11<\/span>\r\n <div class=\"ind-icon\">\r\n<svg viewBox=\"0 0 24 24\">\r\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n <ellipse cx=\"12\" cy=\"12\" rx=\"4\" ry=\"10\"\/>\r\n <path d=\"M2 12h20\"\/>\r\n <path d=\"M4 7c2.5 1 13.5 1 16 0\"\/>\r\n <path d=\"M4 17c2.5-1 13.5-1 16 0\"\/>\r\n<\/svg> <\/div>\r\n <p class=\"ind-card-title\">Travel & Tourism<\/p>\r\n <p class=\"ind-card-desc\">Booking platforms, travel management systems, and tourism-focused digital experiences.<\/p>\r\n <\/div>\r\n\r\n <div class=\"ind-card\">\r\n <span class=\"ind-card-num\">12<\/span>\r\n <div class=\"ind-icon\">\r\n<svg viewBox=\"0 0 24 24\">\r\n <path d=\"M3 21V8l6 3V8l6 3V3l6 3v15z\"\/>\r\n <path d=\"M3 21h18\"\/>\r\n<\/svg> <\/div>\r\n <p class=\"ind-card-title\">Manufacturing & Industrial<\/p>\r\n <p class=\"ind-card-desc\">Production management systems, industrial automation, and supply chain solutions.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\nfunction toggleTheme() {\r\n const html = document.documentElement;\r\n html.dataset.colorScheme = html.dataset.colorScheme === 'light' ? 'dark' : 'light';\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>What We Build We\u2019re a multidisciplinary team of developer, designers, engineers, and strategists delivering end-to-end digital solutions, from pixel-perfect interfaces and scalable cloud infrastructure to AI-powered automation that helps ambitious teams build, grow, and perform. Services & Expertise 01 Web & App Development Core 6 services Learn More Website Design & Development WordPress Development E-Commerce […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-4681","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Services - Exoqon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/exoqon.com\/ar\/services\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Services - Exoqon\" \/>\n<meta property=\"og:description\" content=\"What We Build We\u2019re a multidisciplinary team of developer, designers, engineers, and strategists delivering end-to-end digital solutions, from pixel-perfect interfaces and scalable cloud infrastructure to AI-powered automation that helps ambitious teams build, grow, and perform. Services & Expertise 01 Web & App Development Core 6 services Learn More Website Design & Development WordPress Development E-Commerce […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/exoqon.com\/ar\/services\/\" \/>\n<meta property=\"og:site_name\" content=\"Exoqon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-03T21:48:07+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/exoqon.com\\\/services\\\/\",\"url\":\"https:\\\/\\\/exoqon.com\\\/services\\\/\",\"name\":\"Services - Exoqon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/exoqon.com\\\/#website\"},\"datePublished\":\"2026-06-02T08:14:26+00:00\",\"dateModified\":\"2026-06-03T21:48:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/exoqon.com\\\/services\\\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/exoqon.com\\\/services\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/exoqon.com\\\/services\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/exoqon.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Services\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/exoqon.com\\\/#website\",\"url\":\"https:\\\/\\\/exoqon.com\\\/\",\"name\":\"Exoqon\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/exoqon.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Services - Exoqon","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:\/\/exoqon.com\/ar\/services\/","og_locale":"ar_AR","og_type":"article","og_title":"Services - Exoqon","og_description":"What We Build We\u2019re a multidisciplinary team of developer, designers, engineers, and strategists delivering end-to-end digital solutions, from pixel-perfect interfaces and scalable cloud infrastructure to AI-powered automation that helps ambitious teams build, grow, and perform. Services & Expertise 01 Web & App Development Core 6 services Learn More Website Design & Development WordPress Development E-Commerce […]","og_url":"https:\/\/exoqon.com\/ar\/services\/","og_site_name":"Exoqon","article_modified_time":"2026-06-03T21:48:07+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"\u062f\u0642\u064a\u0642\u0629 \u0648\u0627\u062d\u062f\u0629"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/exoqon.com\/services\/","url":"https:\/\/exoqon.com\/services\/","name":"Services - Exoqon","isPartOf":{"@id":"https:\/\/exoqon.com\/#website"},"datePublished":"2026-06-02T08:14:26+00:00","dateModified":"2026-06-03T21:48:07+00:00","breadcrumb":{"@id":"https:\/\/exoqon.com\/services\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/exoqon.com\/services\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/exoqon.com\/services\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/exoqon.com\/"},{"@type":"ListItem","position":2,"name":"Services"}]},{"@type":"WebSite","@id":"https:\/\/exoqon.com\/#website","url":"https:\/\/exoqon.com\/","name":"Exoqon","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/exoqon.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"}]}},"_links":{"self":[{"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/pages\/4681","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/comments?post=4681"}],"version-history":[{"count":10,"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/pages\/4681\/revisions"}],"predecessor-version":[{"id":4883,"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/pages\/4681\/revisions\/4883"}],"wp:attachment":[{"href":"https:\/\/exoqon.com\/ar\/wp-json\/wp\/v2\/media?parent=4681"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}