{"id":3876,"date":"2025-12-15T05:08:01","date_gmt":"2025-12-15T05:08:01","guid":{"rendered":"https:\/\/cloudx.sa\/?page_id=3876"},"modified":"2026-04-23T11:29:22","modified_gmt":"2026-04-23T08:29:22","slug":"about","status":"publish","type":"page","link":"https:\/\/cloudx.sa\/en\/about\/","title":{"rendered":"About Us"},"content":{"rendered":"<div class=\"wp-block-uagb-container uagb-block-57b8f3c8 alignfull uagb-is-root-container\"><div class=\"individual-hero-section-update-me\">\n    <style>\n        .individual-hero-1 .individual-hero-stats-grid {\n            grid-template-columns: repeat(2, minmax(0, 1fr));\n        }\n\n        @media (min-width: 768px) {\n            .individual-hero-1 .individual-hero-stats-grid {\n                grid-template-columns: repeat(4, minmax(0, 1fr));\n            }\n        }\n\n        .individual-hero-1 .individual-hero-primary-cta,\n        .individual-hero-1 .individual-hero-secondary-cta {\n            transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;\n        }\n\n        .individual-hero-1 .individual-hero-primary-cta:hover,\n        .individual-hero-1 .individual-hero-primary-cta:focus-visible {\n            transform: scale(1.05);\n            background-color: var(--cta-hover-bg);\n            color: var(--cta-hover-text);\n        }\n\n        .individual-hero-1 .individual-hero-primary-cta:active {\n            transform: scale(0.95);\n        }\n\n        .individual-hero-1 .individual-hero-secondary-cta:hover,\n        .individual-hero-1 .individual-hero-secondary-cta:focus-visible {\n            background-color: rgba(255, 255, 255, 0.1);\n            transform: scale(1.03);\n        }\n\n        .individual-hero-1.individual-hero-is-enhanced .individual-hero-orb-1 {\n            animation: individual-hero-orb-pulse-a 4s ease-in-out infinite;\n        }\n\n        .individual-hero-1.individual-hero-is-enhanced .individual-hero-orb-2 {\n            animation: individual-hero-orb-pulse-b 5s ease-in-out infinite 1s;\n        }\n\n        @keyframes individual-hero-orb-pulse-a {\n            0% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.1); opacity: 0.8; }\n            100% { transform: scale(1); opacity: 1; }\n        }\n\n        @keyframes individual-hero-orb-pulse-b {\n            0% { transform: scale(1); opacity: 1; }\n            50% { transform: scale(1.15); opacity: 0.7; }\n            100% { transform: scale(1); opacity: 1; }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .individual-hero-1 .individual-hero-primary-cta,\n            .individual-hero-1 .individual-hero-secondary-cta {\n                transition: none;\n            }\n\n            .individual-hero-1 .individual-hero-orb {\n                animation: none !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"my-unique-plugin-wrapper-class\">\n        <section\n            class=\"individual-hero-section-block individual-hero-1\"\n            data-enhance-orbs=\"1\"\n            style=\"                position: relative;                overflow: hidden;                padding-top: 96px;                padding-bottom: 96px;            \"\n        >\n            <div style=\"position: absolute; inset: 0; filter: blur(2px);\">\n                                    <div style=\"position: absolute; inset: 0; background-color: #0A192F;\"><\/div>\n                    <svg style=\"position: absolute; inset: 0; width: 100%; height: 100%;\" viewbox=\"0 0 1200 800\" preserveaspectratio=\"none\" aria-hidden=\"true\">\n                        <defs>\n                            <lineargradient id=\"individual-hero-1-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n                                <stop offset=\"0%\" stop-color=\"#00C897\" stop-opacity=\"0.64\" \/>\n                                <stop offset=\"50%\" stop-color=\"#26D8AB\" stop-opacity=\"0.48\" \/>\n                                <stop offset=\"100%\" stop-color=\"#0A192F\" stop-opacity=\"0.72\" \/>\n                            <\/lineargradient>\n                        <\/defs>\n                        <path d=\"M 600 0 L 1200 0 L 1200 800 L 400 800 Z\" fill=\"url(#individual-hero-1-gradient)\" \/>\n                    <\/svg>\n                    <svg style=\"position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0.2;\" viewbox=\"0 0 1200 800\" aria-hidden=\"true\">\n                        <line x1=\"500\" y1=\"0\" x2=\"300\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\n                        <line x1=\"700\" y1=\"0\" x2=\"500\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\n                        <line x1=\"900\" y1=\"0\" x2=\"700\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\n                    <\/svg>\n                \n                                    <div\n                        class=\"individual-hero-orb individual-hero-orb-1\"\n                        style=\"                            position: absolute;                            top: 80px;                            left: 80px;                            width: 128px;                            height: 128px;                            border-radius: 9999px;                            background-color: rgba(255, 255, 255, 0.2);                            border: 2px solid rgba(255, 255, 255, 0.2);                            pointer-events: none;                        \"\n                    ><\/div>\n                    <div\n                        class=\"individual-hero-orb individual-hero-orb-2\"\n                        style=\"                            position: absolute;                            bottom: 80px;                            right: 128px;                            width: 192px;                            height: 192px;                            border-radius: 9999px;                            background-color: rgba(0, 200, 151, 0.3);                            border: 2px solid rgba(0, 200, 151, 0.3);                            pointer-events: none;                        \"\n                    ><\/div>\n                            <\/div>\n\n            <div style=\"max-width: 1024px; margin: 0 auto; padding: 0 16px; position: relative; z-index: 10; text-align: center;\">\n                                    <div\n                        style=\"                            display: inline-flex;                            align-items: center;                            gap: 8px;                            padding: 8px 16px;                            border-radius: 9999px;                            margin-bottom: 32px;                            background-color: rgba(255, 255, 255, 0.1);                            backdrop-filter: blur(4px);                            -webkit-backdrop-filter: blur(4px);                        \"\n                    >\n                                                    <span style=\"font-size: 1.5rem;\">\ud83d\ude80<\/span>\n                                                                            <span style=\"font-weight: 500; color: #ffffff99;\">Digital transformation partners in Saudi Arabia<\/span>\n                                            <\/div>\n                \n                                    <h1\n                        style=\"                            font-size: clamp(2.25rem, 5vw, 3.75rem);                            font-weight: bold;                            color: #ffffff;                            margin-bottom: 24px;                            line-height: 1.5;                        \"\n                    >We transform your business from manual to automated with AI and advanced automation<\/h1>\n                \n                                    <p\n                        style=\"                            font-size: clamp(1.25rem, 2.5vw, 1.5rem);                            color: #ffffffE6;                            margin-bottom: 48px;                            line-height: 1.6;                            max-width: 768px;                            margin-left: auto;                            margin-right: auto;                        \"\n                    >We are not just a development company. We are your partner in comprehensive digital transformation with a clear methodology, modern technologies, and measurable results.<\/p>\n                \n                \n                                    <div class=\"individual-hero-stats-grid\" style=\"display: grid; gap: 24px;\">\n                                                                                <div style=\"text-align: center;\">\n                                <div\n                                    style=\"                                        font-size: clamp(1.875rem, 4vw, 2.25rem);                                        font-weight: bold;                                        margin-bottom: 8px;                                        color: #ffffff;                                    \"\n                                >\n                                                                            95%+                                                                    <\/div>\n                                <div\n                                    style=\"                                        font-size: clamp(0.875rem, 1.5vw, 1rem);                                        color: #ffffffCC;                                    \"\n                                >\n                                                                            Customer satisfaction                                                                    <\/div>\n                            <\/div>\n                                                                                <div style=\"text-align: center;\">\n                                <div\n                                    style=\"                                        font-size: clamp(1.875rem, 4vw, 2.25rem);                                        font-weight: bold;                                        margin-bottom: 8px;                                        color: #ffffff;                                    \"\n                                >\n                                                                            150+                                                                    <\/div>\n                                <div\n                                    style=\"                                        font-size: clamp(0.875rem, 1.5vw, 1rem);                                        color: #ffffffCC;                                    \"\n                                >\n                                                                            Hours saved                                                                    <\/div>\n                            <\/div>\n                                                                                <div style=\"text-align: center;\">\n                                <div\n                                    style=\"                                        font-size: clamp(1.875rem, 4vw, 2.25rem);                                        font-weight: bold;                                        margin-bottom: 8px;                                        color: #ffffff;                                    \"\n                                >\n                                                                            100%                                                                    <\/div>\n                                <div\n                                    style=\"                                        font-size: clamp(0.875rem, 1.5vw, 1rem);                                        color: #ffffffCC;                                    \"\n                                >\n                                                                            Pricing transparency                                                                    <\/div>\n                            <\/div>\n                                                                                <div style=\"text-align: center;\">\n                                <div\n                                    style=\"                                        font-size: clamp(1.875rem, 4vw, 2.25rem);                                        font-weight: bold;                                        margin-bottom: 8px;                                        color: #ffffff;                                    \"\n                                >\n                                                                            4.2                                                                    <\/div>\n                                <div\n                                    style=\"                                        font-size: clamp(0.875rem, 1.5vw, 1rem);                                        color: #ffffffCC;                                    \"\n                                >\n                                                                            Average return on investment in months                                                                    <\/div>\n                            <\/div>\n                                            <\/div>\n                \n                            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-57eed875 alignfull uagb-is-root-container\">\n<div class=\"our-story-section-update-me\">\n    <style>\n        .our-story-section-2 .oss-container { max-width:1200px; margin:0 auto; position:relative; z-index:10; }\n        .our-story-section-2 .oss-header { text-align:center; margin-bottom:48px; }\n        .our-story-section-2 .oss-title { color:var(--oss-title-color); font-size:clamp(1.875rem,4vw,3rem); font-weight:700; margin:0 0 16px; line-height:1.2; }\n        .our-story-section-2 .oss-subtitle { color:var(--oss-subtitle-color); font-size:clamp(1.125rem,2vw,1.25rem); max-width:768px; margin:0 auto 24px; line-height:1.6; }\n        .our-story-section-2 .oss-accent-line { width:var(--oss-accent-line-width); height:4px; margin:0 auto; border-radius:9999px; background:linear-gradient(to right,var(--oss-accent-color),var(--oss-primary-color)); }\n        .our-story-section-2 .oss-content { max-width:var(--oss-max-content-width); margin:0 auto; }\n        .our-story-section-2 .oss-paragraphs { margin-bottom:48px; }\n        .our-story-section-2 .oss-paragraph { color:var(--oss-text-color); font-size:clamp(1.125rem,2vw,1.25rem); line-height:1.8; margin:0 0 24px; }\n        .our-story-section-2 .oss-card { border-radius:8px; padding:32px; }\n        .our-story-section-2 .oss-mission-box { margin-bottom:48px; }\n        .our-story-section-2 .oss-card-title { color:var(--oss-primary-color); font-size:clamp(1.5rem,3vw,1.875rem); font-weight:700; margin:0 0 16px; line-height:1.3; }\n        .our-story-section-2 .oss-card-text { color:var(--oss-text-color); font-size:1.125rem; line-height:1.7; margin:0; }\n        .our-story-section-2 .oss-orb { position:absolute; border-radius:50%; filter:blur(80px); pointer-events:none; transform:translate3d(0,0,0); }\n        .our-story-section-2 .oss-orb-1 { top:10%; right:5%; }\n        .our-story-section-2 .oss-orb-2 { bottom:20%; left:10%; }\n        .our-story-section-2.our-story-section-is-visible .oss-accent-line { animation:ossLineShift 800ms ease-out both; }\n        .our-story-section-2.our-story-section-is-visible .oss-card { animation:ossCardLift 500ms ease-out both; }\n        .our-story-section-2.our-story-section-is-visible .oss-vision-box { animation-delay:90ms; }\n        .our-story-section-2.our-story-section-orbs-active .oss-orb-1 { animation:ossOrbFloatA 8s ease-in-out infinite; }\n        .our-story-section-2.our-story-section-orbs-active .oss-orb-2 { animation:ossOrbFloatB 8s ease-in-out infinite 2s; }\n        @keyframes ossLineShift { from { transform:scaleX(.7); opacity:.75; } to { transform:scaleX(1); opacity:1; } }\n        @keyframes ossCardLift { from { transform:translateY(8px); } to { transform:translateY(0); } }\n        @keyframes ossOrbFloatA { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(30px,-20px,0) scale(1.05); } }\n        @keyframes ossOrbFloatB { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(-20px,30px,0) scale(.95); } }\n        @media (prefers-reduced-motion: reduce) {\n            .our-story-section-2 .oss-accent-line,\n            .our-story-section-2 .oss-card,\n            .our-story-section-2 .oss-orb { animation:none !important; transition:none !important; transform:none !important; }\n        }\n    <\/style>\n\n    <div class=\"my-unique-plugin-wrapper-class\">\n        <section\n            class=\"our-story-section-block our-story-section-2\"\n            data-our-story-enhance=\"1\"\n            data-our-story-orbs=\"0\"\n            style=\"                background-color:#ffffff;                padding:80px 20px;                direction:ltr;                position:relative;                overflow:hidden;                --oss-title-color:#0A192F;                --oss-subtitle-color:#6b7280;                --oss-text-color:#374151;                --oss-primary-color:#0A192F;                --oss-accent-color:#00C897;                --oss-max-content-width:896px;                --oss-accent-line-width:80px;            \"\n            aria-label=\"Our story\"\n        >\n            \n            <div class=\"oss-container\">\n                                    <header class=\"oss-header\">\n                                                    <h2 class=\"oss-title\">Our story<\/h2>\n                        \n                                                    <p class=\"oss-subtitle\">How we started the digital transformation journey<\/p>\n                        \n                        <div class=\"oss-accent-line\" aria-hidden=\"true\"><\/div>\n                    <\/header>\n                \n                <div class=\"oss-content\">\n                                            <div class=\"oss-paragraphs\">\n                                                            <p class=\"oss-paragraph\" data-paragraph-id=\"para-1\">We started <strong style=\"font-weight:bold;color:#0A192F;\">CloudX<\/strong> From a simple belief: every Saudi company deserves to benefit from the power of automation and artificial intelligence, regardless of its size or field.<\/p>\n                                                            <p class=\"oss-paragraph\" data-paragraph-id=\"para-2\">We noticed that most Saudi companies waste long hours on repetitive manual tasks, while competitors in advanced markets use automation and AI to outperform. The gap was clear, but the solution was not available in a suitable way.<\/p>\n                                                            <p class=\"oss-paragraph\" data-paragraph-id=\"para-3\">The challenges were not only about the availability of technical knowledge, but also the lack of transparency in cost estimation and result measurement. So we built a business model that clarifies cost and relies on verifiable performance indicators.<\/p>\n                                                    <\/div>\n                    \n                                            <article\n                            class=\"oss-card oss-mission-box\"\n                            style=\"                                background:linear-gradient(to left, rgba(0, 200, 151, 0.1), rgba(0, 200, 151, 0.05));                                border-right:none;                                border-left:4px solid #00C897;                            \"\n                        >\n                                                            <h3 class=\"oss-card-title\">Our mission<\/h3>\n                                                                                        <p class=\"oss-card-text\">We strive to make AI solutions accessible, transparent, and effective for every Saudi company. We believe that <strong style=\"font-weight:bold;color:#00C897;\">automation and artificial intelligence are not a luxury<\/strong>, but a necessity for growth and competitiveness in our current era.<\/p>\n                                                    <\/article>\n                    \n                                            <article\n                            class=\"oss-card oss-vision-box\"\n                            style=\"                                background:linear-gradient(to left, rgba(10, 25, 47, 0.1), rgba(10, 25, 47, 0.05));                                border-right:none;                                border-left:4px solid #0A192F;                            \"\n                        >\n                                                            <h3 class=\"oss-card-title\">Our vision<\/h3>\n                                                                                        <p class=\"oss-card-text\">We aspire to be <strong style=\"font-weight:bold;color:#00C897;\">the first partner<\/strong> for Saudi companies on the digital transformation journey, known for our complete transparency, documented results, and advanced technologies that transform manual work into smart, automated processes.<\/p>\n                                                    <\/article>\n                                    <\/div>\n            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-ea2fcf54 alignfull uagb-is-root-container\">\n<div class=\"value-propositions-update-me\">\n\t<style>\n\t\t.value-propositions-3 .vp-container {\n\t\t\tmax-width: 1280px;\n\t\t\tmargin: 0 auto;\n\t\t\tposition: relative;\n\t\t\tz-index: 10;\n\t\t}\n\n\t\t.value-propositions-3 .vp-header {\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 64px;\n\t\t}\n\n\t\t.value-propositions-3 .vp-title {\n\t\t\tfont-size: clamp(1.875rem, 4vw, 3rem);\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--vp-title-color);\n\t\t\tmargin: 0 0 16px 0;\n\t\t}\n\n\t\t.value-propositions-3 .vp-subtitle {\n\t\t\tfont-size: 1.25rem;\n\t\t\tcolor: var(--vp-subtitle-color);\n\t\t\tmax-width: 672px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t.value-propositions-3 .vp-values-grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: repeat(1, minmax(0, 1fr));\n\t\t\tgap: 24px;\n\t\t\tmax-width: 1792px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t@media (min-width: 768px) {\n\t\t\t.value-propositions-3 .vp-values-grid {\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t\t\t}\n\t\t}\n\n\t\t@media (min-width: 1024px) {\n\t\t\t.value-propositions-3 .vp-values-grid {\n\t\t\t\tgrid-template-columns: repeat(4, minmax(0, 1fr));\n\t\t\t}\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card {\n\t\t\tposition: relative;\n\t\t\tbackground-color: var(--vp-card-bg);\n\t\t\tbackdrop-filter: blur(8px);\n\t\t\t-webkit-backdrop-filter: blur(8px);\n\t\t\tpadding: 24px;\n\t\t\tborder-radius: 12px;\n\t\t\tbox-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);\n\t\t\ttransition: transform 0.3s ease, box-shadow 0.3s ease;\n\t\t\theight: 100%;\n\t\t\toverflow: hidden;\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card:hover {\n\t\t\tbox-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n\t\t\ttransform: translateY(-2px);\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card__glow {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tborder-radius: 16px;\n\t\t\tbackground: transparent;\n\t\t\ttransition: background 0.3s ease;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__glow {\n\t\t\tbackground: linear-gradient(to bottom right, var(--vp-accent-soft), var(--vp-bg-soft));\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card__content {\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card__icon {\n\t\t\tfont-size: 3rem;\n\t\t\tmargin-bottom: 16px;\n\t\t\tdisplay: inline-block;\n\t\t\ttransition: transform 0.3s ease;\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__icon {\n\t\t\ttransform: scale(1.1);\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card__title {\n\t\t\tfont-size: 1.5rem;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--vp-card-title-color);\n\t\t\tmargin: 0 0 12px 0;\n\t\t\ttransition: color 0.3s ease;\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__title {\n\t\t\tcolor: var(--vp-accent-color);\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card__description {\n\t\t\tcolor: var(--vp-card-desc-color);\n\t\t\tline-height: 1.625;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card__accent-line {\n\t\t\tmargin-top: 24px;\n\t\t\theight: 4px;\n\t\t\twidth: 48px;\n\t\t\tbackground: linear-gradient(to right, var(--vp-accent-color), var(--vp-bg-color));\n\t\t\tborder-radius: 9999px;\n\t\t\ttransition: width 0.3s ease;\n\t\t}\n\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__accent-line {\n\t\t\twidth: 96px;\n\t\t}\n\n\t\t.value-propositions-3 .vp-trust-indicator {\n\t\t\ttext-align: center;\n\t\t\tmargin-top: 48px;\n\t\t}\n\n\t\t.value-propositions-3 .vp-trust-text {\n\t\t\tcolor: var(--vp-trust-text-color);\n\t\t\tfont-size: 1.125rem;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.value-propositions-3 .vp-trust-highlight {\n\t\t\tcolor: var(--vp-trust-highlight-color);\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.value-propositions-3 .vp-background {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\toverflow: hidden;\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.value-propositions-3 .vp-background-base {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tbackground-color: var(--vp-bg-color);\n\t\t}\n\n\t\t.value-propositions-3 .vp-background-diagonal,\n\t\t.value-propositions-3 .vp-background-lines {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t}\n\n\t\t.value-propositions-3 .vp-background-lines {\n\t\t\topacity: 0.2;\n\t\t}\n\n\t\t.value-propositions-3 .vp-animated-circle {\n\t\t\tposition: absolute;\n\t\t\tborder-radius: 50%;\n\t\t\tanimation: none;\n\t\t}\n\n\t\t.value-propositions-3 .vp-animated-circle--one {\n\t\t\ttop: 80px;\n\t\t\tleft: 80px;\n\t\t\twidth: 128px;\n\t\t\theight: 128px;\n\t\t\tborder: 2px solid rgba(255, 255, 255, 0.2);\n\t\t}\n\n\t\t.value-propositions-3 .vp-animated-circle--two {\n\t\t\tbottom: 80px;\n\t\t\tright: 128px;\n\t\t\twidth: 192px;\n\t\t\theight: 192px;\n\t\t\tborder: 2px solid var(--vp-accent-ring);\n\t\t}\n\n\t\t.value-propositions-3.vp-is-enhanced .vp-animated-circle--one {\n\t\t\tanimation: vpPulse 4s ease-in-out infinite;\n\t\t}\n\n\t\t.value-propositions-3.vp-is-enhanced .vp-animated-circle--two {\n\t\t\tanimation: vpPulse 4s ease-in-out infinite 1s;\n\t\t}\n\n\t\t@keyframes vpPulse {\n\t\t\t0%, 100% { transform: scale(1); opacity: 0.5; }\n\t\t\t50% { transform: scale(1.1); opacity: 0.8; }\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t.value-propositions-3 .vp-value-card,\n\t\t\t.value-propositions-3 .vp-value-card__glow,\n\t\t\t.value-propositions-3 .vp-value-card__icon,\n\t\t\t.value-propositions-3 .vp-value-card__title,\n\t\t\t.value-propositions-3 .vp-value-card__accent-line {\n\t\t\t\ttransition: none;\n\t\t\t}\n\n\t\t\t.value-propositions-3 .vp-animated-circle {\n\t\t\t\tanimation: none !important;\n\t\t\t}\n\t\t}\n\t<\/style>\n\n\t<div class=\"my-unique-plugin-wrapper-class\">\n\t\t<section\n\t\t\tclass=\"value-propositions-section-block value-propositions-3\"\n\t\t\tdata-enhance-background=\"1\"\n\t\t\tstyle=\"\t\t\t\tposition: relative;\t\t\t\tpadding: 80px 20px;\t\t\t\toverflow: hidden;\t\t\t\tdirection: ltr;\t\t\t\t--vp-bg-color: #0A192F;\t\t\t\t--vp-card-bg: rgba(255,255,255,0.95);\t\t\t\t--vp-title-color: #ffffff;\t\t\t\t--vp-subtitle-color: rgba(255,255,255,0.9);\t\t\t\t--vp-card-title-color: #0A192F;\t\t\t\t--vp-card-desc-color: #4B5563;\t\t\t\t--vp-accent-color: #019d76;\t\t\t\t--vp-trust-text-color: rgba(255,255,255,0.8);\t\t\t\t--vp-trust-highlight-color: #F9FAFB;\t\t\t\t--vp-accent-soft: rgba(1, 157, 118, 0.1);\t\t\t\t--vp-bg-soft: rgba(10, 25, 47, 0.1);\t\t\t\t--vp-accent-ring: rgba(1, 157, 118, 0.3);\t\t\t\"\n\t\t>\n\t\t\t<div class=\"vp-background\" aria-hidden=\"true\">\n\t\t\t\t<div class=\"vp-background-base\"><\/div>\n\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"vp-background-diagonal\"\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewbox=\"0 0 1200 800\"\n\t\t\t\t\tpreserveaspectratio=\"none\"\n\t\t\t\t>\n\t\t\t\t\t<defs>\n\t\t\t\t\t\t<lineargradient id=\"value-propositions-3-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#00C897\" stop-opacity=\"0.8\" \/>\n\t\t\t\t\t\t\t<stop offset=\"50%\" stop-color=\"#26D8AB\" stop-opacity=\"0.6\" \/>\n\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#0A192F\" stop-opacity=\"0.9\" \/>\n\t\t\t\t\t\t<\/lineargradient>\n\t\t\t\t\t<\/defs>\n\t\t\t\t\t<path d=\"M 600 0 L 1200 0 L 1200 800 L 400 800 Z\" fill=\"url(#value-propositions-3-gradient)\" \/>\n\t\t\t\t<\/svg>\n\n\t\t\t\t<svg\n\t\t\t\t\tclass=\"vp-background-lines\"\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n\t\t\t\t\tviewbox=\"0 0 1200 800\"\n\t\t\t\t>\n\t\t\t\t\t<line x1=\"500\" y1=\"0\" x2=\"300\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\n\t\t\t\t\t<line x1=\"700\" y1=\"0\" x2=\"500\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\n\t\t\t\t\t<line x1=\"900\" y1=\"0\" x2=\"700\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\n\t\t\t\t<\/svg>\n\n\t\t\t\t\t\t\t\t\t<div class=\"vp-animated-circle vp-animated-circle--one\"><\/div>\n\t\t\t\t\t<div class=\"vp-animated-circle vp-animated-circle--two\"><\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<div class=\"vp-container\">\n\t\t\t\t\t\t\t\t\t<header class=\"vp-header\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"vp-title\">Our core values<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vp-subtitle\">We offer you a unique experience that combines top quality with complete transparency<\/p>\n\t\t\t\t\t\t\t\t\t\t\t<\/header>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"vp-values-grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-1\">\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__icon\">\u2705<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vp-value-card__title\">Complete Transparency<\/h3>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vp-value-card__description\">Clear pricing from day one. No hidden costs, no surprises in the final invoice.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-2\">\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__icon\">\ud83c\udfaf<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vp-value-card__title\">Measurable Results<\/h3>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vp-value-card__description\">We focus on measurable results that directly impact your business growth and increase your revenue.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-3\">\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__icon\">\u26a1<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vp-value-card__title\">Fast Execution<\/h3>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vp-value-card__description\">We start work immediately and deliver your projects on time without delays or excuses.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-4\">\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__icon\">\ud83d\udee1\ufe0f<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"vp-value-card__title\">Zero-Risk Guarantee<\/h3>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"vp-value-card__description\">You pay only after approving the service. If you do not like it, you pay nothing.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"vp-trust-indicator\">\n\t\t\t\t\t\t<p class=\"vp-trust-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"vp-trust-highlight\">More than 95% of our clients recommend us to their friends<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-76303336 alignfull uagb-is-root-container\"><div class=\"my-unique-plugin-wrapper-class\">\n    <section\n        class=\"why-different-ssr\"\n        data-why-different-root\n style=\"background-color:#ffffff;padding:80px 20px;direction:ltr\"\n    >\n        <div style=\"max-width:1000px;margin:0 auto\">\n            <header style=\"margin-bottom:48px;text-align:center\">\n                <h2\n                    data-why-different-animate\n data-why-different-delay=\"0\"\n                    style=\"color:#1a1a1a;font-size:clamp(1.875rem, 5vw, 3rem);font-weight:700;margin-bottom:16px;line-height:1.2\"\n                >\n                    Why Are We Different?                <\/h2>\n\n                <p\n                    data-why-different-animate\n data-why-different-delay=\"90\"\n                    style=\"color:#6b7280;font-size:clamp(1.125rem, 2.5vw, 1.5rem);line-height:1.6;max-width:750px;margin:0 auto 24px auto\"\n                >\n                    What sets us apart from traditional companies                <\/p>\n\n                <div\n                    data-why-different-animate\n data-why-different-delay=\"180\"\n                    style=\"width:80px;height:4px;background:linear-gradient(to right, #019d76, #1a1a1a);border-radius:9999px;margin:0 auto\"\n                    aria-hidden=\"true\"\n                ><\/div>\n            <\/header>\n\n            <div\n                data-why-different-animate\n data-why-different-delay=\"230\"\n                style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;margin-bottom:24px\"\n            >\n                <div style=\"text-align:center;padding:12px;background-color:#f9fafb;border-radius:8px;border:1px solid #e5e7eb\">\n                    <p style=\"color:#9ca3af;font-size:1rem;font-weight:600;margin:0\">\n                        Traditional approach                    <\/p>\n                <\/div>\n\n                <div style=\"text-align:center;padding:12px;background:linear-gradient(to left, rgba(1, 157, 118, 0.150), rgba(1, 157, 118, 0.050));border-radius:8px;border:2px solid #019d76\">\n                    <p style=\"color:#1a1a1a;font-size:1rem;font-weight:600;margin:0\">\n                        Our approach                    <\/p>\n                <\/div>\n            <\/div>\n\n            <div style=\"display:flex;flex-direction:column;gap:8px\">\n                                    <div\n                        data-why-different-animate\n data-why-different-delay=\"300\"\n                        style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;align-items:center\"\n                    >\n                        <article style=\"background-color:#f3f4f6;border-radius:8px;padding:24px;text-align:left;position:relative\">\n                            <div style=\"position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&times;<\/div>\n                            <p style=\"color:#6b7280;font-weight:500;margin:0;font-size:0.95rem\">\n                                Unclear pricing                            <\/p>\n                        <\/article>\n\n                        <article style=\"background:linear-gradient(to left, rgba(1, 157, 118, 0.100), rgba(1, 157, 118, 0.050));border:2px solid #019d76;border-radius:8px;padding:24px;text-align:right;position:relative\">\n                            <div style=\"position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#019d76;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&#10003;<\/div>\n                            <div style=\"display:flex;align-items:center;justify-content:flex-end;gap:12px\">\n                                <span style=\"font-size:2rem\">\ud83d\udcb0<\/span>\n                                <p style=\"color:#111827;font-weight:700;margin:0;font-size:0.95rem\">\n                                    100% pricing transparency                                <\/p>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                                    <div\n                        data-why-different-animate\n data-why-different-delay=\"370\"\n                        style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;align-items:center\"\n                    >\n                        <article style=\"background-color:#f3f4f6;border-radius:8px;padding:24px;text-align:left;position:relative\">\n                            <div style=\"position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&times;<\/div>\n                            <p style=\"color:#6b7280;font-weight:500;margin:0;font-size:0.95rem\">\n                                Promises without numbers                            <\/p>\n                        <\/article>\n\n                        <article style=\"background:linear-gradient(to left, rgba(1, 157, 118, 0.100), rgba(1, 157, 118, 0.050));border:2px solid #019d76;border-radius:8px;padding:24px;text-align:right;position:relative\">\n                            <div style=\"position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#019d76;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&#10003;<\/div>\n                            <div style=\"display:flex;align-items:center;justify-content:flex-end;gap:12px\">\n                                <span style=\"font-size:2rem\">\ud83d\udcca<\/span>\n                                <p style=\"color:#111827;font-weight:700;margin:0;font-size:0.95rem\">\n                                    Results documented with numbers                                <\/p>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                                    <div\n                        data-why-different-animate\n data-why-different-delay=\"440\"\n                        style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;align-items:center\"\n                    >\n                        <article style=\"background-color:#f3f4f6;border-radius:8px;padding:24px;text-align:left;position:relative\">\n                            <div style=\"position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&times;<\/div>\n                            <p style=\"color:#6b7280;font-weight:500;margin:0;font-size:0.95rem\">\n                                Outdated technologies                            <\/p>\n                        <\/article>\n\n                        <article style=\"background:linear-gradient(to left, rgba(1, 157, 118, 0.100), rgba(1, 157, 118, 0.050));border:2px solid #019d76;border-radius:8px;padding:24px;text-align:right;position:relative\">\n                            <div style=\"position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#019d76;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&#10003;<\/div>\n                            <div style=\"display:flex;align-items:center;justify-content:flex-end;gap:12px\">\n                                <span style=\"font-size:2rem\">\ud83e\udd16<\/span>\n                                <p style=\"color:#111827;font-weight:700;margin:0;font-size:0.95rem\">\n                                    Latest AI and automation technologies                                <\/p>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                                    <div\n                        data-why-different-animate\n data-why-different-delay=\"510\"\n                        style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;align-items:center\"\n                    >\n                        <article style=\"background-color:#f3f4f6;border-radius:8px;padding:24px;text-align:left;position:relative\">\n                            <div style=\"position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&times;<\/div>\n                            <p style=\"color:#6b7280;font-weight:500;margin:0;font-size:0.95rem\">\n                                No follow-up after delivery                            <\/p>\n                        <\/article>\n\n                        <article style=\"background:linear-gradient(to left, rgba(1, 157, 118, 0.100), rgba(1, 157, 118, 0.050));border:2px solid #019d76;border-radius:8px;padding:24px;text-align:right;position:relative\">\n                            <div style=\"position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#019d76;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&#10003;<\/div>\n                            <div style=\"display:flex;align-items:center;justify-content:flex-end;gap:12px\">\n                                <span style=\"font-size:2rem\">\ud83e\udd1d<\/span>\n                                <p style=\"color:#111827;font-weight:700;margin:0;font-size:0.95rem\">\n                                    Continuous support and long-term partnership                                <\/p>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                                    <div\n                        data-why-different-animate\n data-why-different-delay=\"580\"\n                        style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;align-items:center\"\n                    >\n                        <article style=\"background-color:#f3f4f6;border-radius:8px;padding:24px;text-align:left;position:relative\">\n                            <div style=\"position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&times;<\/div>\n                            <p style=\"color:#6b7280;font-weight:500;margin:0;font-size:0.95rem\">\n                                Generic projects                            <\/p>\n                        <\/article>\n\n                        <article style=\"background:linear-gradient(to left, rgba(1, 157, 118, 0.100), rgba(1, 157, 118, 0.050));border:2px solid #019d76;border-radius:8px;padding:24px;text-align:right;position:relative\">\n                            <div style=\"position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#019d76;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&#10003;<\/div>\n                            <div style=\"display:flex;align-items:center;justify-content:flex-end;gap:12px\">\n                                <span style=\"font-size:2rem\">\ud83c\udfaf<\/span>\n                                <p style=\"color:#111827;font-weight:700;margin:0;font-size:0.95rem\">\n                                    Customized solutions for each client                                <\/p>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                                    <div\n                        data-why-different-animate\n data-why-different-delay=\"650\"\n                        style=\"display:grid;grid-template-columns:repeat(auto-fit, minmax(min(100%, 320px), 1fr));gap:16px;align-items:center\"\n                    >\n                        <article style=\"background-color:#f3f4f6;border-radius:8px;padding:24px;text-align:left;position:relative\">\n                            <div style=\"position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#ef4444;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&times;<\/div>\n                            <p style=\"color:#6b7280;font-weight:500;margin:0;font-size:0.95rem\">\n                                Weak portfolio                            <\/p>\n                        <\/article>\n\n                        <article style=\"background:linear-gradient(to left, rgba(1, 157, 118, 0.100), rgba(1, 157, 118, 0.050));border:2px solid #019d76;border-radius:8px;padding:24px;text-align:right;position:relative\">\n                            <div style=\"position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-color:#019d76;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffffff;font-weight:700;font-size:14.4px\" aria-hidden=\"true\">&#10003;<\/div>\n                            <div style=\"display:flex;align-items:center;justify-content:flex-end;gap:12px\">\n                                <span style=\"font-size:2rem\">\ud83d\udcc8<\/span>\n                                <p style=\"color:#111827;font-weight:700;margin:0;font-size:0.95rem\">\n                                    Detailed case studies                                <\/p>\n                            <\/div>\n                        <\/article>\n                    <\/div>\n                            <\/div>\n\n                            <aside\n                    data-why-different-animate\n data-why-different-delay=\"800\"\n                    style=\"background:linear-gradient(to bottom right, rgba(26, 26, 26, 1.000), rgba(26, 26, 26, 0.900));border-radius:24px;padding:clamp(32px, 6vw, 48px);margin-top:48px;text-align:center\"\n                >\n                    <h3 style=\"color:#ffffff;font-size:clamp(1.5rem, 4vw, 2rem);font-weight:700;margin-bottom:16px;line-height:1.2\">\n                        The result? More satisfied clients and better results                    <\/h3>\n\n                    <p style=\"color:#ffffffE6;font-size:clamp(1rem, 2vw, 1.25rem);max-width:600px;margin:0 auto 24px auto;line-height:1.6\">\n                        95% of our clients recommend us, and the average ROI for our projects is only 4.2 months                    <\/p>\n\n                    <div style=\"display:flex;justify-content:center\">\n                        <a\n                            data-why-different-cta\n data-why-different-hover-bg=\"#00bf8f\"\n                            href=\"\/en\/contact\/\"\n                            style=\"display:inline-flex;align-items:center;gap:12px;background-color:#019d76;color:#ffffff;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.125rem;cursor:pointer;transition:transform 0.25s ease, background-color 0.25s ease;will-change:transform\"\n                        >\n                            Contact Us                                                            <span style=\"font-size:1.5rem\">\u26a1<\/span>\n                                                    <\/a>\n                    <\/div>\n                <\/aside>\n                    <\/div>\n    <\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-33452196 alignfull uagb-is-root-container\"><div class=\"methodology-section-update-me\">\n    <style>\n        .methodology-section-4 .methodology-container {\n            max-width: 1200px;\n            margin: 0 auto;\n            position: relative;\n            z-index: 10;\n        }\n\n        .methodology-section-4 .methodology-header {\n            text-align: center;\n            margin-bottom: 48px;\n        }\n\n        .methodology-section-4 .methodology-title {\n            color: #ffffff;\n            font-size: 2.5rem;\n            font-weight: 700;\n            margin: 0 0 12px 0;\n            line-height: 1.2;\n        }\n\n        .methodology-section-4 .methodology-subtitle {\n            color: #e0e0e0;\n            font-size: 1.25rem;\n            margin: 0 auto;\n            max-width: 768px;\n            line-height: 1.5;\n        }\n\n        .methodology-section-4 .methodology-underline {\n            width: 80px;\n            height: 4px;\n            background: linear-gradient(to right, #019d76, #0A192F);\n            border-radius: 2px;\n            margin: 24px auto 0;\n        }\n\n        .methodology-section-4 .methodology-grid {\n            display: grid;\n            grid-template-columns: repeat(1, minmax(0, min(100%, var(--methodology-card-max))));\n            gap: 32px;\n            justify-content: center;\n            margin-bottom: 0;\n        }\n\n        @media (min-width: 768px) {\n            .methodology-section-4 .methodology-grid {\n                grid-template-columns: repeat(var(--methodology-cols-md), minmax(0, var(--methodology-card-max)));\n            }\n        }\n\n        @media (min-width: 1024px) {\n            .methodology-section-4 .methodology-grid {\n                grid-template-columns: repeat(var(--methodology-cols), minmax(0, var(--methodology-card-max)));\n            }\n        }\n\n        .methodology-section-4 .methodology-grid.methodology-grid-with-philosophy {\n            margin-bottom: 64px;\n        }\n\n        .methodology-section-4 .methodology-card {\n            background-color: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(12px);\n            border: 1px solid rgba(255, 255, 255, 0.2);\n            border-radius: 12px;\n            padding: 24px;\n            text-align: inherit;\n            transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;\n        }\n\n        .methodology-section-4.methodology-card-text-center .methodology-card {\n            text-align: center;\n        }\n\n        .methodology-section-4 .methodology-card-icon {\n            font-size: 3rem;\n            margin-bottom: 16px;\n            line-height: 1;\n        }\n\n        .methodology-section-4 .methodology-card-title {\n            color: #ffffff;\n            font-size: 1.25rem;\n            font-weight: 700;\n            margin: 0 0 12px 0;\n            line-height: 1.3;\n        }\n\n        .methodology-section-4 .methodology-card-description {\n            color: rgba(255,255,255,0.8);\n            font-size: 1rem;\n            line-height: 1.6;\n            margin: 0;\n            white-space: pre-line;\n        }\n\n        .methodology-section-4.methodology-is-enhanced .methodology-card:hover,\n        .methodology-section-4.methodology-is-enhanced .methodology-card:focus-within {\n            background-color: rgba(255, 255, 255, 0.15);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);\n            transform: translateY(-8px);\n            border-color: rgba(1, 157, 118, 0.5);\n        }\n\n        .methodology-section-4 .methodology-philosophy {\n            max-width: 896px;\n            margin: 0 auto;\n            background-color: rgba(255, 255, 255, 0.1);\n            backdrop-filter: blur(12px);\n            border: 2px solid rgba(255, 255, 255, 0.3);\n            border-radius: 16px;\n            padding: 32px;\n            display: flex;\n            gap: 16px;\n            align-items: flex-start;\n            transition: background-color 0.3s ease, box-shadow 0.3s ease;\n        }\n\n        .methodology-section-4.methodology-is-enhanced .methodology-philosophy:hover {\n            background-color: rgba(255, 255, 255, 0.15);\n            box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);\n        }\n\n        .methodology-section-4 .methodology-philosophy-icon {\n            font-size: 2.5rem;\n            flex-shrink: 0;\n            line-height: 1;\n        }\n\n        .methodology-section-4 .methodology-philosophy-title {\n            color: #ffffff;\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin: 0 0 12px 0;\n            line-height: 1.3;\n        }\n\n        .methodology-section-4 .methodology-philosophy-text {\n            color: rgba(255, 255, 255, 0.9);\n            font-size: 1.125rem;\n            line-height: 1.6;\n            margin: 0 0 16px 0;\n            white-space: pre-line;\n        }\n\n        .methodology-section-4 .methodology-philosophy-text:last-child {\n            margin-bottom: 0;\n        }\n\n        .methodology-section-4 .methodology-orb {\n            position: absolute;\n            border-radius: 9999px;\n            filter: blur(60px);\n            pointer-events: none;\n        }\n\n        .methodology-section-4 .methodology-orb-1 {\n            top: 80px;\n            right: 25%;\n            width: 384px;\n            height: 384px;\n            background: rgba(1, 157, 118, 0.2);\n        }\n\n        .methodology-section-4 .methodology-orb-2 {\n            bottom: 80px;\n            left: 25%;\n            width: 320px;\n            height: 320px;\n            background: rgba(255, 255, 255, 0.1);\n        }\n\n        .methodology-section-4 .methodology-orb-3 {\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 500px;\n            height: 500px;\n            background: rgba(1, 157, 118, 0.15);\n        }\n\n        .methodology-section-4.methodology-is-enhanced .methodology-orb-1 {\n            animation: methodology-pulse-slow 4s ease-in-out infinite;\n        }\n\n        .methodology-section-4.methodology-is-enhanced .methodology-orb-2 {\n            animation: methodology-pulse-slow 4s ease-in-out infinite;\n            animation-delay: 1.5s;\n        }\n\n        @keyframes methodology-pulse-slow {\n            0%, 100% { opacity: 0.6; transform: scale(1); }\n            50% { opacity: 0.8; transform: scale(1.05); }\n        }\n\n        @media (max-width: 767px) {\n            .methodology-section-4 .methodology-title {\n                font-size: 2rem;\n            }\n\n            .methodology-section-4 .methodology-subtitle {\n                font-size: 1.05rem;\n            }\n\n            .methodology-section-4 .methodology-philosophy {\n                padding: 24px;\n                flex-direction: column;\n            }\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .methodology-section-4 .methodology-card,\n            .methodology-section-4 .methodology-philosophy {\n                transition: none;\n            }\n\n            .methodology-section-4 .methodology-orb {\n                animation: none !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"my-unique-plugin-wrapper-class\">\n        <section\n            class=\"methodology-section-block methodology-section-4\"\n            style=\"background:linear-gradient(to bottom right, #0A192F, rgba(10, 25, 47, 0.95), rgba(1, 157, 118, 0.9));padding:80px 20px;position:relative;overflow:hidden;--methodology-cols:3;--methodology-cols-md:2;--methodology-card-max:400px;\"\n            aria-label=\"Our methodology\"\n        >\n                            <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;\" aria-hidden=\"true\">\n                    <defs>\n                                                    <pattern id=\"methodology-section-4-pattern\" x=\"0\" y=\"0\" width=\"30\" height=\"30\" patternunits=\"userSpaceOnUse\">\n                                <circle cx=\"2\" cy=\"2\" r=\"1.5\" fill=\"rgba(255, 255, 255, 0.05)\" \/>\n                            <\/pattern>\n                                            <\/defs>\n                    <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#methodology-section-4-pattern)\" \/>\n                <\/svg>\n            \n                            <div class=\"methodology-orb methodology-orb-1\" aria-hidden=\"true\"><\/div>\n                <div class=\"methodology-orb methodology-orb-2\" aria-hidden=\"true\"><\/div>\n                <div class=\"methodology-orb methodology-orb-3\" aria-hidden=\"true\"><\/div>\n            \n            <div class=\"methodology-container\">\n                                    <header class=\"methodology-header\">\n                                                    <h2 class=\"methodology-title\">Our methodology<\/h2>\n                                                                            <p class=\"methodology-subtitle\">How we turn your vision into reality<\/p>\n                                                <div class=\"methodology-underline\" aria-hidden=\"true\"><\/div>\n                    <\/header>\n                \n                                    <div class=\"methodology-grid methodology-grid-with-philosophy\" role=\"list\" aria-label=\"Methodology approaches\">\n                                                    <article class=\"methodology-card\" role=\"listitem\" data-approach-id=\"approach-1\">\n                                                                    <div class=\"methodology-card-icon\" aria-hidden=\"true\">\ud83e\udde0<\/div>\n                                                                                                    <h3 class=\"methodology-card-title\">We start by understanding your business<\/h3>\n                                                                                                    <p class=\"methodology-card-description\">We do not offer ready-made solutions. We start by understanding your challenges, operations, and goals to design a 100% customized solution.<\/p>\n                                                            <\/article>\n                                                    <article class=\"methodology-card\" role=\"listitem\" data-approach-id=\"approach-2\">\n                                                                    <div class=\"methodology-card-icon\" aria-hidden=\"true\">\ud83d\udd0d<\/div>\n                                                                                                    <h3 class=\"methodology-card-title\">Comprehensive audit before the solution<\/h3>\n                                                                                                    <p class=\"methodology-card-description\">We analyze your current operations, identify pain points, and calculate the expected return on investment (ROI) before starting any development.<\/p>\n                                                            <\/article>\n                                                    <article class=\"methodology-card\" role=\"listitem\" data-approach-id=\"approach-3\">\n                                                                    <div class=\"methodology-card-icon\" aria-hidden=\"true\">\ud83d\udca1<\/div>\n                                                                                                    <h3 class=\"methodology-card-title\">Smart and innovative solutions<\/h3>\n                                                                                                    <p class=\"methodology-card-description\">We use AI and automation to transform your manual operations into automated ones, saving hours of time daily.<\/p>\n                                                            <\/article>\n                                                    <article class=\"methodology-card\" role=\"listitem\" data-approach-id=\"approach-4\">\n                                                                    <div class=\"methodology-card-icon\" aria-hidden=\"true\">\ud83d\ude80<\/div>\n                                                                                                    <h3 class=\"methodology-card-title\">Fast and iterative execution<\/h3>\n                                                                                                    <p class=\"methodology-card-description\">Weekly updates, regular reviews, and fast launch. No delays, no excuses.<\/p>\n                                                            <\/article>\n                                                    <article class=\"methodology-card\" role=\"listitem\" data-approach-id=\"approach-5\">\n                                                                    <div class=\"methodology-card-icon\" aria-hidden=\"true\">\ud83d\udcca<\/div>\n                                                                                                    <h3 class=\"methodology-card-title\">Accurate results measurement<\/h3>\n                                                                                                    <p class=\"methodology-card-description\">We track every important metric: time saved, error reduction, productivity increase, and actual return on investment (ROI).<\/p>\n                                                            <\/article>\n                                                    <article class=\"methodology-card\" role=\"listitem\" data-approach-id=\"approach-6\">\n                                                                    <div class=\"methodology-card-icon\" aria-hidden=\"true\">\ud83d\udd04<\/div>\n                                                                                                    <h3 class=\"methodology-card-title\">Continuous improvement<\/h3>\n                                                                                                    <p class=\"methodology-card-description\">We do not stop at delivery. We monitor results, improve performance, and evolve solutions based on your data.<\/p>\n                                                            <\/article>\n                                            <\/div>\n                \n                                    <aside class=\"methodology-philosophy\" aria-label=\"Our technical philosophy\">\n                                                    <div class=\"methodology-philosophy-icon\" aria-hidden=\"true\">\u26a1<\/div>\n                                                <div>\n                                                            <h3 class=\"methodology-philosophy-title\">Our technical philosophy<\/h3>\n                                                                                        <p class=\"methodology-philosophy-text\">We use the latest reliable technologies and advanced automation tools. We do not test unstable technologies on your projects.<\/p>\n                                                                                        <p class=\"methodology-philosophy-text\">We choose what is modern, proven, and will stay with you for years. Your website or app will not become outdated after 6 months.<\/p>\n                                                    <\/div>\n                    <\/aside>\n                            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-4d4ccfdf alignfull uagb-is-root-container\"><div\n\tclass=\"my-unique-plugin-wrapper-class tech-stack-section-update-me\"\n\tdata-partnerships-carousel=\"0\"\n\tstyle=\"\t\t--tech-stack-bg: #ffffff;\t\t--tech-stack-accent: #D4A853;\t\t--tech-stack-primary: #0A192F;\t\t--tech-stack-border: #E5E7EB;\t\t--tech-stack-accent-soft: rgba(212, 168, 83, 0.100);\t\t--tech-stack-accent-softer: rgba(212, 168, 83, 0.050);\t\"\n>\n\t<style>\n\t\t.tech-stack-section-update-me .tech-stack-section {\n\t\t\tpadding: 80px 20px;\n\t\t\tbackground-color: var(--tech-stack-bg);\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__container {\n\t\t\tmax-width: 1200px;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 0 16px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__header {\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 60px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__title {\n\t\t\tfont-size: 32px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--tech-stack-primary);\n\t\t\tmargin: 0 0 12px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__subtitle {\n\t\t\tfont-size: 18px;\n\t\t\tcolor: #6B7280;\n\t\t\tmax-width: 700px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgap: 32px;\n\t\t\tmax-width: 1280px;\n\t\t\tmargin: 0 auto 64px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-card {\n\t\t\tbackground: linear-gradient(to bottom right, #F9FAFB, #ffffff);\n\t\t\tborder: 1px solid var(--tech-stack-border);\n\t\t\tborder-radius: 12px;\n\t\t\tpadding: 24px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-head {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 12px;\n\t\t\tmargin-bottom: 16px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-icon {\n\t\t\tfont-size: 36px;\n\t\t\tline-height: 1;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-name {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--tech-stack-primary);\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tags {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 8px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tag {\n\t\t\tpadding: 6px 12px;\n\t\t\tbackground-color: #ffffff;\n\t\t\tborder: 1px solid #D1D5DB;\n\t\t\tborder-radius: 8px;\n\t\t\tfont-size: 14px;\n\t\t\tcolor: #374151;\n\t\t\tfont-weight: 500;\n\t\t\tcursor: default;\n\t\t\ttransition: color 0.2s ease, border-color 0.2s ease;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__tag:hover {\n\t\t\tcolor: var(--tech-stack-accent);\n\t\t\tborder-color: var(--tech-stack-accent);\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partners {\n\t\t\tmax-width: 1280px;\n\t\t\tmargin: 0 auto;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-title {\n\t\t\tfont-size: 28px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--tech-stack-primary);\n\t\t\ttext-align: center;\n\t\t\tmargin: 0 0 32px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-grid {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgap: 24px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel .tech-stack-section__partners-track {\n\t\t\tdisplay: grid;\n\t\t\tgrid-template-columns: 1fr;\n\t\t\tgap: 24px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-card {\n\t\t\tbackground-color: #ffffff;\n\t\t\tborder: 2px solid var(--tech-stack-border);\n\t\t\tborder-radius: 12px;\n\t\t\tpadding: 24px;\n\t\t\ttext-align: center;\n\t\t\ttransition: border-color 0.3s ease, box-shadow 0.3s ease;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-card:hover {\n\t\t\tborder-color: var(--tech-stack-accent);\n\t\t\tbox-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-logo-wrap {\n\t\t\tmargin: 0 auto 16px;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\twidth: 140px;\n\t\t\theight: 80px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-logo {\n\t\t\twidth: 100%;\n\t\t\theight: 100%;\n\t\t\tobject-fit: contain;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-name {\n\t\t\tfont-size: 20px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--tech-stack-primary);\n\t\t\tmargin-bottom: 8px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-description {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: #6B7280;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__why {\n\t\t\tmax-width: 1024px;\n\t\t\tmargin: 64px auto 0;\n\t\t\tbackground: linear-gradient(to left, var(--tech-stack-accent-soft), var(--tech-stack-accent-softer));\n\t\t\tborder-right: 4px solid var(--tech-stack-accent);\n\t\t\tborder-radius: 8px;\n\t\t\tpadding: 32px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__why-title {\n\t\t\tfont-size: 24px;\n\t\t\tfont-weight: 700;\n\t\t\tcolor: var(--tech-stack-primary);\n\t\t\tmargin: 0 0 16px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__why-list {\n\t\t\tlist-style: none;\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__why-item {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 12px;\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__why-check {\n\t\t\tcolor: var(--tech-stack-accent);\n\t\t\tfont-weight: 700;\n\t\t\tmargin-top: 4px;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__why-text {\n\t\t\tfont-size: 18px;\n\t\t\tcolor: #374151;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__why-text-strong {\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__reveal.is-visible {\n\t\t\tanimation: tech-stack-fade-in-up 0.6s ease-out both;\n\t\t\tanimation-delay: var(--reveal-delay, 0s);\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active {\n\t\t\toverflow: hidden;\n\t\t\tposition: relative;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active .tech-stack-section__partners-track {\n\t\t\tdisplay: flex;\n\t\t\tgap: 40px;\n\t\t\twidth: max-content;\n\t\t\tanimation: tech-stack-scroll 20s linear infinite;\n\t\t}\n\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active .tech-stack-section__partner-card {\n\t\t\tmin-width: 240px;\n\t\t}\n\n\t\t@media (min-width: 480px) {\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-grid,\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel .tech-stack-section__partners-track {\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t\t\t}\n\t\t}\n\n\t\t@media (min-width: 768px) {\n\t\t\t.tech-stack-section-update-me .tech-stack-section__tech-grid {\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\n\t\t\t}\n\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-grid,\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel .tech-stack-section__partners-track {\n\t\t\t\tgrid-template-columns: repeat(4, minmax(0, 1fr));\n\t\t\t}\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t.tech-stack-section-update-me .tech-stack-section__reveal.is-visible {\n\t\t\t\tanimation: none;\n\t\t\t}\n\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active .tech-stack-section__partners-track {\n\t\t\t\tanimation: none;\n\t\t\t}\n\t\t}\n\n\t\t@keyframes tech-stack-fade-in-up {\n\t\t\tfrom {\n\t\t\t\topacity: 0;\n\t\t\t\ttransform: translateY(20px);\n\t\t\t}\n\n\t\t\tto {\n\t\t\t\topacity: 1;\n\t\t\t\ttransform: translateY(0);\n\t\t\t}\n\t\t}\n\n\t\t@keyframes tech-stack-scroll {\n\t\t\tfrom {\n\t\t\t\ttransform: translateX(0);\n\t\t\t}\n\n\t\t\tto {\n\t\t\t\ttransform: translateX(-50%);\n\t\t\t}\n\t\t}\n\t<\/style>\n\n\t<section class=\"tech-stack-section\" id=\"tech-stack-section-5\" aria-labelledby=\"tech-stack-section-5-title\">\n\t\t<div class=\"tech-stack-section__container\">\n\t\t\t<header class=\"tech-stack-section__header tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0s;\">\n\t\t\t\t\t\t\t\t\t<h2 class=\"tech-stack-section__title\" id=\"tech-stack-section-5-title\">Technologies We Use<\/h2>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"tech-stack-section__subtitle\">The latest tools and platforms to build strong, sustainable solutions<\/p>\n\t\t\t\t\t\t\t<\/header>\n\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-grid\">\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__tech-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0s;\">\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tech-icon\">\ud83c\udf10<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"tech-stack-section__tech-name\">Frontend &amp; Mobile<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Next.js 14\/15<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">React 19<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">TypeScript<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Tailwind CSS<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">React Native<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Flutter<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__tech-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.1s;\">\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tech-icon\">\u2699\ufe0f<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"tech-stack-section__tech-name\">Backend &amp; Database<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Node.js<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Python (FastAPI)<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">PostgreSQL<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">MongoDB<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Redis<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">GraphQL<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__tech-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.2s;\">\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tech-icon\">\ud83e\udd16<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"tech-stack-section__tech-name\">AI &amp; Automation<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">OpenAI APIs<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">LangChain<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Qdrant<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Pinecone<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">RAG Pipelines &amp; Agents<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Custom ML Models<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__tech-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.3s;\">\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tech-icon\">\u2601\ufe0f<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"tech-stack-section__tech-name\">Cloud &amp; DevOps<\/h3>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">AWS<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Google Cloud<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Vercel<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Docker<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">GitHub Actions<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__tag\">Monitoring Tools<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t\t<section class=\"tech-stack-section__partners tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.5s;\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"tech-stack-section__partners-title\">Our Technology Partners<\/h3>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partners-grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__partner-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.6s;\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-logo-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/Amazon_Web_Services_Logo.svg.png\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Amazon Web Services logo with black letters and an orange arrow for cloud computing services\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-name\">AWS<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-description\">Scalable Cloud Solutions<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__partner-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.7s;\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-logo-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/Logo-google-cloud-icon-vector-PNG-scaled.png\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Google Cloud Platform logo with a multicolored cloud in red, blue, yellow, and green\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-name\">Google Cloud<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-description\">Global Infrastructure<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__partner-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.8s;\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-logo-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/openai-2.svg\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"OpenAI logo in a black geometric design made of complex interlocking shapes\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-name\">OpenAI<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-description\">Advanced AI<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"tech-stack-section__partner-card tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.9s;\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-logo-wrap\">\n\t\t\t\t\t\t\t\t\t\t\t<img\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/Vercel-Logo-scaled.png\"\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"Vercel logo with a black triangle and the word Vercel for the cloud deployment and hosting platform\"\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\n\t\t\t\t\t\t\t\t\t\t\t\/>\n\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-name\">Vercel<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partner-description\">High-Performance Hosting<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/section>\n\t\t\t\n\t\t\t\t\t\t\t<aside class=\"tech-stack-section__why tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0.8s;\">\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"tech-stack-section__why-title\">Why are modern technologies important?<\/h3>\n\t\t\t\t\t\t\t\t\t\t<ul class=\"tech-stack-section__why-list\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text-strong\">Faster Performance<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t Websites that load in under a second, smooth applications\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text-strong\">Better Security<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t Advanced protection against vulnerabilities and attacks\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text-strong\">Faster Development<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t Less time to market, easier updates\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text-strong\">Sustainability<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t Your solutions will not become outdated quickly\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t<\/aside>\n\t\t\t\t\t<\/div>\n\t<\/section>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-uagb-container uagb-block-5df70eae alignfull uagb-is-root-container\"><div class=\"cta-section-update-me\">\n    <style>\n        .cta-section-6 .cta-container { max-width:1200px; margin:0 auto; position:relative; z-index:10; text-align:center; }\n        .cta-section-6 .cta-title { color:var(--cta-title-color); font-size:clamp(2rem,5vw,3.5rem); font-weight:700; margin:0 0 24px; line-height:1.2; }\n        .cta-section-6 .cta-subtitle { color:var(--cta-subtitle-color); font-size:clamp(1.125rem,2.5vw,1.5rem); margin:0 auto 48px; max-width:800px; line-height:1.6; }\n        .cta-section-6 .cta-buttons { margin-bottom:48px; display:flex; flex-wrap:wrap; gap:16px; justify-content:center; align-items:center; }\n        .cta-section-6 .cta-primary-wrap { position:relative; display:inline-flex; }\n        .cta-section-6 .cta-primary-glow { position:absolute; inset:-6px; border-radius:18px; background:linear-gradient(135deg,var(--cta-button-bg),#00C89788); filter:blur(16px); opacity:.45; pointer-events:none; }\n        .cta-section-6 .cta-primary-button,.cta-section-6 .cta-secondary-button { display:inline-flex; align-items:center; gap:12px; text-decoration:none; font-weight:700; border-radius:12px; transition:transform .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease; }\n        .cta-section-6 .cta-primary-button { position:relative; z-index:1; background-color:var(--cta-button-bg); color:var(--cta-button-text); padding:20px 48px; font-size:clamp(1.125rem,2vw,1.5rem); box-shadow:0 20px 50px rgba(0,0,0,.3); }\n        .cta-section-6 .cta-secondary-button { background-color:var(--cta-secondary-bg); color:var(--cta-secondary-text); padding:20px 40px; font-size:clamp(1rem,1.8vw,1.25rem); border:2px solid var(--cta-secondary-border); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); }\n        .cta-section-6 .cta-badges { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; align-items:center; margin:0 0 64px; padding:0; list-style:none; }\n        .cta-section-6 .cta-badge { display:inline-flex; align-items:center; gap:8px; color:var(--cta-badge-text); font-weight:600; font-size:.9rem; }\n        .cta-section-6 .cta-features { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:24px; max-width:1000px; margin:0 auto 64px; }\n        .cta-section-6 .cta-feature-card { background-color:var(--cta-feature-card-bg); border:1px solid var(--cta-feature-card-border); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-radius:12px; padding:24px; transition:transform .3s ease,box-shadow .3s ease; text-align:left; }\n        .cta-section-6 .cta-feature-title { color:var(--cta-feature-title); font-weight:700; font-size:1.125rem; margin:0 0 8px; }\n        .cta-section-6 .cta-feature-description { color:var(--cta-feature-desc); font-size:.875rem; margin:0; line-height:1.5; }\n        .cta-section-6 .cta-contact { color:var(--cta-contact-text); font-size:.875rem; }\n        .cta-section-6 .cta-contact-link { color:inherit; text-decoration:none; transition:color .2s ease; }\r\n        .cta-section-6 .cta-orb { position:absolute; border-radius:50%; filter:blur(64px); mix-blend-mode:multiply; pointer-events:none; transform:translate3d(0,0,0); }\n        .cta-section-6 .cta-orb-1 { top:-64px; left:-16px; }\n        .cta-section-6 .cta-orb-2 { top:-64px; right:-16px; }\n        .cta-section-6 .cta-orb-3 { bottom:-32px; left:80px; }\n        .cta-section-6.cta-section-is-visible .cta-anim-fade { animation:ctaRevealUp .6s ease-out both; animation-delay:var(--cta-delay,0s); }\n        .cta-section-6.cta-section-is-visible .cta-anim-scale { animation:ctaRevealScale .5s ease-out both; animation-delay:var(--cta-delay,0s); }\n        .cta-section-6.cta-section-orbs-active .cta-primary-glow { animation:ctaGlowPulse 2s ease-in-out infinite; }\n        .cta-section-6.cta-section-orbs-active .cta-orb-1 { animation:ctaOrbFloatA 7s ease-in-out infinite; }\n        .cta-section-6.cta-section-orbs-active .cta-orb-2 { animation:ctaOrbFloatB 7s ease-in-out infinite 2s; }\n        .cta-section-6.cta-section-orbs-active .cta-orb-3 { animation:ctaOrbFloatC 7s ease-in-out infinite 4s; }\n        @media (hover:hover) {\n            .cta-section-6 .cta-primary-button:hover,.cta-section-6 .cta-primary-button:focus-visible { transform:scale(1.05); background-color:var(--cta-button-hover-bg); color:var(--cta-button-hover-text); }\n            .cta-section-6 .cta-secondary-button:hover,.cta-section-6 .cta-secondary-button:focus-visible { transform:scale(1.05); background-color:var(--cta-secondary-hover-bg); color:var(--cta-secondary-hover-text); border-color:var(--cta-secondary-hover-border); }\n            .cta-section-6 .cta-feature-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,.2); }\n            .cta-section-6 .cta-contact-link:hover,.cta-section-6 .cta-contact-link:focus-visible { color:#ffffff; }\n        }\n        @keyframes ctaRevealUp { from { transform:translateY(12px); } to { transform:translateY(0); } }\n        @keyframes ctaRevealScale { from { transform:scale(.98); } to { transform:scale(1); } }\n        @keyframes ctaGlowPulse { 0%,100% { opacity:.4; transform:scale(1); } 50% { opacity:.7; transform:scale(1.05); } }\n        @keyframes ctaOrbFloatA { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(30px,-50px,0) scale(1.1); } }\n        @keyframes ctaOrbFloatB { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(-20px,30px,0) scale(.9); } }\n        @keyframes ctaOrbFloatC { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(40px,-30px,0) scale(1.05); } }\n        @media (prefers-reduced-motion: reduce) {\n            .cta-section-6 .cta-primary-button,.cta-section-6 .cta-secondary-button,.cta-section-6 .cta-feature-card,.cta-section-6 .cta-contact-link { transition:none; }\n            .cta-section-6 .cta-primary-glow,.cta-section-6 .cta-orb,.cta-section-6 .cta-anim-fade,.cta-section-6 .cta-anim-scale { animation:none !important; }\n        }\n    <\/style>\n\n    <div class=\"my-unique-plugin-wrapper-class\">\n        <section class=\"cta-section-block cta-section-6\" data-cta-enhance=\"1\" data-cta-enhance-orbs=\"0\" style=\"background:linear-gradient(to bottom right, #00684e, rgba(10, 25, 47, 1), rgba(10, 25, 47, 1));padding:80px 20px;direction:ltr;position:relative;overflow:hidden;--cta-title-color:#ffffff;--cta-subtitle-color:#ffffffE6;--cta-button-bg:#ffffff;--cta-button-text:#0A192F;--cta-button-hover-bg:#00C897;--cta-button-hover-text:#ffffff;--cta-badge-text:#ffffffE6;--cta-feature-card-bg:#ffffff1A;--cta-feature-card-border:#ffffff33;--cta-feature-title:#ffffff;--cta-feature-desc:#ffffffCC;--cta-contact-text:#ffffffB3;--cta-secondary-bg:transparent;--cta-secondary-text:#ffffff;--cta-secondary-border:#ffffff70;--cta-secondary-hover-bg:#ffffff1A;--cta-secondary-hover-text:#ffffff;--cta-secondary-hover-border:#00C897;\" aria-label=\"Ready to digitally transform your business?\">\n                                                <svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;\" aria-hidden=\"true\"><defs><pattern id=\"cta-section-6-pattern\" x=\"0\" y=\"0\" width=\"30\" height=\"30\" patternunits=\"userSpaceOnUse\"><circle cx=\"2\" cy=\"2\" r=\"1.5\" fill=\"rgba(0, 163, 122, 0.3)\" \/><\/pattern><\/defs><rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#cta-section-6-pattern)\" \/><\/svg>\n                            \n            \n            <div class=\"cta-container\">\n                <h2 class=\"cta-title cta-anim-fade\" style=\"--cta-delay:0s;\">Ready to digitally transform your business?<\/h2>                <p class=\"cta-subtitle cta-anim-fade\" style=\"--cta-delay:.1s;\">Start with a free consultation so we can understand your needs and recommend the best solution for you<\/p>\n                                    <div class=\"cta-buttons cta-anim-scale\" style=\"--cta-delay:.2s;\">\n                                                    <div class=\"cta-primary-wrap\"><span class=\"cta-primary-glow\" aria-hidden=\"true\"><\/span><a class=\"cta-primary-button\" href=\"\/en\/contact\/\"><span>Book your free consultation now<\/span><span aria-hidden=\"true\">\u26a1<\/span><\/a><\/div>\n                                                <a class=\"cta-secondary-button\" href=\"https:\/\/wa.me\/966579485486\" target=\"_blank\" rel=\"noopener\"><span>Contact me on WhatsApp<\/span><span aria-hidden=\"true\">\ud83d\udcac<\/span><\/a>                    <\/div>\n                                                    <ul class=\"cta-badges cta-anim-fade\" style=\"--cta-delay:.3s;\">\n                                                                                <li class=\"cta-badge\" data-badge-id=\"badge-1\">\n                                <span aria-hidden=\"true\" style=\"font-size:1.5rem;\">\u23f1\ufe0f<\/span>                                <span>30 minutes<\/span>                            <\/li>\n                                                                                <li class=\"cta-badge\" data-badge-id=\"badge-2\">\n                                <span aria-hidden=\"true\" style=\"font-size:1.5rem;\">\ud83d\udcb0<\/span>                                <span>Completely free<\/span>                            <\/li>\n                                                                                <li class=\"cta-badge\" data-badge-id=\"badge-3\">\n                                <span aria-hidden=\"true\" style=\"font-size:1.5rem;\">\ud83c\udfaf<\/span>                                <span>No commitments<\/span>                            <\/li>\n                                            <\/ul>\n                \n                                    <div class=\"cta-features cta-anim-fade\" style=\"--cta-delay:.6s;\">\n                                                                                <article class=\"cta-feature-card\" data-feature-id=\"feature-1\">\n                                <div style=\"font-size:2.5rem;margin-bottom:12px;\">\u2705<\/div>                                <h3 class=\"cta-feature-title\">Quality Guarantee<\/h3>                                <p class=\"cta-feature-description\">We guarantee high quality or a full refund<\/p>                            <\/article>\n                                                                                <article class=\"cta-feature-card\" data-feature-id=\"feature-2\">\n                                <div style=\"font-size:2.5rem;margin-bottom:12px;\">\ud83d\udd12<\/div>                                <h3 class=\"cta-feature-title\">Security and Privacy<\/h3>                                <p class=\"cta-feature-description\">Your data and information are completely safe with us<\/p>                            <\/article>\n                                                                                <article class=\"cta-feature-card\" data-feature-id=\"feature-3\">\n                                <div style=\"font-size:2.5rem;margin-bottom:12px;\">\u26a1<\/div>                                <h3 class=\"cta-feature-title\">Fast Delivery<\/h3>                                <p class=\"cta-feature-description\">We commit to deadlines and deliver on time<\/p>                            <\/article>\n                                            <\/div>\n                \n                                    <div class=\"cta-contact cta-anim-fade\" style=\"--cta-delay:.8s;\">\n                        <p style=\"margin:0 0 16px;\">Or contact us directly via<\/p>                        <div style=\"display:flex;gap:24px;justify-content:center;font-size:1.125rem;flex-wrap:wrap;\">\n                                                            <a class=\"cta-contact-link\" href=\"tel:+966579485486\"><span aria-hidden=\"true\">&#128222;<\/span> <span style=\"direction:ltr;unicode-bidi:isolate;\">+966 579485486<\/span><\/a>\n                                                                                        <a class=\"cta-contact-link\" href=\"mailto:info@Cloudx.sa\"><span aria-hidden=\"true\">&#9993;<\/span> <span>info@Cloudx.sa<\/span><\/a>\n                                                    <\/div>\n                    <\/div>\n                            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\r\n<\/div>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"disabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"_jet_sm_ready_style":"","_jet_sm_style":"","_jet_sm_controls_values":"","_jet_sm_fonts_collection":"","_jet_sm_fonts_links":"","_joinchat":[],"footnotes":""},"class_list":["post-3876","page","type-page","status-publish","hentry"],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"trp-custom-language-flag":false},"uagb_author_info":{"display_name":"\u0641\u0631\u064a\u0642 \u0643\u0644\u0627\u0648\u062f\u0643\u0633","author_link":"https:\/\/cloudx.sa\/en\/blog\/author\/nourlorabygmail-com\/"},"uagb_comment_info":0,"uagb_excerpt":null,"_links":{"self":[{"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/pages\/3876","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/comments?post=3876"}],"version-history":[{"count":9,"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/pages\/3876\/revisions"}],"predecessor-version":[{"id":5217,"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/pages\/3876\/revisions\/5217"}],"wp:attachment":[{"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/media?parent=3876"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}