{"id":5387,"date":"2025-11-24T04:21:24","date_gmt":"2025-11-24T01:21:24","guid":{"rendered":"https:\/\/staging.cloudx.sa\/home\/"},"modified":"2026-07-09T16:49:06","modified_gmt":"2026-07-09T13:49:06","slug":"home","status":"publish","type":"page","link":"https:\/\/cloudx.sa\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n<div class=\"wp-block-uagb-container uagb-block-fa447367 alignfull uagb-is-root-container\"><link rel=\"preload\" as=\"image\" href=\"https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow.webp\" imagesrcset=\"https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow.webp 2137w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-300x158.webp 300w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-1024x539.webp 1024w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-768x404.webp 768w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-1536x808.webp 1536w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-2048x1077.webp 2048w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-18x9.webp 18w\" imagesizes=\"(max-width: 1024px) 100vw, 40vw\" \/>\r\n<div class=\"hero-section-update-me\">\r\n\t<section class=\"hero-section-block\" style=\"--hero-primary-color:#0A192F;--hero-accent-color:#019d76;--hero-split-ratio:60\">\r\n\t\t<div class=\"hero-section-wrapper\">\r\n\t\t\t<div class=\"hero-content-side mirror\">\r\n\t\t\t\t<div class=\"hero-content-inner\">\r\n\t\t\t\t\t\t\t\t\t\t\t<h1 class=\"hero-title\">CloudX, a software development company in Saudi Arabia, innovating for growth<\/h1>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"hero-subtitle\"><em>Zero risk,<\/em> <em> pay only after your final design approval.<\/em><\/h2>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"process-steps-section\">\r\n\t\t\t\t\t\t\t<h3 class=\"process-steps-title\">Work Process<\/h3>\r\n\t\t\t\t\t\t\t<div class=\"process-steps-container\">\r\n\t\t\t\t\t\t\t\t<div class=\"process-steps-flow\">\r\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<div class=\"process-step\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"process-step-number\">1<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"process-step-label\">Request Your Service<\/span>\r\n\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=\"process-step-arrow\">\u2192<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\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<div class=\"process-step\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"process-step-number\">2<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"process-step-label\">Receive the Initial Model<\/span>\r\n\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=\"process-step-arrow\">\u2192<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\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<div class=\"process-step\">\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"process-step-number\">3<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"process-step-label\">Pay<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t<div class=\"hero-cta-buttons\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/contact-us\/\" class=\"hero-cta-primary\">\r\n\t\t\t\t\t\t\t\t<span>Get an Instant Quote<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"hero-cta-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ud83d\udcac\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"\/en\/contact-us\/\" class=\"hero-cta-secondary\">\r\n\t\t\t\t\t\t\t\t<span>Book a Free Consultation<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"hero-cta-icon\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ud83d\udcde\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/a>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hero-social-proof\">\r\n\t\t\t\t\t\t\t<p class=\"hero-social-proof-text\">\r\n\t\t\t\t\t\t\t\tTrusted by more than\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"hero-social-proof-highlight\">120+ clients in Saudi Arabia and the Gulf<\/span>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\r\n\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"hero-trust-badges\">\r\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<div class=\"hero-trust-badge\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"hero-trust-badge-icon\">&#10003;<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span>100% Transparency<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\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\t<div class=\"hero-trust-badge\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"hero-trust-badge-icon\">&#10003;<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span>Modern Technologies<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\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\t<div class=\"hero-trust-badge\">\r\n\t\t\t\t\t\t\t\t\t\t<span class=\"hero-trust-badge-icon\">&#10003;<\/span>\r\n\t\t\t\t\t\t\t\t\t\t<span>Continuous Support<\/span>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t<div class=\"hero-diagonal-divider\">\r\n\t\t\t\t\t<svg class=\"hero-diagonal-svg\" viewBox=\"0 0 100 1000\" preserveAspectRatio=\"none\" aria-hidden=\"true\">\r\n\t\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t\t<linearGradient id=\"diagonalGradient\" x1=\"100%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\r\n\t\t\t\t\t\t\t\t<stop offset=\"0%\" style=\"stop-color:#0A192F;stop-opacity:0.8\" \/>\r\n\t\t\t\t\t\t\t\t<stop offset=\"50%\" style=\"stop-color:#019d76;stop-opacity:0.2\" \/>\r\n\t\t\t\t\t\t\t\t<stop offset=\"100%\" style=\"stop-color:#F9FAFB;stop-opacity:0\" \/>\r\n\t\t\t\t\t\t\t<\/linearGradient>\r\n\t\t\t\t\t\t<\/defs>\r\n\t\t\t\t\t\t<path d=\"M 0 0 L 100 0 L 0 1000 Z\" fill=\"url(#diagonalGradient)\" opacity=\"0.6\" \/>\r\n\t\t\t\t\t<\/svg>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t<div class=\"hero-image-side mirror\">\r\n\t\t\t\t\t<img\r\n\t\t\t\t\t\tsrc=\"https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow.webp\"\r\n\t\t\t\t\t\talt=\"\u0631\u0633\u0645 \u062a\u062e\u0637\u064a\u0637\u064a \u0644\u0628\u064a\u0626\u0629 \u0639\u0645\u0644 \u0648\u0627\u062f\u0648\u0627\u062a \u062a\u062a\u062d\u0648\u0644 \u0645\u0646 \u0627\u0644\u0646\u0638\u0627\u0645 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a \u0627\u0644\u064a \u0646\u0638\u0627\u0645 \u0630\u0643\u0627\u0621 \u0627\u0635\u0637\u0646\u0627\u0639\u064a\"\r\n\t\t\t\t\t\tclass=\"hero-image\"\r\n\t\t\t\t\t\tloading=\"eager\"\r\n\t\t\t\t\t\tfetchpriority=\"high\"\r\n\t\t\t\t\t\tdecoding=\"async\"\r\n\t\t\t\t\t\twidth=\"2137\"\r\n\t\t\t\t\t\theight=\"1124\"\r\n\t\t\t\t\t\tsizes=\"(max-width: 1024px) 100vw, 40vw\"\r\n\t\t\t\t\t\t\t\t\t\t\t\t\tsrcset=\"https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow.webp 2137w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-300x158.webp 300w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-1024x539.webp 1024w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-768x404.webp 768w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-1536x808.webp 1536w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-2048x1077.webp 2048w, https:\/\/cloudx.sa\/wp-content\/uploads\/automation-workflow-18x9.webp 18w\"\r\n\t\t\t\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t<div class=\"hero-scroll-indicator\">\r\n\t\t\t\t<svg class=\"hero-scroll-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n\t\t\t\t\t<path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\" \/>\r\n\t\t\t\t<\/svg>\r\n\t\t\t<\/div>\r\n\t\t\t<\/section>\r\n\t<pre class=\"hero-enhancement-data\" style=\"display: none;\">{&quot;particleNetworkEnabled&quot;:true,&quot;particleNetworkSpeed&quot;:1,&quot;particleNetworkIntensity&quot;:100,&quot;particleNetworkThickness&quot;:2,&quot;accentColor&quot;:&quot;#019d76&quot;}<\/pre>\r\n<\/div>\r\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-a9021c0b alignfull uagb-is-root-container\">\n<div class=\"statistics-section-update-me\">\n    <div class=\"my-unique-plugin-wrapper-class\">\n        <section\n            class=\"statistics-section-block bg-gradient-to-b from-white to-gray-50 relative overflow-hidden\"\n            style=\"\n                --stats-primary-color: var(--color-primary, #0A192F);\n                --stats-accent-color: var(--color-accent, #019d76);\n                padding-top: 64px;\n                padding-bottom: 64px;\n                min-height: auto;\n                display: flex;\n                flex-direction: column;\n                justify-content: center;\n            \"\n        >\n                            <div class=\"absolute inset-0 opacity-5\" aria-hidden=\"true\">\n                    <svg class=\"w-full h-full\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n                        <defs>\n                            <pattern\n                                id=\"statistics-pattern-2\"\n                                x=\"0\"\n                                y=\"0\"\n                                width=\"100\"\n                                height=\"100\"\n                                patternUnits=\"userSpaceOnUse\"\n                            >\n                                <rect x=\"0\" y=\"0\" width=\"50\" height=\"50\" fill=\"none\" style=\"stroke: var(--color-accent, #019d76); stroke-width: 1;\" \/>\n                                <rect x=\"50\" y=\"50\" width=\"50\" height=\"50\" fill=\"none\" style=\"stroke: var(--color-accent, #019d76); stroke-width: 1;\" \/>\n                            <\/pattern>\n                        <\/defs>\n                        <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#statistics-pattern-2)\" \/>\n                    <\/svg>\n                <\/div>\n            \n            <div class=\"container mx-auto px-4 relative z-10\">\n                                    <header class=\"text-center mb-12 statistics-section-header\">\n                                                    <h2\n                                class=\"text-3xl md:text-4xl font-bold mb-4\"\n                                style=\"color: var(--color-primary, #0A192F);\"\n                            >Numbers Speak for Themselves<\/h2>\n                                                                            <p class=\"text-xl text-gray-600 max-w-2xl mx-auto\">We help companies achieve tangible results through digital transformation solutions<\/p>\n                                            <\/header>\n                \n                                    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 max-w-6xl mx-auto\">\n                                                                                <article\n                                class=\"stats-card bg-white border-2 border-transparent hover:border-accent rounded-2xl p-6 shadow-lg hover:shadow-2xl transition-all duration-500 relative\"\n                                style=\"\n                                    --stats-accent-color: var(--color-accent, #019d76);\n                                    animation-delay: 0s;\n                                \"\n                            >\n                                <div class=\"text-5xl mb-4 stats-icon-float text-center\">\n                                                                            \ud83d\udcca                                                                    <\/div>\n\n                                <div\n                                    class=\"text-4xl md:text-5xl font-bold mb-2 text-center\"\n                                    style=\"color: var(--color-primary, #0A192F);\"\n                                >\n                                    <span\n                                        class=\"statistics-section-number\"\n                                                                                    data-stat-countup=\"1\"\n                                                                                data-stat-number=\"120+\"\n                                    >120+<\/span>\n                                <\/div>\n\n                                <p class=\"text-lg text-gray-600 font-medium text-center\">Successful Project<\/p>\n                            <\/article>\n                                                                                <article\n                                class=\"stats-card bg-white border-2 border-transparent hover:border-accent rounded-2xl p-6 shadow-lg hover:shadow-2xl transition-all duration-500 relative\"\n                                style=\"\n                                    --stats-accent-color: var(--color-accent, #019d76);\n                                    animation-delay: 0.2s;\n                                \"\n                            >\n                                <div class=\"text-5xl mb-4 stats-icon-float text-center\">\n                                                                            \u2b50                                                                    <\/div>\n\n                                <div\n                                    class=\"text-4xl md:text-5xl font-bold mb-2 text-center\"\n                                    style=\"color: var(--color-primary, #0A192F);\"\n                                >\n                                    <span\n                                        class=\"statistics-section-number\"\n                                                                                    data-stat-countup=\"1\"\n                                                                                data-stat-number=\"95%\"\n                                    >95%<\/span>\n                                <\/div>\n\n                                <p class=\"text-lg text-gray-600 font-medium text-center\">Client Satisfaction Rate<\/p>\n                            <\/article>\n                                                                                <article\n                                class=\"stats-card bg-white border-2 border-transparent hover:border-accent rounded-2xl p-6 shadow-lg hover:shadow-2xl transition-all duration-500 relative\"\n                                style=\"\n                                    --stats-accent-color: var(--color-accent, #019d76);\n                                    animation-delay: 0.4s;\n                                \"\n                            >\n                                <div class=\"text-5xl mb-4 stats-icon-float text-center\">\n                                                                            \u23f1\ufe0f                                                                    <\/div>\n\n                                <div\n                                    class=\"text-4xl md:text-5xl font-bold mb-2 text-center\"\n                                    style=\"color: var(--color-primary, #0A192F);\"\n                                >\n                                    <span\n                                        class=\"statistics-section-number\"\n                                                                                    data-stat-countup=\"1\"\n                                                                                data-stat-number=\"15000+\"\n                                    >15000+<\/span>\n                                <\/div>\n\n                                <p class=\"text-lg text-gray-600 font-medium text-center\">Hours We Saved<\/p>\n                            <\/article>\n                                                                                <article\n                                class=\"stats-card bg-white border-2 border-transparent hover:border-accent rounded-2xl p-6 shadow-lg hover:shadow-2xl transition-all duration-500 relative\"\n                                style=\"\n                                    --stats-accent-color: var(--color-accent, #019d76);\n                                    animation-delay: 0.6s;\n                                \"\n                            >\n                                <div class=\"text-5xl mb-4 stats-icon-float text-center\">\n                                                                            \ud83e\udd1d                                                                    <\/div>\n\n                                <div\n                                    class=\"text-4xl md:text-5xl font-bold mb-2 text-center\"\n                                    style=\"color: var(--color-primary, #0A192F);\"\n                                >\n                                    <span\n                                        class=\"statistics-section-number\"\n                                                                                    data-stat-countup=\"1\"\n                                                                                data-stat-number=\"50+\"\n                                    >50+<\/span>\n                                <\/div>\n\n                                <p class=\"text-lg text-gray-600 font-medium text-center\">Success Partner<\/p>\n                            <\/article>\n                                            <\/div>\n                            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-d260f5cf alignfull uagb-is-root-container\">\r\n<div class=\"value-propositions-update-me\">\r\n\t<style>\r\n\t\t.value-propositions-3 .vp-container {\r\n\t\t\tmax-width: 1280px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tposition: relative;\r\n\t\t\tz-index: 10;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-header {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-bottom: 64px;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-title {\r\n\t\t\tfont-size: clamp(1.875rem, 4vw, 3rem);\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--vp-title-color);\r\n\t\t\tmargin: 0 0 16px 0;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-subtitle {\r\n\t\t\tfont-size: 1.25rem;\r\n\t\t\tcolor: var(--vp-subtitle-color);\r\n\t\t\tmax-width: 672px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-values-grid {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: repeat(1, minmax(0, 1fr));\r\n\t\t\tgap: 24px;\r\n\t\t\tmax-width: 1792px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\t.value-propositions-3 .vp-values-grid {\r\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 1024px) {\r\n\t\t\t.value-propositions-3 .vp-values-grid {\r\n\t\t\t\tgrid-template-columns: repeat(4, minmax(0, 1fr));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card {\r\n\t\t\tposition: relative;\r\n\t\t\tbackground-color: var(--vp-card-bg);\r\n\t\t\tbackdrop-filter: blur(8px);\r\n\t\t\t-webkit-backdrop-filter: blur(8px);\r\n\t\t\tpadding: 24px;\r\n\t\t\tborder-radius: 12px;\r\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);\r\n\t\t\ttransition: transform 0.3s ease, box-shadow 0.3s ease;\r\n\t\t\theight: 100%;\r\n\t\t\toverflow: hidden;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card:hover {\r\n\t\t\tbox-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n\t\t\ttransform: translateY(-2px);\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card__glow {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\tborder-radius: 16px;\r\n\t\t\tbackground: transparent;\r\n\t\t\ttransition: background 0.3s ease;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__glow {\r\n\t\t\tbackground: linear-gradient(to bottom right, var(--vp-accent-soft), var(--vp-bg-soft));\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card__content {\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card__icon {\r\n\t\t\tfont-size: 3rem;\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t\tdisplay: inline-block;\r\n\t\t\ttransition: transform 0.3s ease;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__icon {\r\n\t\t\ttransform: scale(1.1);\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card__title {\r\n\t\t\tfont-size: 1.5rem;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--vp-card-title-color);\r\n\t\t\tmargin: 0 0 12px 0;\r\n\t\t\ttransition: color 0.3s ease;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__title {\r\n\t\t\tcolor: var(--vp-accent-color);\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card__description {\r\n\t\t\tcolor: var(--vp-card-desc-color);\r\n\t\t\tline-height: 1.625;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card__accent-line {\r\n\t\t\tmargin-top: 24px;\r\n\t\t\theight: 4px;\r\n\t\t\twidth: 48px;\r\n\t\t\tbackground: linear-gradient(to right, var(--vp-accent-color), var(--vp-bg-color));\r\n\t\t\tborder-radius: 9999px;\r\n\t\t\ttransition: width 0.3s ease;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-value-card:hover .vp-value-card__accent-line {\r\n\t\t\twidth: 96px;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-trust-indicator {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-top: 48px;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-trust-text {\r\n\t\t\tcolor: var(--vp-trust-text-color);\r\n\t\t\tfont-size: 1.125rem;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-trust-highlight {\r\n\t\t\tcolor: var(--vp-trust-highlight-color);\r\n\t\t\tfont-weight: 700;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-background {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\toverflow: hidden;\r\n\t\t\tpointer-events: none;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-background-base {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\tbackground-color: var(--vp-bg-color);\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-background-diagonal,\r\n\t\t.value-propositions-3 .vp-background-lines {\r\n\t\t\tposition: absolute;\r\n\t\t\tinset: 0;\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-background-lines {\r\n\t\t\topacity: 0.2;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-animated-circle {\r\n\t\t\tposition: absolute;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tanimation: none;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-animated-circle--one {\r\n\t\t\ttop: 80px;\r\n\t\t\tleft: 80px;\r\n\t\t\twidth: 128px;\r\n\t\t\theight: 128px;\r\n\t\t\tborder: 2px solid rgba(255, 255, 255, 0.2);\r\n\t\t}\r\n\r\n\t\t.value-propositions-3 .vp-animated-circle--two {\r\n\t\t\tbottom: 80px;\r\n\t\t\tright: 128px;\r\n\t\t\twidth: 192px;\r\n\t\t\theight: 192px;\r\n\t\t\tborder: 2px solid var(--vp-accent-ring);\r\n\t\t}\r\n\r\n\t\t.value-propositions-3.vp-is-enhanced .vp-animated-circle--one {\r\n\t\t\tanimation: vpPulse 4s ease-in-out infinite;\r\n\t\t}\r\n\r\n\t\t.value-propositions-3.vp-is-enhanced .vp-animated-circle--two {\r\n\t\t\tanimation: vpPulse 4s ease-in-out infinite 1s;\r\n\t\t}\r\n\r\n\t\t@keyframes vpPulse {\r\n\t\t\t0%, 100% { transform: scale(1); opacity: 0.5; }\r\n\t\t\t50% { transform: scale(1.1); opacity: 0.8; }\r\n\t\t}\r\n\r\n\t\t@media (prefers-reduced-motion: reduce) {\r\n\t\t\t.value-propositions-3 .vp-value-card,\r\n\t\t\t.value-propositions-3 .vp-value-card__glow,\r\n\t\t\t.value-propositions-3 .vp-value-card__icon,\r\n\t\t\t.value-propositions-3 .vp-value-card__title,\r\n\t\t\t.value-propositions-3 .vp-value-card__accent-line {\r\n\t\t\t\ttransition: none;\r\n\t\t\t}\r\n\r\n\t\t\t.value-propositions-3 .vp-animated-circle {\r\n\t\t\t\tanimation: none !important;\r\n\t\t\t}\r\n\t\t}\r\n\t<\/style>\r\n\r\n\t<div class=\"my-unique-plugin-wrapper-class\">\r\n\t\t<section\r\n\t\t\tclass=\"value-propositions-section-block value-propositions-3\"\r\n\t\t\tdata-enhance-background=\"1\"\r\n\t\t\tstyle=\"\r\n\t\t\t\tposition: relative;\r\n\t\t\t\tpadding: 80px 20px;\r\n\t\t\t\toverflow: hidden;\r\n\t\t\t\tdirection: ltr;\r\n\t\t\t\t--vp-bg-color: #0A192F;\r\n\t\t\t\t--vp-card-bg: rgba(255,255,255,0.95);\r\n\t\t\t\t--vp-title-color: #ffffff;\r\n\t\t\t\t--vp-subtitle-color: rgba(255,255,255,0.9);\r\n\t\t\t\t--vp-card-title-color: #0A192F;\r\n\t\t\t\t--vp-card-desc-color: #4B5563;\r\n\t\t\t\t--vp-accent-color: #019d76;\r\n\t\t\t\t--vp-trust-text-color: rgba(255,255,255,0.8);\r\n\t\t\t\t--vp-trust-highlight-color: #F9FAFB;\r\n\t\t\t\t--vp-accent-soft: rgba(1, 157, 118, 0.1);\r\n\t\t\t\t--vp-bg-soft: rgba(10, 25, 47, 0.1);\r\n\t\t\t\t--vp-accent-ring: rgba(1, 157, 118, 0.3);\r\n\t\t\t\"\r\n\t\t>\r\n\t\t\t<div class=\"vp-background\" aria-hidden=\"true\">\r\n\t\t\t\t<div class=\"vp-background-base\"><\/div>\r\n\r\n\t\t\t\t<svg\r\n\t\t\t\t\tclass=\"vp-background-diagonal\"\r\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\t\t\tviewBox=\"0 0 1200 800\"\r\n\t\t\t\t\tpreserveAspectRatio=\"none\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<defs>\r\n\t\t\t\t\t\t<linearGradient id=\"value-propositions-3-gradient\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\r\n\t\t\t\t\t\t\t<stop offset=\"0%\" stop-color=\"#00C897\" stop-opacity=\"0.8\" \/>\r\n\t\t\t\t\t\t\t<stop offset=\"50%\" stop-color=\"#26D8AB\" stop-opacity=\"0.6\" \/>\r\n\t\t\t\t\t\t\t<stop offset=\"100%\" stop-color=\"#0A192F\" stop-opacity=\"0.9\" \/>\r\n\t\t\t\t\t\t<\/linearGradient>\r\n\t\t\t\t\t<\/defs>\r\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)\" \/>\r\n\t\t\t\t<\/svg>\r\n\r\n\t\t\t\t<svg\r\n\t\t\t\t\tclass=\"vp-background-lines\"\r\n\t\t\t\t\txmlns=\"http:\/\/www.w3.org\/2000\/svg\"\r\n\t\t\t\t\tviewBox=\"0 0 1200 800\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<line x1=\"500\" y1=\"0\" x2=\"300\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\r\n\t\t\t\t\t<line x1=\"700\" y1=\"0\" x2=\"500\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\r\n\t\t\t\t\t<line x1=\"900\" y1=\"0\" x2=\"700\" y2=\"800\" stroke=\"white\" stroke-width=\"1\" \/>\r\n\t\t\t\t<\/svg>\r\n\r\n\t\t\t\t\t\t\t\t\t<div class=\"vp-animated-circle vp-animated-circle--one\"><\/div>\r\n\t\t\t\t\t<div class=\"vp-animated-circle vp-animated-circle--two\"><\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t<div class=\"vp-container\">\r\n\t\t\t\t\t\t\t\t\t<header class=\"vp-header\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"vp-title\">Why Are We Different?<\/h2>\r\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 provide you with a unique experience that combines high quality with complete transparency<\/p>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/header>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"vp-values-grid\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-1\">\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\r\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>\r\n\t\t\t\t\t\t\t\t\t\r\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\">Total Transparency<\/h3>\r\n\t\t\t\t\t\t\t\t\t\r\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 on the final invoice.<\/p>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-2\">\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\r\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>\r\n\t\t\t\t\t\t\t\t\t\r\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\">Tangible Results<\/h3>\r\n\t\t\t\t\t\t\t\t\t\r\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 achieving measurable results that directly impact your business growth and increase your revenue.<\/p>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-3\">\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\r\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>\r\n\t\t\t\t\t\t\t\t\t\r\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>\r\n\t\t\t\t\t\t\t\t\t\r\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.<\/p>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"vp-value-card\" data-value-id=\"value-4\">\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__glow\"><\/div>\r\n\t\t\t\t\t\t\t\t<div class=\"vp-value-card__content\">\r\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>\r\n\t\t\t\t\t\t\t\t\t\r\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>\r\n\t\t\t\t\t\t\t\t\t\r\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\">Receive your service first, then pay if you are satisfied.<\/p>\r\n\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"vp-value-card__accent-line\"><\/div>\r\n\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<div class=\"vp-trust-indicator\">\r\n\t\t\t\t\t\t<p class=\"vp-trust-text\">\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/p>\r\n\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t<\/div>\r\n\t\t<\/section>\r\n\t<\/div>\r\n<\/div>\r\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-47120169 alignfull uagb-is-root-container\"><div class=\"featured-services-section-update-me\">\r\n    <style>\r\n        .featured-services-4 .featured-services-grid {\r\n            display: grid;\r\n            grid-template-columns: 1fr;\r\n            gap: 32px;\r\n        }\r\n\r\n        @media (min-width: 768px) {\r\n            .featured-services-4 .featured-services-grid {\r\n                grid-template-columns: repeat(3, minmax(0, 1fr));\r\n            }\r\n        }\r\n\r\n        .featured-services-4 .featured-service-card {\r\n            transition: border-color 0.5s ease, box-shadow 0.5s ease, transform 0.3s ease;\r\n        }\r\n\r\n        .featured-services-4.featured-services-enhanced .featured-service-card:hover,\r\n        .featured-services-4.featured-services-enhanced .featured-service-card:focus-within {\r\n            border-color: #00C897;\r\n            box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);\r\n            transform: translateY(-2px);\r\n        }\r\n\r\n        .featured-services-4 .featured-service-cta {\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease;\r\n        }\r\n\r\n        .featured-services-4.featured-services-enhanced .featured-service-cta:hover,\r\n        .featured-services-4.featured-services-enhanced .featured-service-cta:focus-visible {\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 12px 30px rgba(0, 200, 151, 0.4);\r\n        }\r\n\r\n        .featured-services-4.featured-services-enhanced .featured-services-orb-1 {\r\n            animation: featured-services-orb-a 7s ease-in-out infinite;\r\n        }\r\n\r\n        .featured-services-4.featured-services-enhanced .featured-services-orb-2 {\r\n            animation: featured-services-orb-b 7s ease-in-out infinite 2s;\r\n        }\r\n\r\n        @keyframes featured-services-orb-a {\r\n            0% { transform: translate3d(0, 0, 0) scale(1); }\r\n            50% { transform: translate3d(30px, -50px, 0) scale(1.1); }\r\n            100% { transform: translate3d(0, 0, 0) scale(1); }\r\n        }\r\n\r\n        @keyframes featured-services-orb-b {\r\n            0% { transform: translate3d(0, 0, 0) scale(1); }\r\n            50% { transform: translate3d(-20px, 30px, 0) scale(0.9); }\r\n            100% { transform: translate3d(0, 0, 0) scale(1); }\r\n        }\r\n\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .featured-services-4 .featured-service-card,\r\n            .featured-services-4 .featured-service-cta {\r\n                transition: none;\r\n            }\r\n\r\n            .featured-services-4 .featured-services-orb {\r\n                animation: none !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"my-unique-plugin-wrapper-class\">\r\n        <section\r\n            id=\"featured-services\"\r\n            class=\"featured-services-section-block featured-services-4\"\r\n            data-enhance-orbs=\"1\"\r\n            style=\"\r\n                background: #f9fafb;\r\n                padding: 80px 20px;\r\n                direction: ltr;\r\n                position: relative;\r\n                overflow: hidden;\r\n            \"\r\n        >\r\n                            <svg\r\n                    style=\"position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none;\"\r\n                    aria-hidden=\"true\"\r\n                >\r\n                    <defs>\r\n                                                    <pattern id=\"featured-services-4-pattern\" x=\"0\" y=\"0\" width=\"30\" height=\"30\" patternUnits=\"userSpaceOnUse\">\r\n                                <circle cx=\"2\" cy=\"2\" r=\"1.5\" fill=\"rgba(17, 147, 114, 0.3)\" \/>\r\n                            <\/pattern>\r\n                                            <\/defs>\r\n                    <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#featured-services-4-pattern)\" \/>\r\n                <\/svg>\r\n            \r\n                            <div\r\n                    class=\"featured-services-orb featured-services-orb-1\"\r\n                    style=\"\r\n                        position: absolute;\r\n                        top: -64px;\r\n                        left: -16px;\r\n                        width: 250px;\r\n                        height: 250px;\r\n                        border-radius: 9999px;\r\n                        background: rgba(0, 200, 151, 0.4);\r\n                        filter: blur(64px);\r\n                        mix-blend-mode: multiply;\r\n                        pointer-events: none;\r\n                    \"\r\n                ><\/div>\r\n                <div\r\n                    class=\"featured-services-orb featured-services-orb-2\"\r\n                    style=\"\r\n                        position: absolute;\r\n                        top: -64px;\r\n                        right: -16px;\r\n                        width: 250px;\r\n                        height: 250px;\r\n                        border-radius: 9999px;\r\n                        background: rgba(38, 216, 171, 0.4);\r\n                        filter: blur(64px);\r\n                        mix-blend-mode: multiply;\r\n                        pointer-events: none;\r\n                    \"\r\n                ><\/div>\r\n            \r\n            <div style=\"max-width: 1200px; margin: 0 auto; position: relative; z-index: 10;\">\r\n                                    <header style=\"text-align: center; margin-bottom: 48px;\">\r\n                        <h2\r\n                            style=\"\r\n                                color: #0A192F;\r\n                                font-size: clamp(2rem, 4vw, 3rem);\r\n                                font-weight: bold;\r\n                                margin-bottom: 16px;\r\n                            \"\r\n                        >About Our Services<\/h2>\r\n                                            <\/header>\r\n                \r\n                                    <div class=\"featured-services-grid\">\r\n                                                    <article\r\n                                class=\"featured-service-card\"\r\n                                style=\"\r\n                                    background-color: #ffffff;\r\n                                    border: 2px solid #e5e7eb;\r\n                                    border-radius: 16px;\r\n                                    padding: 24px;\r\n                                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n                                    display: flex;\r\n                                    flex-direction: column;\r\n                                    height: 100%;\r\n                                    overflow: hidden;\r\n                                \"\r\n                            >\r\n                                <div style=\"text-align: center; margin-bottom: 16px;\">\r\n                                    <div\r\n                                        style=\"\r\n                                            width: 80px;\r\n                                            height: 80px;\r\n                                            border-radius: 12px;\r\n                                            background: #00C89714;\r\n                                            border: 1px solid #00C89733;\r\n                                            display: flex;\r\n                                            align-items: center;\r\n                                            justify-content: center;\r\n                                            margin: 0 auto 16px auto;\r\n                                        \"\r\n                                    >\r\n                                        <span style=\"font-size: 3rem;\">\ud83d\udd0d<\/span>\r\n                                    <\/div>\r\n                                    <h3\r\n                                        style=\"\r\n                                            color: #0A192F;\r\n                                            font-size: 1.25rem;\r\n                                            font-weight: bold;\r\n                                            margin: 0;\r\n                                        \"\r\n                                    >SEO Services in Saudi Arabia<\/h3>\r\n                                <\/div>\r\n\r\n                                                                    <p\r\n                                        style=\"\r\n                                            color: #6b7280;\r\n                                            font-size: 0.875rem;\r\n                                            line-height: 1.5;\r\n                                            text-align: center;\r\n                                            margin-bottom: 16px;\r\n                                        \"\r\n                                    >Technical SEO and content-oriented service for organic visibility growth and increased orders.<\/p>\r\n                                \n                                                                    <div style=\"margin-bottom: 16px;\">\n                                        <p\n                                            style=\"\n                                                color: #00C897;\n                                                font-size: 1.875rem;\r\n                                                font-weight: bold;\r\n                                                text-align: center;\r\n                                                margin: 0 0 4px 0;\r\n                                            \"\r\n                                        >990 SAR<\/p>\r\n                                                                                    <p\r\n                                                style=\"\r\n                                                    color: #6b7280;\r\n                                                    font-size: 0.875rem;\r\n                                                    text-align: center;\r\n                                                    margin: 0;\r\n                                                \"\r\n                                            >Duration: 3-month commitment required<\/p>\r\n                                                                            <\/div>\r\n                                \r\n                                                                    <section style=\"flex: 1; margin-bottom: 16px;\">\r\n                                        <h4\r\n                                            style=\"\r\n                                                color: #0A192F;\r\n                                                font-size: 1rem;\r\n                                                font-weight: 600;\r\n                                                margin-bottom: 12px;\r\n                                            \"\r\n                                        >What we offer:<\/h4>\r\n                                        <ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Technical SEO audit<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Content and keyword optimization<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Monthly performance reports<\/span>\r\n                                                <\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/section>\r\n                                \r\n                                                                    <a\r\n                                        class=\"featured-service-cta\"\r\n                                        href=\"https:\/\/cloudx.sa\/en\/services\/seo\/\"\r\n                                        style=\"\r\n                                            display: block;\r\n                                            width: 100%;\r\n                                            text-align: center;\r\n                                            text-decoration: none;\r\n                                            font-weight: bold;\r\n                                            padding: 12px 24px;\r\n                                            border-radius: 8px;\r\n                                            color: #ffffff;\r\n                                            background: linear-gradient(to right, #00C897, #0A192F);\r\n                                            box-shadow: none;\r\n                                        \"\r\n                                    >Learn More<\/a>\r\n                                                            <\/article>\r\n                                                    <article\r\n                                class=\"featured-service-card\"\r\n                                style=\"\r\n                                    background-color: #ffffff;\r\n                                    border: 2px solid #e5e7eb;\r\n                                    border-radius: 16px;\r\n                                    padding: 24px;\r\n                                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n                                    display: flex;\r\n                                    flex-direction: column;\r\n                                    height: 100%;\r\n                                    overflow: hidden;\r\n                                \"\r\n                            >\r\n                                <div style=\"text-align: center; margin-bottom: 16px;\">\r\n                                    <div\r\n                                        style=\"\r\n                                            width: 80px;\r\n                                            height: 80px;\r\n                                            border-radius: 12px;\r\n                                            background: #00C89714;\r\n                                            border: 1px solid #00C89733;\r\n                                            display: flex;\r\n                                            align-items: center;\r\n                                            justify-content: center;\r\n                                            margin: 0 auto 16px auto;\r\n                                        \"\r\n                                    >\r\n                                        <span style=\"font-size: 3rem;\">\ud83d\udecd\ufe0f<\/span>\r\n                                    <\/div>\r\n                                    <h3\r\n                                        style=\"\r\n                                            color: #0A192F;\r\n                                            font-size: 1.25rem;\r\n                                            font-weight: bold;\r\n                                            margin: 0;\r\n                                        \"\r\n                                    >Online Store Design<\/h3>\r\n                                <\/div>\r\n\r\n                                                                    <p\r\n                                        style=\"\r\n                                            color: #6b7280;\r\n                                            font-size: 0.875rem;\r\n                                            line-height: 1.5;\r\n                                            text-align: center;\r\n                                            margin-bottom: 16px;\r\n                                        \"\r\n                                    >Your professional store, custom-designed for you, for less than 5000 SAR.<\/p>\r\n                                \n                                                                    <div style=\"margin-bottom: 16px;\">\n                                        <p\n                                            style=\"\n                                                color: #00C897;\n                                                font-size: 1.875rem;\r\n                                                font-weight: bold;\r\n                                                text-align: center;\r\n                                                margin: 0 0 4px 0;\r\n                                            \"\r\n                                        >2,499 SAR<\/p>\r\n                                                                                    <p\r\n                                                style=\"\r\n                                                    color: #6b7280;\r\n                                                    font-size: 0.875rem;\r\n                                                    text-align: center;\r\n                                                    margin: 0;\r\n                                                \"\r\n                                            >Duration: 15-30 days<\/p>\r\n                                                                            <\/div>\r\n                                \r\n                                                                    <section style=\"flex: 1; margin-bottom: 16px;\">\r\n                                        <h4\r\n                                            style=\"\r\n                                                color: #0A192F;\r\n                                                font-size: 1rem;\r\n                                                font-weight: 600;\r\n                                                margin-bottom: 12px;\r\n                                            \"\r\n                                        >What we offer:<\/h4>\r\n                                        <ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Zero Commission on Your Sales<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>No Monthly Subscriptions<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Free Support<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Custom Professional Design<\/span>\r\n                                                <\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/section>\r\n                                \r\n                                                                    <a\r\n                                        class=\"featured-service-cta\"\r\n                                        href=\"https:\/\/cloudx.sa\/en\/services\/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%aa%d8%ac%d8%b1-%d8%a7%d9%84%d9%83%d8%aa%d8%b1%d9%88%d9%86%d9%8a\/\"\r\n                                        style=\"\r\n                                            display: block;\r\n                                            width: 100%;\r\n                                            text-align: center;\r\n                                            text-decoration: none;\r\n                                            font-weight: bold;\r\n                                            padding: 12px 24px;\r\n                                            border-radius: 8px;\r\n                                            color: #ffffff;\r\n                                            background: linear-gradient(to right, #00C897, #0A192F);\r\n                                            box-shadow: none;\r\n                                        \"\r\n                                    >Learn More<\/a>\r\n                                                            <\/article>\r\n                                                    <article\r\n                                class=\"featured-service-card\"\r\n                                style=\"\r\n                                    background-color: #ffffff;\r\n                                    border: 2px solid #e5e7eb;\r\n                                    border-radius: 16px;\r\n                                    padding: 24px;\r\n                                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n                                    display: flex;\r\n                                    flex-direction: column;\r\n                                    height: 100%;\r\n                                    overflow: hidden;\r\n                                \"\r\n                            >\r\n                                <div style=\"text-align: center; margin-bottom: 16px;\">\r\n                                    <div\r\n                                        style=\"\r\n                                            width: 80px;\r\n                                            height: 80px;\r\n                                            border-radius: 12px;\r\n                                            background: #00C89714;\r\n                                            border: 1px solid #00C89733;\r\n                                            display: flex;\r\n                                            align-items: center;\r\n                                            justify-content: center;\r\n                                            margin: 0 auto 16px auto;\r\n                                        \"\r\n                                    >\r\n                                        <span style=\"font-size: 3rem;\">\ud83c\udf10<\/span>\r\n                                    <\/div>\r\n                                    <h3\r\n                                        style=\"\r\n                                            color: #0A192F;\r\n                                            font-size: 1.25rem;\r\n                                            font-weight: bold;\r\n                                            margin: 0;\r\n                                        \"\r\n                                    >Website Design<\/h3>\r\n                                <\/div>\r\n\r\n                                                                    <p\r\n                                        style=\"\r\n                                            color: #6b7280;\r\n                                            font-size: 0.875rem;\r\n                                            line-height: 1.5;\r\n                                            text-align: center;\r\n                                            margin-bottom: 16px;\r\n                                        \"\r\n                                    >Ultra-fast websites that turn visitors into customers. Pay after you approve the design.<\/p>\r\n                                \n                                                                    <div style=\"margin-bottom: 16px;\">\n                                        <p\n                                            style=\"\n                                                color: #00C897;\n                                                font-size: 1.875rem;\r\n                                                font-weight: bold;\r\n                                                text-align: center;\r\n                                                margin: 0 0 4px 0;\r\n                                            \"\r\n                                        >2,500 SAR<\/p>\r\n                                                                                    <p\r\n                                                style=\"\r\n                                                    color: #6b7280;\r\n                                                    font-size: 0.875rem;\r\n                                                    text-align: center;\r\n                                                    margin: 0;\r\n                                                \"\r\n                                            >Duration: 7-14 Days<\/p>\r\n                                                                            <\/div>\r\n                                \r\n                                                                    <section style=\"flex: 1; margin-bottom: 16px;\">\r\n                                        <h4\r\n                                            style=\"\r\n                                                color: #0A192F;\r\n                                                font-size: 1rem;\r\n                                                font-weight: 600;\r\n                                                margin-bottom: 12px;\r\n                                            \"\r\n                                        >What we offer:<\/h4>\r\n                                        <ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Ultra-fast performance &lt;2 seconds<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Modern technologies (Next.js 15 + React 19)<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Advanced SEO to rank first on Google<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Free support and revision requests<\/span>\r\n                                                <\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/section>\r\n                                \r\n                                                                    <a\r\n                                        class=\"featured-service-cta\"\r\n                                        href=\"https:\/\/cloudx.sa\/en\/services\/web-design-company\/\"\r\n                                        style=\"\r\n                                            display: block;\r\n                                            width: 100%;\r\n                                            text-align: center;\r\n                                            text-decoration: none;\r\n                                            font-weight: bold;\r\n                                            padding: 12px 24px;\r\n                                            border-radius: 8px;\r\n                                            color: #ffffff;\r\n                                            background: linear-gradient(to right, #00C897, #0A192F);\r\n                                            box-shadow: none;\r\n                                        \"\r\n                                    >Learn More<\/a>\r\n                                                            <\/article>\r\n                                                    <article\r\n                                class=\"featured-service-card\"\r\n                                style=\"\r\n                                    background-color: #ffffff;\r\n                                    border: 2px solid #e5e7eb;\r\n                                    border-radius: 16px;\r\n                                    padding: 24px;\r\n                                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n                                    display: flex;\r\n                                    flex-direction: column;\r\n                                    height: 100%;\r\n                                    overflow: hidden;\r\n                                \"\r\n                            >\r\n                                <div style=\"text-align: center; margin-bottom: 16px;\">\r\n                                    <div\r\n                                        style=\"\r\n                                            width: 80px;\r\n                                            height: 80px;\r\n                                            border-radius: 12px;\r\n                                            background: #00C89714;\r\n                                            border: 1px solid #00C89733;\r\n                                            display: flex;\r\n                                            align-items: center;\r\n                                            justify-content: center;\r\n                                            margin: 0 auto 16px auto;\r\n                                        \"\r\n                                    >\r\n                                        <span style=\"font-size: 3rem;\">\ud83d\udcf1<\/span>\r\n                                    <\/div>\r\n                                    <h3\r\n                                        style=\"\r\n                                            color: #0A192F;\r\n                                            font-size: 1.25rem;\r\n                                            font-weight: bold;\r\n                                            margin: 0;\r\n                                        \"\r\n                                    >Mobile App Development &#038; Design<\/h3>\r\n                                <\/div>\r\n\r\n                                                                    <p\r\n                                        style=\"\r\n                                            color: #6b7280;\r\n                                            font-size: 0.875rem;\r\n                                            line-height: 1.5;\r\n                                            text-align: center;\r\n                                            margin-bottom: 16px;\r\n                                        \"\r\n                                    >We develop a single app using Flutter technology that works on both iOS and Android, with advanced automation features.<\/p>\r\n                                \n                                \r\n                                                                    <section style=\"flex: 1; margin-bottom: 16px;\">\r\n                                        <h4\r\n                                            style=\"\r\n                                                color: #0A192F;\r\n                                                font-size: 1rem;\r\n                                                font-weight: 600;\r\n                                                margin-bottom: 12px;\r\n                                            \"\r\n                                        >What we offer:<\/h4>\r\n                                        <ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>One app for iOS &amp; Android<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Effective AI integration<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Zero risk &#8211; pay after design<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Ongoing technical support<\/span>\r\n                                                <\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/section>\r\n                                \r\n                                                                    <a\r\n                                        class=\"featured-service-cta\"\r\n                                        href=\"https:\/\/cloudx.sa\/en\/services\/mobile-app-development-and-design\/\"\r\n                                        style=\"\r\n                                            display: block;\r\n                                            width: 100%;\r\n                                            text-align: center;\r\n                                            text-decoration: none;\r\n                                            font-weight: bold;\r\n                                            padding: 12px 24px;\r\n                                            border-radius: 8px;\r\n                                            color: #ffffff;\r\n                                            background: linear-gradient(to right, #00C897, #0A192F);\r\n                                            box-shadow: none;\r\n                                        \"\r\n                                    >Learn More<\/a>\r\n                                                            <\/article>\r\n                                                    <article\r\n                                class=\"featured-service-card\"\r\n                                style=\"\r\n                                    background-color: #ffffff;\r\n                                    border: 2px solid #e5e7eb;\r\n                                    border-radius: 16px;\r\n                                    padding: 24px;\r\n                                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n                                    display: flex;\r\n                                    flex-direction: column;\r\n                                    height: 100%;\r\n                                    overflow: hidden;\r\n                                \"\r\n                            >\r\n                                <div style=\"text-align: center; margin-bottom: 16px;\">\r\n                                    <div\r\n                                        style=\"\r\n                                            width: 80px;\r\n                                            height: 80px;\r\n                                            border-radius: 12px;\r\n                                            background: #00C89714;\r\n                                            border: 1px solid #00C89733;\r\n                                            display: flex;\r\n                                            align-items: center;\r\n                                            justify-content: center;\r\n                                            margin: 0 auto 16px auto;\r\n                                        \"\r\n                                    >\r\n                                        <span style=\"font-size: 3rem;\">\ud83c\udfaf<\/span>\r\n                                    <\/div>\r\n                                    <h3\r\n                                        style=\"\r\n                                            color: #0A192F;\r\n                                            font-size: 1.25rem;\r\n                                            font-weight: bold;\r\n                                            margin: 0;\r\n                                        \"\r\n                                    >Information technology consultations<\/h3>\r\n                                <\/div>\r\n\r\n                                                                    <p\r\n                                        style=\"\r\n                                            color: #6b7280;\r\n                                            font-size: 0.875rem;\r\n                                            line-height: 1.5;\r\n                                            text-align: center;\r\n                                            margin-bottom: 16px;\r\n                                        \"\r\n                                    >We help you make the right technical decisions and benefit from the latest technologies without getting into unnecessary technical complexities.<\/p>\r\n                                \n                                                                    <div style=\"margin-bottom: 16px;\">\n                                        <p\n                                            style=\"\n                                                color: #00C897;\n                                                font-size: 1.875rem;\r\n                                                font-weight: bold;\r\n                                                text-align: center;\r\n                                                margin: 0 0 4px 0;\r\n                                            \"\r\n                                        >Free<\/p>\r\n                                                                                    <p\r\n                                                style=\"\r\n                                                    color: #6b7280;\r\n                                                    font-size: 0.875rem;\r\n                                                    text-align: center;\r\n                                                    margin: 0;\r\n                                                \"\r\n                                            >Duration: 30-45 minutes<\/p>\r\n                                                                            <\/div>\r\n                                \r\n                                                                    <section style=\"flex: 1; margin-bottom: 16px;\">\r\n                                        <h4\r\n                                            style=\"\r\n                                                color: #0A192F;\r\n                                                font-size: 1rem;\r\n                                                font-weight: 600;\r\n                                                margin-bottom: 12px;\r\n                                            \"\r\n                                        >What we offer:<\/h4>\r\n                                        <ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Comprehensive automation audit<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Architecture consultations<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Digital transformation roadmaps<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Technology evaluation<\/span>\r\n                                                <\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/section>\r\n                                \r\n                                                                    <a\r\n                                        class=\"featured-service-cta\"\r\n                                        href=\"https:\/\/cloudx.sa\/en\/services\/information-technology-consultations\/\"\r\n                                        style=\"\r\n                                            display: block;\r\n                                            width: 100%;\r\n                                            text-align: center;\r\n                                            text-decoration: none;\r\n                                            font-weight: bold;\r\n                                            padding: 12px 24px;\r\n                                            border-radius: 8px;\r\n                                            color: #ffffff;\r\n                                            background: linear-gradient(to right, #00C897, #0A192F);\r\n                                            box-shadow: none;\r\n                                        \"\r\n                                    >Learn More<\/a>\r\n                                                            <\/article>\r\n                                                    <article\r\n                                class=\"featured-service-card\"\r\n                                style=\"\r\n                                    background-color: #ffffff;\r\n                                    border: 2px solid #e5e7eb;\r\n                                    border-radius: 16px;\r\n                                    padding: 24px;\r\n                                    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);\r\n                                    display: flex;\r\n                                    flex-direction: column;\r\n                                    height: 100%;\r\n                                    overflow: hidden;\r\n                                \"\r\n                            >\r\n                                <div style=\"text-align: center; margin-bottom: 16px;\">\r\n                                    <div\r\n                                        style=\"\r\n                                            width: 80px;\r\n                                            height: 80px;\r\n                                            border-radius: 12px;\r\n                                            background: #00C89714;\r\n                                            border: 1px solid #00C89733;\r\n                                            display: flex;\r\n                                            align-items: center;\r\n                                            justify-content: center;\r\n                                            margin: 0 auto 16px auto;\r\n                                        \"\r\n                                    >\r\n                                        <span style=\"font-size: 3rem;\">\ud83e\udd16<\/span>\r\n                                    <\/div>\r\n                                    <h3\r\n                                        style=\"\r\n                                            color: #0A192F;\r\n                                            font-size: 1.25rem;\r\n                                            font-weight: bold;\r\n                                            margin: 0;\r\n                                        \"\r\n                                    >AI Automation<\/h3>\r\n                                <\/div>\r\n\r\n                                                                    <p\r\n                                        style=\"\r\n                                            color: #6b7280;\r\n                                            font-size: 0.875rem;\r\n                                            line-height: 1.5;\r\n                                            text-align: center;\r\n                                            margin-bottom: 16px;\r\n                                        \"\r\n                                    >We transform your manual processes to 100% automated, save you time, and increase your productivity with proven solutions.<\/p>\r\n                                \n                                \r\n                                                                    <section style=\"flex: 1; margin-bottom: 16px;\">\r\n                                        <h4\r\n                                            style=\"\r\n                                                color: #0A192F;\r\n                                                font-size: 1rem;\r\n                                                font-weight: 600;\r\n                                                margin-bottom: 12px;\r\n                                            \"\r\n                                        >What we offer:<\/h4>\r\n                                        <ul style=\"list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px;\">\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Save 20+ hours weekly<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>ROI in 2-3 months<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Integration with your existing systems<\/span>\r\n                                                <\/li>\r\n                                                                                            <li style=\"display: flex; align-items: flex-start; gap: 8px; color: #374151; font-size: 0.875rem;\">\r\n                                                    <span style=\"color: #00C897; font-size: 1.25rem; margin-top: 2px; flex-shrink: 0;\">\u2713<\/span>\r\n                                                    <span>Continuous technical support<\/span>\r\n                                                <\/li>\r\n                                                                                    <\/ul>\r\n                                    <\/section>\r\n                                \r\n                                                                    <a\r\n                                        class=\"featured-service-cta\"\r\n                                        href=\"https:\/\/cloudx.sa\/en\/services\/ai-automation\/\"\r\n                                        style=\"\r\n                                            display: block;\r\n                                            width: 100%;\r\n                                            text-align: center;\r\n                                            text-decoration: none;\r\n                                            font-weight: bold;\r\n                                            padding: 12px 24px;\r\n                                            border-radius: 8px;\r\n                                            color: #ffffff;\r\n                                            background: linear-gradient(to right, #00C897, #0A192F);\r\n                                            box-shadow: none;\r\n                                        \"\r\n                                    >Learn More<\/a>\r\n                                                            <\/article>\r\n                                            <\/div>\r\n                            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-760687be alignfull uagb-is-root-container\"><div class=\"case-studies-section-update-me\">\n\t<style>\n\t\t.case-studies-5{--title:#ffffff;--sub:#e0f2fe;--cardbg:#ffffff;--cardtitle:#0f172a;--cardtxt:#475569;--accent:#10b981;--badgebg:rgba(255,255,255,0.15);--badgetxt:#ffffff;--filterbg:#ffffff;--filtertxt:#1e293b;--filteractivebg:#10b981;--filteractivetxt:#ffffff;--filterborder:#e2e8f0;--filtertitle:#ffffff;--cols-md:2;--cols-lg:2;--cols-xl:2;position:relative;padding:80px 20px;background:#0A192F;overflow:hidden}\n\t\t.case-studies-5 .cs-inner{position:relative;z-index:10;max-width:1200px;margin:0 auto}\n\t\t.case-studies-5 .cs-header{text-align:center;margin:0 0 40px}.case-studies-5 .cs-header h2{color:var(--title);font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.3;margin:0 0 12px}.case-studies-5 .cs-header p{color:var(--sub);font-size:18px;line-height:1.6;max-width:760px;margin:0 auto}\n\t\t.case-studies-5 .cs-grid{display:grid;gap:20px;grid-template-columns:repeat(1,minmax(0,1fr))}\n\t\t@media(min-width:768px){.case-studies-5 .cs-grid{grid-template-columns:repeat(var(--cols-md),minmax(0,1fr))}}\n\t\t@media(min-width:1024px){.case-studies-5 .cs-grid{grid-template-columns:repeat(var(--cols-lg),minmax(0,1fr))}}\n\t\t@media(min-width:1280px){.case-studies-5 .cs-grid{grid-template-columns:repeat(var(--cols-xl),minmax(0,1fr))}}\n\t\t.case-studies-5 .cs-card-link{display:block;height:100%;text-decoration:none;color:inherit;border-radius:16px}\n\t\t.case-studies-5 .cs-card{background:var(--cardbg);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}\n\t\t.case-studies-5 .cs-card-link:hover .cs-card,.case-studies-5 .cs-card-link:focus-visible .cs-card{transform:translateY(-4px);box-shadow:0 24px 48px rgba(0,0,0,.14)}\n\t\t.case-studies-5 .cs-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:3px}\n\t\t.case-studies-5 .cs-card-head{position:relative;color:#fff;padding:18px;overflow:hidden}.case-studies-5 .cs-card-body{padding:20px 20px 14px;flex:1}.case-studies-5 .cs-badges{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.case-studies-5 .cs-badge{background:var(--badgebg);color:var(--badgetxt);padding:4px 10px;border-radius:999px;font-size:12px;border:1px solid rgba(255,255,255,.25)}\n\t\t.case-studies-5 .cs-company{margin:0;font-size:22px;line-height:1.4;font-weight:700;color:#ffffff}\n\t\t.case-studies-5 .cs-copy{color:var(--cardtxt);font-size:15px;line-height:1.7;margin:0}.case-studies-5 .cs-copy strong{color:var(--cardtitle)}\n\t\t.case-studies-5 .cs-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.case-studies-5 .cs-metric{background:rgba(16,185,129,0.08);padding:12px;border-radius:10px;color:var(--cardtxt)}.case-studies-5 .cs-metric-value{font-size:16px;font-weight:700;color:var(--accent)}.case-studies-5 .cs-metric-label{font-size:13px}\n\t\t.case-studies-5 .cs-footer{border-top:1px solid rgba(0,0,0,.08);padding:6px 12px 8px;text-align:center;background:rgba(255,255,255,0.2)}.case-studies-5 .cs-read{display:inline-block;color:var(--accent);padding:4px 8px;border-radius:10px;font-size:11px;font-weight:700}\n\t\t.case-studies-5 .cs-filter{margin:0 0 32px;padding:24px;border-radius:16px;background:rgba(255,255,255,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.case-studies-5 .cs-filter-title{font-size:18px;font-weight:600;margin:0 0 16px;color:var(--filtertitle);text-align:center}\n\t\t.case-studies-5 .cs-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.case-studies-5 .cs-filter-label{display:block;font-size:14px;font-weight:500;margin:0 0 10px;color:var(--filtertxt);opacity:.8}.case-studies-5 .cs-filter-row{display:flex;flex-wrap:wrap;gap:8px}\n\t\t.case-studies-5 .cs-filter-btn{padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--filterborder);background:var(--filterbg);color:var(--filtertxt);transition:all .24s ease}.case-studies-5 .cs-filter-btn:hover{transform:translateY(-1px)}.case-studies-5 .cs-filter-btn[aria-pressed=true],.case-studies-5 .cs-filter-btn.is-active{background:var(--filteractivebg);color:var(--filteractivetxt);border-color:var(--filteractivebg);box-shadow:0 4px 12px rgba(0,0,0,.15)}\n\t\t.case-studies-5 .cs-pattern{position:absolute;inset:0;opacity:0.05;background-image:radial-gradient(#ffffff 1px,transparent 1px);background-size:24px 24px;pointer-events:none}\n\t\t.case-studies-5 .cs-orb{position:absolute;border-radius:999px;background:#10b981;opacity:0.12;filter:blur(120px);pointer-events:none}.case-studies-5 .cs-orb-a{width:420px;height:420px;top:-120px;right:-80px}.case-studies-5 .cs-orb-b{width:360px;height:360px;bottom:-140px;left:-60px}\n\t\t.case-studies-5 .cs-no-results{color:var(--sub);text-align:center;padding:40px 20px;background:rgba(255,255,255,.05);border-radius:12px;margin-top:0;display:none}\n\t\t.case-studies-5 .cs-cta{text-align:center;margin-top:32px}.case-studies-5 .cs-cta p{color:var(--sub);margin:0 0 12px;font-size:16px}.case-studies-5 .cs-cta a{display:inline-block;background:var(--accent);color:#fff;padding:14px 28px;border-radius:12px;font-weight:700;text-decoration:none;box-shadow:0 15px 35px rgba(0,0,0,.15)}\n\t\t.case-studies-5.cs-enhanced .cs-reveal{animation:csFade .45s ease both;animation-delay:var(--delay,0ms)}.case-studies-5.cs-enhanced .cs-orb-a{animation:csOrbA 4.5s ease-in-out infinite}.case-studies-5.cs-enhanced .cs-orb-b{animation:csOrbB 5.5s ease-in-out infinite .8s}\n\t\t@keyframes csFade{from{opacity:.75;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes csOrbA{0%{transform:scale(1)}50%{transform:scale(1.08)}100%{transform:scale(1)}}@keyframes csOrbB{0%{transform:scale(1)}50%{transform:scale(1.12)}100%{transform:scale(1)}}\n\t\t@media(prefers-reduced-motion:reduce){.case-studies-5 .cs-card,.case-studies-5 .cs-filter-btn{transition:none}.case-studies-5 .cs-reveal,.case-studies-5 .cs-orb{animation:none!important}}\n\t<\/style>\n\t<div class=\"my-unique-plugin-wrapper-class\">\n\t\t<section class=\"case-studies-section-block case-studies-5\" data-enable-filtering=\"0\" data-all-filter-text=\"All\">\n\t\t\t<div class=\"cs-pattern\" aria-hidden=\"true\"><\/div>\t\t\t<div class=\"cs-orb cs-orb-a\" aria-hidden=\"true\"><\/div><div class=\"cs-orb cs-orb-b\" aria-hidden=\"true\"><\/div>\t\t\t<div class=\"cs-inner\">\n\t\t\t\t<header class=\"cs-header cs-reveal\" style=\"--delay:0ms;\">\n\t\t\t\t\t<h2>Our Clients&#8217; Success Stories<\/h2>\t\t\t\t\t<p>How we helped success partners achieve exceptional results and digitally transform their businesses<\/p>\t\t\t\t<\/header>\n\n\t\t\t\t\n\t\t\t\t<div class=\"cs-grid\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"cs-reveal\" style=\"--delay:120ms;min-width:0;\" data-study-card data-industry=\"Consultations\" data-service=\"Digital Transformation\">\n\t\t\t\t\t\t\t<a class=\"cs-card-link\" href=\"https:\/\/cloudx.sa\/en\/case-studies\/from-consultation-to-results-how-we-saved-a-co\/\">\t\t\t\t\t\t\t<div class=\"cs-card\">\n\t\t\t\t\t\t\t\t<div class=\"cs-card-head\" style=\"min-height:160px;background:none;\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/pexels-photo-257700-257700-1024x535.jpg\" alt=\"\u0635\u0648\u0631\u0629 \u0644\u0645\u0635\u0646\u0639 \u0645\u0639\u0627\u0644\u062c\u0629 \u0627\u0644\u0628\u062a\u0631\u0648\u0644 \u0648\u0627\u0644\u063a\u0627\u0632 \u0628\u0623\u0628\u0631\u0627\u062c \u0645\u0639\u0627\u062f\u0646 \u0637\u0648\u064a\u0644\u0629 \u062a\u062d\u062a \u0633\u0645\u0627\u0621 \u0632\u0631\u0642\u0627\u0621 \u0635\u0627\u0641\u064a\u0629\" loading=\"lazy\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;\" \/>\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1;\"><\/div>\t\t\t\t\t\t\t\t\t<div style=\"position:relative;z-index:2;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-badges\"><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Consultations<\/span><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Digital Transformation<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-company\" style=\"text-shadow:0 2px 4px rgba(0,0,0,.3);\">Cooling and Air Conditioning Company<\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-card-body\">\n\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 12px;\"><strong>The Challenge \u26a0\ufe0f: <\/strong>Slow order tracking, difficulty identifying improvement priorities, and a limited budget<\/p>\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 14px;\"><strong>The Solution \u2705: <\/strong>Comprehensive operations audit, identification of 18 realistic improvement opportunities, a clear implementation plan, and ongoing support<\/p>\t\t\t\t\t\t\t\t\t<div style=\"margin-top:auto;\"><h4 style=\"color:var(--cardtitle);font-size:15px;margin:0 0 10px;\">Key Results<\/h4><div class=\"cs-metrics\"><div class=\"cs-metric\"><div class=\"cs-metric-value\">87,500 SAR<\/div><div class=\"cs-metric-label\">Annual Savings<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">23 hours<\/div><div class=\"cs-metric-label\">Weekly Savings<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">350%<\/div><div class=\"cs-metric-label\">Return on Investment<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">18<\/div><div class=\"cs-metric-label\">Automation opportunity<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-footer\"><span class=\"cs-read\">Read Full Story<\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"cs-reveal\" style=\"--delay:160ms;min-width:0;\" data-study-card data-industry=\"Logistics\" data-service=\"Digital Transformation\">\n\t\t\t\t\t\t\t<a class=\"cs-card-link\" href=\"https:\/\/cloudx.sa\/en\/case-studies\/comprehensive-digital-transformation-for-a-logistics-company-with-ai\/\">\t\t\t\t\t\t\t<div class=\"cs-card\">\n\t\t\t\t\t\t\t\t<div class=\"cs-card-head\" style=\"min-height:160px;background:none;\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/Create_a_cinematic_202512161013-1024x576.jpeg\" alt=\"\u0635\u0648\u0631\u0629 \u0633\u064a\u0646\u0645\u0627\u0626\u064a\u0629 \u0644\u0645\u064a\u0646\u0627\u0621 \u062a\u062c\u0627\u0631\u064a \u0639\u0646\u062f \u0627\u0644\u063a\u0631\u0648\u0628 \u062a\u0648\u0636\u062d \u0627\u0644\u0633\u0641\u0646 \u0648\u062d\u0627\u0648\u064a\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0648\u0623\u0636\u0648\u0627\u0621 \u0627\u0644\u0645\u062f\u064a\u0646\u0629 \u0627\u0644\u0630\u0647\u0628\u064a\u0629\" loading=\"lazy\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;\" \/>\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1;\"><\/div>\t\t\t\t\t\t\t\t\t<div style=\"position:relative;z-index:2;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-badges\"><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Logistics<\/span><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Digital Transformation<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-company\" style=\"text-shadow:0 2px 4px rgba(0,0,0,.3);\">Logistics Shipping and Delivery Company<\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-card-body\">\n\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 12px;\"><strong>The Challenge \u26a0\ufe0f: <\/strong>Manual shipment tracking, 15% delivery error rate, increasing customer complaints, high operational costs.<\/p>\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 14px;\"><strong>The Solution \u2705: <\/strong>Real-time GPS tracking, AI-powered smart routing, an advanced digital customer portal, and predictive analytics to improve performance and resources.<\/p>\t\t\t\t\t\t\t\t\t<div style=\"margin-top:auto;\"><h4 style=\"color:var(--cardtitle);font-size:15px;margin:0 0 10px;\">Key Results<\/h4><div class=\"cs-metrics\"><div class=\"cs-metric\"><div class=\"cs-metric-value\">40%<\/div><div class=\"cs-metric-label\">Improve efficiency<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">60%<\/div><div class=\"cs-metric-label\">Reduce costs<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">98%<\/div><div class=\"cs-metric-label\">Delivery accuracy<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">0<\/div><div class=\"cs-metric-label\">Lost shipments<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-footer\"><span class=\"cs-read\">Read Full Story<\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"cs-reveal\" style=\"--delay:200ms;min-width:0;\" data-study-card data-industry=\"Health\" data-service=\"Automation + Artificial Intelligence\">\n\t\t\t\t\t\t\t<a class=\"cs-card-link\" href=\"https:\/\/cloudx.sa\/en\/case-studies\/fully-smart-clinic-management-system\/\">\t\t\t\t\t\t\t<div class=\"cs-card\">\n\t\t\t\t\t\t\t\t<div class=\"cs-card-head\" style=\"min-height:160px;background:none;\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cloudx.sa\/wp-content\/uploads\/Ai-clinics.png\" alt=\"Medical clinic staff receive patients, digital medical data, and modern medical devices.\" loading=\"lazy\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;\" \/>\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1;\"><\/div>\t\t\t\t\t\t\t\t\t<div style=\"position:relative;z-index:2;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-badges\"><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Health<\/span><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Automation + Artificial Intelligence<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-company\" style=\"text-shadow:0 2px 4px rgba(0,0,0,.3);\">Multispecialty medical clinic<\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-card-body\">\n\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 12px;\"><strong>The Challenge \u26a0\ufe0f: <\/strong>Lack of patient follow-up, long waiting times, missed appointments, lack of effective communication with patients<\/p>\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 14px;\"><strong>The Solution \u2705: <\/strong>Smart booking system, automatic reminders, electronic files, and digital waiting list.<\/p>\t\t\t\t\t\t\t\t\t<div style=\"margin-top:auto;\"><h4 style=\"color:var(--cardtitle);font-size:15px;margin:0 0 10px;\">Key Results<\/h4><div class=\"cs-metrics\"><div class=\"cs-metric\"><div class=\"cs-metric-value\">70%<\/div><div class=\"cs-metric-label\">Reduce waiting time<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">50%<\/div><div class=\"cs-metric-label\">Improve efficiency<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">95%<\/div><div class=\"cs-metric-label\">Patient satisfaction<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">95%<\/div><div class=\"cs-metric-label\">Reduce missed appointments<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-footer\"><span class=\"cs-read\">Read Full Story<\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"cs-reveal\" style=\"--delay:240ms;min-width:0;\" data-study-card data-industry=\"Education\" data-service=\"Automation + Artificial Intelligence\">\n\t\t\t\t\t\t\t<a class=\"cs-card-link\" href=\"https:\/\/cloudx.sa\/en\/case-studies\/ai-powered-smart-educational-platform\/\">\t\t\t\t\t\t\t<div class=\"cs-card\">\n\t\t\t\t\t\t\t\t<div class=\"cs-card-head\" style=\"min-height:160px;background:none;\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/pexels-photo-4144294-4144294-1024x535.jpg\" alt=\"Top-down image of a workspace with a person working on a laptop and tablet, and papers on a wooden desk\" loading=\"lazy\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;\" \/>\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1;\"><\/div>\t\t\t\t\t\t\t\t\t<div style=\"position:relative;z-index:2;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-badges\"><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Education<\/span><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Automation + Artificial Intelligence<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-company\" style=\"text-shadow:0 2px 4px rgba(0,0,0,.3);\">E-learning Platform<\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-card-body\">\n\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 12px;\"><strong>The Challenge \u26a0\ufe0f: <\/strong>65% of students do not commit to courses. Lack of motivation, sometimes difficult content, insufficient support<\/p>\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 14px;\"><strong>The Solution \u2705: <\/strong>AI for content personalization, 24\/7 support Chatbot, predictive analytics, and an intelligent motivation system.<\/p>\t\t\t\t\t\t\t\t\t<div style=\"margin-top:auto;\"><h4 style=\"color:var(--cardtitle);font-size:15px;margin:0 0 10px;\">Key Results<\/h4><div class=\"cs-metrics\"><div class=\"cs-metric\"><div class=\"cs-metric-value\">3x<\/div><div class=\"cs-metric-label\">Increased engagement<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">85%<\/div><div class=\"cs-metric-label\">Learner satisfaction<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">30%<\/div><div class=\"cs-metric-label\">Increased completion rate<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">40%<\/div><div class=\"cs-metric-label\">Improved student experience<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-footer\"><span class=\"cs-read\">Read Full Story<\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"cs-reveal\" style=\"--delay:280ms;min-width:0;\" data-study-card data-industry=\"Restaurants and Delivery\" data-service=\"Automation + Artificial Intelligence, Mobile Apps\">\n\t\t\t\t\t\t\t<a class=\"cs-card-link\" href=\"https:\/\/cloudx.sa\/en\/case-studies\/how-we-increased-a-restaurant-orders-by-250-through-a-mobile-app\/\">\t\t\t\t\t\t\t<div class=\"cs-card\">\n\t\t\t\t\t\t\t\t<div class=\"cs-card-head\" style=\"min-height:160px;background:none;\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cloudx.sa\/wp-content\/uploads\/Wideangle_shot_of_202512161257-1024x576.jpeg\" alt=\"\u062d\u0641\u0644\u0629 \u0637\u0639\u0627\u0645 \u0648\u062a\u062c\u0645\u0639 \u0627\u062c\u062a\u0645\u0627\u0639\u064a \u0645\u0639 \u0636\u064a\u0648\u0641 \u0648\u0639\u0627\u0645\u0644\u064a\u0646 \u064a\u0642\u062f\u0645\u0648\u0646 \u0627\u0644\u0637\u0639\u0627\u0645 \u0628\u0623\u0636\u0648\u0627\u0621 \u062f\u0627\u0641\u0626\u0629\" loading=\"lazy\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;\" \/>\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1;\"><\/div>\t\t\t\t\t\t\t\t\t<div style=\"position:relative;z-index:2;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-badges\"><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Restaurants and Delivery<\/span><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Automation + Artificial Intelligence, Mobile Apps<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-company\" style=\"text-shadow:0 2px 4px rgba(0,0,0,.3);\">Fast-food restaurants<\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-card-body\">\n\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 12px;\"><strong>The Challenge \u26a0\ufe0f: <\/strong>35% commissions on every order to platforms, no proprietary customer database, low customer return rate (25%).<\/p>\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 14px;\"><strong>The Solution \u2705: <\/strong>Custom delivery app, smart loyalty system, instant notifications, and direct ordering with no commissions.<\/p>\t\t\t\t\t\t\t\t\t<div style=\"margin-top:auto;\"><h4 style=\"color:var(--cardtitle);font-size:15px;margin:0 0 10px;\">Key Results<\/h4><div class=\"cs-metrics\"><div class=\"cs-metric\"><div class=\"cs-metric-value\">250%<\/div><div class=\"cs-metric-label\">Increase in orders<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">35%<\/div><div class=\"cs-metric-label\">Saving on commissions<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">4.9\/5<\/div><div class=\"cs-metric-label\">App Rating<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">68%<\/div><div class=\"cs-metric-label\">Customer return rate<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-footer\"><span class=\"cs-read\">Read Full Story<\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"cs-reveal\" style=\"--delay:320ms;min-width:0;\" data-study-card data-industry=\"E-commerce\" data-service=\"Automation + Artificial Intelligence\">\n\t\t\t\t\t\t\t<a class=\"cs-card-link\" href=\"https:\/\/cloudx.sa\/en\/case-studies\/how-we-saved-a-saudi-ecommerce-company\/\">\t\t\t\t\t\t\t<div class=\"cs-card\">\n\t\t\t\t\t\t\t\t<div class=\"cs-card-head\" style=\"min-height:160px;background:none;\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/A_closeup_atmospheric_202512161310-1024x576.jpeg\" alt=\"\u0635\u0648\u0631\u0629 \u0642\u0631\u064a\u0628\u0629 \u0644\u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u062a\u0639\u0631\u0636 \u062c\u0647\u0627\u0632 \u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0628\u0634\u0627\u0634\u0629 \u0632\u0631\u0642\u0627\u0621 \u0648\u0625\u0636\u0627\u0621\u0629 \u062f\u0627\u0641\u0626\u0629\" loading=\"lazy\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;\" \/>\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1;\"><\/div>\t\t\t\t\t\t\t\t\t<div style=\"position:relative;z-index:2;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-badges\"><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">E-commerce<\/span><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Automation + Artificial Intelligence<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-company\" style=\"text-shadow:0 2px 4px rgba(0,0,0,.3);\">Saudi e-commerce company<\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-card-body\">\n\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 12px;\"><strong>The Challenge \u26a0\ufe0f: <\/strong>Massive pressure on customer service, cash-on-delivery problems, sales growth revealed weak operations<\/p>\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 14px;\"><strong>The Solution \u2705: <\/strong>Automated system integration, customer communication automation, smart chatbot to relieve pressure on customer service.<\/p>\t\t\t\t\t\t\t\t\t<div style=\"margin-top:auto;\"><h4 style=\"color:var(--cardtitle);font-size:15px;margin:0 0 10px;\">Key Results<\/h4><div class=\"cs-metrics\"><div class=\"cs-metric\"><div class=\"cs-metric-value\">14<\/div><div class=\"cs-metric-label\">Hour saved weekly<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">65%<\/div><div class=\"cs-metric-label\">Reduce customer service pressure<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">1 min<\/div><div class=\"cs-metric-label\">Response speed<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">40K<\/div><div class=\"cs-metric-label\">SAR saved\/year<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-footer\"><span class=\"cs-read\">Read Full Story<\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<article class=\"cs-reveal\" style=\"--delay:360ms;min-width:0;\" data-study-card data-industry=\"Consultations\" data-service=\"Digital Transformation\">\n\t\t\t\t\t\t\t<a class=\"cs-card-link\" href=\"https:\/\/cloudx.sa\/en\/case-studies\/full-digitization-of-consulting-company-operations\/\">\t\t\t\t\t\t\t<div class=\"cs-card\">\n\t\t\t\t\t\t\t\t<div class=\"cs-card-head\" style=\"min-height:160px;background:none;\">\n\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/Create_a_wide_202512161117-1024x576.jpeg\" alt=\"\u0635\u0648\u0631\u0629 \u0639\u0631\u064a\u0636\u0629 \u0644\u0641\u0631\u064a\u0642 \u0639\u0645\u0644 \u0641\u064a \u0645\u0643\u062a\u0628 \u062d\u062f\u064a\u062b \u064a\u0646\u0627\u0642\u0634 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u062d\u0644\u064a\u0644\u0627\u062a \u0639\u0644\u0649 \u0634\u0627\u0634\u0629 \u0639\u0631\u0636 \u062a\u0641\u0627\u0639\u0644\u064a\u0629\" loading=\"lazy\" style=\"position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;\" \/>\t\t\t\t\t\t\t\t\t<div aria-hidden=\"true\" style=\"position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.3) 0%,rgba(0,0,0,.6) 100%);z-index:1;\"><\/div>\t\t\t\t\t\t\t\t\t<div style=\"position:relative;z-index:2;\">\n\t\t\t\t\t\t\t\t\t\t<div class=\"cs-badges\"><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Consultations<\/span><span class=\"cs-badge\" style=\"backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);\">Digital Transformation<\/span><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"cs-company\" style=\"text-shadow:0 2px 4px rgba(0,0,0,.3);\">Management Consulting Company<\/h3>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-card-body\">\n\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 12px;\"><strong>The Challenge \u26a0\ufe0f: <\/strong>Traditional project management, time-consuming manual reports, difficulty in tracking work hours.<\/p>\t\t\t\t\t\t\t\t\t<p class=\"cs-copy\" style=\"margin:0 0 14px;\"><strong>The Solution \u2705: <\/strong>Integrated project management system, report automation, smart time tracking, and collaborative workspace.<\/p>\t\t\t\t\t\t\t\t\t<div style=\"margin-top:auto;\"><h4 style=\"color:var(--cardtitle);font-size:15px;margin:0 0 10px;\">Key Results<\/h4><div class=\"cs-metrics\"><div class=\"cs-metric\"><div class=\"cs-metric-value\">12<\/div><div class=\"cs-metric-label\">Hours saved per week<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">40%<\/div><div class=\"cs-metric-label\">Increased productivity<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">95%<\/div><div class=\"cs-metric-label\">Team satisfaction<\/div><\/div><div class=\"cs-metric\"><div class=\"cs-metric-value\">100%<\/div><div class=\"cs-metric-label\">Automated reports<\/div><\/div><\/div><\/div>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"cs-footer\"><span class=\"cs-read\">Read Full Story<\/span><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/a>\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t<div class=\"cs-no-results\" data-no-results>No case studies are currently available.<\/div>\n\n\t\t\t\t<div class=\"cs-cta cs-reveal\" style=\"--delay:240ms;\"><p>Explore All Success Stories<\/p><a href=\"\/en\/case-studies\/\">View All Stories<\/a><\/div>\t\t\t<\/div>\n\t\t<\/section>\n\t<\/div>\n<\/div>\r\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-2715d7bb alignfull uagb-is-root-container\">\n<div class=\"steps-section-update-me\">\n\t<style>\n\t\t.steps-section-6 .steps-container {\n\t\t\tmax-width: 1200px;\n\t\t\tmargin: 0 auto;\n\t\t\tposition: relative;\n\t\t\tz-index: 10;\n\t\t}\n\n\t\t.steps-section-6 .steps-header {\n\t\t\ttext-align: center;\n\t\t\tmargin-bottom: 48px;\n\t\t}\n\n\t\t.steps-section-6 .steps-title {\n\t\t\tcolor: #ffffff;\n\t\t\tfont-size: 2.5rem;\n\t\t\tfont-weight: 700;\n\t\t\tmargin: 0 0 12px 0;\n\t\t}\n\n\t\t.steps-section-6 .steps-subtitle {\n\t\t\tcolor: #e0e0e0;\n\t\t\tfont-size: 1.1rem;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t.steps-section-6 .steps-timeline {\n\t\t\tmax-width: 1024px;\n\t\t\tmargin: 0 auto 64px auto;\n\t\t\tlist-style: none;\n\t\t\tpadding: 0;\n\t\t}\n\n\t\t.steps-section-6 .steps-timeline-item {\n\t\t\tposition: relative;\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tgap: 24px;\n\t\t\tmargin-bottom: 48px;\n\t\t}\n\n\t\t.steps-section-6 .steps-timeline-item:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t.steps-section-6 .steps-index {\n\t\t\tposition: relative;\n\t\t\tz-index: 10;\n\t\t\tflex-shrink: 0;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\twidth: 64px;\n\t\t\theight: 64px;\n\t\t\tborder-radius: 9999px;\n\t\t\tbackground: linear-gradient(135deg, #10b981 0%, rgba(16, 185, 129, 0.7) 100%);\n\t\t\tcolor: #ffffff;\n\t\t\tfont-size: 1.25rem;\n\t\t\tfont-weight: 700;\n\t\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n\t\t}\n\n\t\t.steps-section-6 .steps-index-ring {\n\t\t\tposition: absolute;\n\t\t\tinset: 0;\n\t\t\tborder-radius: 9999px;\n\t\t\tborder: 2px solid #10b981;\n\t\t\topacity: 0.5;\n\t\t\ttransform: scale(1);\n\t\t}\n\n\t\t.steps-section-6.steps-is-enhanced .steps-index-ring {\n\t\t\tanimation: steps-ring-pulse 2s ease-in-out infinite;\n\t\t}\n\n\t\t.steps-section-6 .steps-connector {\n\t\t\tposition: absolute;\n\t\t\tleft: 32px;\n\t\t\ttop: 64px;\n\t\t\twidth: 2px;\n\t\t\theight: calc(100% + 48px);\n\t\t\tbackground: linear-gradient(to bottom, rgba(16, 185, 129, 0.3) 0%, transparent 100%);\n\t\t\tz-index: 5;\n\t\t}\n\n\t\t.steps-section-6 .steps-card {\n\t\t\tflex: 1;\n\t\t\tbackground-color: #ffffff;\n\t\t\tborder-radius: 12px;\n\t\t\tpadding: 24px;\n\t\t\tbox-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n\t\t\tborder: 1px solid rgba(0, 0, 0, 0.05);\n\t\t\ttransition: box-shadow 0.3s ease, transform 0.3s ease;\n\t\t}\n\n\t\t@media (hover: hover) {\n\t\t\t.steps-section-6 .steps-card:hover {\n\t\t\t\tbox-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\t\t}\n\n\t\t.steps-section-6 .steps-card-title-row {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 12px;\n\t\t\tmargin-bottom: 12px;\n\t\t}\n\n\t\t.steps-section-6 .steps-card-icon {\n\t\t\tfont-size: 1.875rem;\n\t\t}\n\n\t\t.steps-section-6 .steps-card-title {\n\t\t\tmargin: 0;\n\t\t\tcolor: #1a1a1a;\n\t\t\tfont-size: 1.25rem;\n\t\t\tfont-weight: 700;\n\t\t}\n\n\t\t.steps-section-6 .steps-card-description {\n\t\t\tcolor: #666666;\n\t\t\tfont-size: 1rem;\n\t\t\tline-height: 1.6;\n\t\t\tmargin: 0 0 16px 0;\n\t\t}\n\n\t\t.steps-section-6 .steps-card-bullets {\n\t\t\tcolor: #666666;\n\t\t\tfont-size: 0.95rem;\n\t\t\tline-height: 1.7;\n\t\t\tmargin: 0 0 16px 0;\n\t\t\tpadding-right: 20px;\n\t\t\tlist-style-type: disc;\n\t\t}\n\n\t\t.steps-section-6 .steps-card-bullets li {\n\t\t\tmargin-bottom: 6px;\n\t\t}\n\n\t\t.steps-section-6 .steps-accent-line {\n\t\t\theight: 4px;\n\t\t\tbackground: linear-gradient(to left, #10b981 0%, transparent 100%);\n\t\t\tborder-radius: 2px;\n\t\t\ttransform-origin: right center;\n\t\t}\n\n\t\t.steps-section-6.steps-is-enhanced .steps-accent-line {\n\t\t\tanimation: steps-accent-in 0.8s ease-out both;\n\t\t\tanimation-delay: var(--steps-accent-delay, 0s);\n\t\t}\n\n\t\t.steps-section-6 .steps-cta {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.steps-section-6 .steps-cta-subtext {\n\t\t\tcolor: #e0e0e0;\n\t\t\tfont-size: 0.95rem;\n\t\t\tmargin: 0 0 12px 0;\n\t\t}\n\n\t\t.steps-section-6 .steps-cta-button {\n\t\t\tdisplay: inline-flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\tbackground-color: #10b981;\n\t\t\tcolor: #ffffff;\n\t\t\tpadding: 14px 32px;\n\t\t\tborder-radius: 8px;\n\t\t\ttext-decoration: none;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 1.1rem;\n\t\t\tcursor: pointer;\n\t\t\tbox-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n\t\t\ttransition: transform 0.2s ease, box-shadow 0.2s ease;\n\t\t}\n\n\t\t@media (hover: hover) {\n\t\t\t.steps-section-6 .steps-cta-button:hover {\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t\tbox-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);\n\t\t\t}\n\t\t}\n\n\t\t.steps-section-6 .steps-orb {\n\t\t\tposition: absolute;\n\t\t\tborder-radius: 9999px;\n\t\t\tfilter: blur(60px);\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t.steps-section-6 .steps-orb-1 {\n\t\t\ttop: 80px;\n\t\t\tright: 25%;\n\t\t\twidth: 384px;\n\t\t\theight: 384px;\n\t\t\tbackground: rgba(16, 185, 129, 0.2);\n\t\t}\n\n\t\t.steps-section-6 .steps-orb-2 {\n\t\t\tbottom: 80px;\n\t\t\tleft: 25%;\n\t\t\twidth: 320px;\n\t\t\theight: 320px;\n\t\t\tbackground: rgba(255, 255, 255, 0.1);\n\t\t}\n\n\t\t.steps-section-6 .steps-orb-3 {\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\twidth: 500px;\n\t\t\theight: 500px;\n\t\t\tbackground: rgba(16, 185, 129, 0.15);\n\t\t}\n\n\t\t.steps-section-6.steps-is-enhanced .steps-orb-1 {\n\t\t\tanimation: steps-pulse-slow 4s ease-in-out infinite;\n\t\t}\n\n\t\t.steps-section-6.steps-is-enhanced .steps-orb-2 {\n\t\t\tanimation: steps-pulse-slow 4s ease-in-out infinite;\n\t\t\tanimation-delay: 1.5s;\n\t\t}\n\n\t\t@keyframes steps-pulse-slow {\n\t\t\t0%, 100% { opacity: 0.6; transform: scale(1); }\n\t\t\t50% { opacity: 0.8; transform: scale(1.05); }\n\t\t}\n\n\t\t@keyframes steps-ring-pulse {\n\t\t\t0% { transform: scale(1); opacity: 0.5; }\n\t\t\t50% { transform: scale(1.2); opacity: 0; }\n\t\t\t100% { transform: scale(1); opacity: 0.5; }\n\t\t}\n\n\t\t@keyframes steps-accent-in {\n\t\t\tfrom { transform: scaleX(0); }\n\t\t\tto { transform: scaleX(1); }\n\t\t}\n\n\t\t@media (max-width: 767px) {\n\t\t\t.steps-section-6 .steps-title {\n\t\t\t\tfont-size: 2rem;\n\t\t\t}\n\n\t\t\t.steps-section-6 .steps-timeline-item {\n\t\t\t\tgap: 16px;\n\t\t\t}\n\t\t}\n\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t.steps-section-6 .steps-card,\n\t\t\t.steps-section-6 .steps-cta-button {\n\t\t\t\ttransition: none;\n\t\t\t}\n\n\t\t\t.steps-section-6 .steps-orb,\n\t\t\t.steps-section-6 .steps-index-ring,\n\t\t\t.steps-section-6 .steps-accent-line {\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 class=\"steps-section-block steps-section-6\" style=\"background:linear-gradient(to bottom right, #0A192F, rgba(10, 25, 47, 0.95), rgba(16, 185, 129, 0.9));padding:60px 20px;position:relative;overflow:hidden;\" aria-label=\"Our Transparent Process\">\n\t\t\t\t\t\t\t\t\t\t\t\t<svg style=\"position:absolute;inset:0;width:100%;height:100%;pointer-events:none;\" aria-hidden=\"true\">\n\t\t\t\t\t\t<defs>\n\t\t\t\t\t\t\t<pattern id=\"steps-section-6-pattern\" x=\"0\" y=\"0\" width=\"30\" height=\"30\" patternUnits=\"userSpaceOnUse\">\n\t\t\t\t\t\t\t\t<circle cx=\"2\" cy=\"2\" r=\"1.5\" fill=\"rgba(255, 255, 255, 0.05)\" \/>\n\t\t\t\t\t\t\t<\/pattern>\n\t\t\t\t\t\t<\/defs>\n\t\t\t\t\t\t<rect x=\"0\" y=\"0\" width=\"100%\" height=\"100%\" fill=\"url(#steps-section-6-pattern)\" \/>\n\t\t\t\t\t<\/svg>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<div class=\"steps-orb steps-orb-1\" aria-hidden=\"true\"><\/div>\n\t\t\t\t<div class=\"steps-orb steps-orb-2\" aria-hidden=\"true\"><\/div>\n\t\t\t\t<div class=\"steps-orb steps-orb-3\" aria-hidden=\"true\"><\/div>\n\t\t\t\n\t\t\t<div class=\"steps-container\">\n\t\t\t\t\t\t\t\t\t<header class=\"steps-header\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<h2 class=\"steps-title\">Our Transparent Process<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<p class=\"steps-subtitle\">Five simple steps from purchase to delivery<\/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<ol class=\"steps-timeline\" aria-label=\"Process steps\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"steps-timeline-item\" data-step-id=\"step-1\">\n\t\t\t\t\t\t\t\t<div class=\"steps-index\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t1\t\t\t\t\t\t\t\t\t<span class=\"steps-index-ring\"><\/span>\n\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\t\t<div class=\"steps-connector\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<article class=\"steps-card\">\n\t\t\t\t\t\t\t\t\t<div class=\"steps-card-title-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"steps-card-icon\">\ud83d\udcac<\/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<h3 class=\"steps-card-title\">Free Consultation &amp; Understanding Your Needs<\/h3>\n\t\t\t\t\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\t\t\t\t<p class=\"steps-card-description\">An online session lasting 30-45 minutes to thoroughly understand your business, challenges, and goals.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-accent-line\" aria-hidden=\"true\" style=\"--steps-accent-delay:0.20s;\"><\/div>\n\t\t\t\t\t\t\t\t<\/article>\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=\"steps-timeline-item\" data-step-id=\"step-3\">\n\t\t\t\t\t\t\t\t<div class=\"steps-index\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t2\t\t\t\t\t\t\t\t\t<span class=\"steps-index-ring\"><\/span>\n\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\t\t<div class=\"steps-connector\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<article class=\"steps-card\">\n\t\t\t\t\t\t\t\t\t<div class=\"steps-card-title-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"steps-card-icon\">\u2705<\/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<h3 class=\"steps-card-title\">Providing the Best Tech Solutions<\/h3>\n\t\t\t\t\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\t\t\t\t<p class=\"steps-card-description\">We offer you the best solution with a detailed implementation plan, timeline, and estimated cost.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-accent-line\" aria-hidden=\"true\" style=\"--steps-accent-delay:0.30s;\"><\/div>\n\t\t\t\t\t\t\t\t<\/article>\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=\"steps-timeline-item\" data-step-id=\"step-2\">\n\t\t\t\t\t\t\t\t<div class=\"steps-index\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t3\t\t\t\t\t\t\t\t\t<span class=\"steps-index-ring\"><\/span>\n\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\t\t<div class=\"steps-connector\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<article class=\"steps-card\">\n\t\t\t\t\t\t\t\t\t<div class=\"steps-card-title-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"steps-card-icon\">\ud83c\udfa8<\/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<h3 class=\"steps-card-title\">Implementation &amp; Integration with Your Systems<\/h3>\n\t\t\t\t\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\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<ul class=\"steps-card-bullets\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>We develop the agreed-upon solution (website, app, automation scenarios) and integrate it with your systems.<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<li>We test everything practically from the end-user perspective to ensure speed, stability, and a comfortable user experience.<\/li>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-accent-line\" aria-hidden=\"true\" style=\"--steps-accent-delay:0.40s;\"><\/div>\n\t\t\t\t\t\t\t\t<\/article>\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=\"steps-timeline-item\" data-step-id=\"step-1767594776398\">\n\t\t\t\t\t\t\t\t<div class=\"steps-index\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t4\t\t\t\t\t\t\t\t\t<span class=\"steps-index-ring\"><\/span>\n\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\t\t<div class=\"steps-connector\" aria-hidden=\"true\"><\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<article class=\"steps-card\">\n\t\t\t\t\t\t\t\t\t<div class=\"steps-card-title-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"steps-card-icon\">\ud83d\ude80<\/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<h3 class=\"steps-card-title\">Training &amp; Launch<\/h3>\n\t\t\t\t\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\t\t\t\t<p class=\"steps-card-description\">We launch the project with you step by step and provide brief training for you and your team on using and controlling the system daily.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-accent-line\" aria-hidden=\"true\" style=\"--steps-accent-delay:0.50s;\"><\/div>\n\t\t\t\t\t\t\t\t<\/article>\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=\"steps-timeline-item\" data-step-id=\"step-1767597019778\">\n\t\t\t\t\t\t\t\t<div class=\"steps-index\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\t5\t\t\t\t\t\t\t\t\t<span class=\"steps-index-ring\"><\/span>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<article class=\"steps-card\">\n\t\t\t\t\t\t\t\t\t<div class=\"steps-card-title-row\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"steps-card-icon\">\u2705<\/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<h3 class=\"steps-card-title\">Ongoing Support<\/h3>\n\t\t\t\t\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\t\t\t\t<p class=\"steps-card-description\">We provide post-launch support with the possibility of improving and adjusting flows based on real-world results.<\/p>\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"steps-accent-line\" aria-hidden=\"true\" style=\"--steps-accent-delay:0.60s;\"><\/div>\n\t\t\t\t\t\t\t\t<\/article>\n\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t\t\t\t<\/ol>\n\t\t\t\t\n\t\t\t\t<div class=\"steps-cta\">\n\t\t\t\t\t\t\t\t\t\t\t<p class=\"steps-cta-subtext\">Experience the Results! Book Your Free Consultation Now<\/p>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a class=\"steps-cta-button\" href=\"\/en\/contact-us\/\">\n\t\t\t\t\t\t\t<span aria-hidden=\"true\">\u26a1<\/span>\n\t\t\t\t\t\t\tStart Now for Free\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t<\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-09ccde2f alignfull uagb-is-root-container\"><div class=\"testimonials-section-update-me\">\n    <style>\n        .testimonials-section-7 .testimonials-slide[hidden] {\n            display: none !important;\n        }\n\n        .testimonials-section-7 .testimonials-nav-btn,\n        .testimonials-section-7 .testimonials-dot {\n            transition: all 0.28s ease;\n        }\n\n        .testimonials-section-7.testimonials-is-enhanced .testimonials-nav-btn:hover,\n        .testimonials-section-7.testimonials-is-enhanced .testimonials-nav-btn:focus-visible {\n            background-color: var(--testimonials-nav-hover-bg);\n            color: var(--testimonials-nav-hover-color);\n            transform: scale(1.05);\n        }\n\n        .testimonials-section-7 .testimonials-nav-btn:active {\n            transform: scale(0.95);\n        }\n\n        .testimonials-section-7 .testimonials-dot[aria-current=\"true\"] {\n            width: 16px;\n            background-color: var(--testimonials-dot-active);\n        }\n\n        .testimonials-section-7 .testimonials-dot[aria-current=\"false\"] {\n            width: 6px;\n            background-color: var(--testimonials-dot-inactive);\n        }\n\n        @media (prefers-reduced-motion: reduce) {\n            .testimonials-section-7 .testimonials-nav-btn,\n            .testimonials-section-7 .testimonials-dot {\n                transition: none;\n            }\n        }\n    <\/style>\n\n    <div class=\"my-unique-plugin-wrapper-class\">\n        <section\n            class=\"testimonials-section-block testimonials-section-7\"\n            data-autoplay-ms=\"5000\"\n            data-autoplay-enabled=\"1\"\n            style=\"\n                --testimonials-nav-hover-bg: #00C897;\n                --testimonials-nav-hover-color: #ffffff;\n                --testimonials-dot-active: #00C897;\n                --testimonials-dot-inactive: #D1D5DB;\n                                    background: linear-gradient(to bottom, #F9FAFB, #ffffff);\n                                padding: 80px 20px;\n                direction: ltr;\n                position: relative;\n                overflow: hidden;\n            \"\n            aria-label=\"Testimonials carousel\"\n        >\n                            <svg\n                    style=\"position: absolute; top: 0; left: 0; width: 100%; height: 120px; pointer-events: none;\"\n                    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n                    viewBox=\"0 0 1440 120\"\n                    preserveAspectRatio=\"none\"\n                    aria-hidden=\"true\"\n                >\n                    <path\n                        d=\"M0,64L48,69.3C96,75,192,85,288,80C384,75,480,53,576,48C672,43,768,53,864,64C960,75,1056,85,1152,80C1248,75,1344,53,1392,42.7L1440,32L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z\"\n                        fill=\"rgba(249, 250, 251, 0.08)\"\n                    \/>\n                <\/svg>\n            \n            <div style=\"max-width: 1200px; margin: 0 auto; position: relative; z-index: 10;\">\n                <header style=\"text-align: center; margin-bottom: 48px;\">\n                                            <h2\n                            style=\"\n                                color: #0A192F;\n                                font-size: clamp(1.875rem, 4vw, 3rem);\n                                font-weight: bold;\n                                margin: 0 0 16px;\n                            \"\n                        >What Our Clients Say?<\/h2>\n                    \n                                            <p\n                            style=\"\n                                color: #4B5563;\n                                font-size: clamp(1rem, 2vw, 1.25rem);\n                                max-width: 768px;\n                                margin: 0 auto;\n                            \"\n                        >Real experiences from satisfied clients<\/p>\n                    \n                    <div\n                        style=\"\n                            width: 48px;\n                            height: 2px;\n                            background: linear-gradient(to right, #00C897, #0A192F);\n                            border-radius: 9999px;\n                            margin: 16px auto 0;\n                        \"\n                        aria-hidden=\"true\"\n                    ><\/div>\n                <\/header>\n\n                                    <div style=\"margin-top: 64px;\">\n                        <div class=\"testimonials-slides\">\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"0\"\n                                    aria-hidden=\"false\"\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >N<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Noura Al-Subaie                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        Sales Manager                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Lamaa Store                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;Our direct interaction was with Engineer Mustafa, and he was truly responsible. He explained each step simply and was very cooperative with modifications until we achieved the result we wanted. Thanks to him and the whole team, a service worthy of appreciation.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"1\"\n                                    aria-hidden=\"true\"\n                                                                            hidden\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >T<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Turki Al-Dosari                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        Chief Operating Officer                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Saree Express                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;Our experience was excellent from the start, but honestly, the direct follow-up from Engineer Mohammed saved us a lot of time. Any problem that arose, he dealt with it quickly and professionally. We thank him from the heart, and we would be honored to work with him again in future expansions.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"2\"\n                                    aria-hidden=\"true\"\n                                                                            hidden\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >M<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Majid Al-Anzi                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        IT Manager                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Business Gate Company                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;Honestly, neat work and classy treatment, and what made the most difference for us was Engineer Mohammed&#039;s daily follow-up. He wouldn&#039;t leave any note without getting back to us with a clear and quick solution. May God reward him well, we felt that there was someone who truly understood our needs and walked with us to the end.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"3\"\n                                    aria-hidden=\"true\"\n                                                                            hidden\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >R<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Reem Al-Mutairi                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        Brand Owner                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Lamsa Style                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;We needed a fast store that&#039;s easy to manage, and CloudX provided us with an excellent solution in terms of design, speed, and integrating payment and shipping. We actually started receiving orders from the first week after launch. A professional team in handling and support, and we highly recommend them.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"4\"\n                                    aria-hidden=\"true\"\n                                                                            hidden\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >D<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Dr. Sarah Al-Harbi                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        Medical Director                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Nabd Al-Hayat Clinics                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;Before the project, we had appointment pressure and frequent missed bookings. After implementing the system with CloudX, bookings became more accurate, and waiting times decreased significantly. We thank the entire team for their professionalism, and most importantly, they continued to follow up with us after launch.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"5\"\n                                    aria-hidden=\"true\"\n                                                                            hidden\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >N<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Nasser Al-Qahtani                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        Digital Transformation Manager                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Masaraat Logistics Company                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;We entered the consultation session hesitant about choosing the right solution, and we came out with a clear implementation plan and precise ROI figures. In a short period, we reduced operational errors and started working with greater confidence. May God bless you, your approach is practical and without complexity.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"6\"\n                                    aria-hidden=\"true\"\n                                                                            hidden\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >A<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Abdulaziz Al-Shahri                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        CEO                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Flavor of Riyadh Restaurants                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;We used to rely on platforms and lose a large percentage from each order. After developing the app with CloudX, we now have a direct sales channel, and orders increased significantly within the first two months. Honestly, their service is excellent, response speed is high, and every modification we requested was done quickly and professionally.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                                                            <article\n                                    class=\"testimonials-slide\"\n                                    data-index=\"7\"\n                                    aria-hidden=\"true\"\n                                                                            hidden\n                                                                    >\n                                    <div\n                                        style=\"\n                                            background-color: #ffffff;\n                                            border-radius: 16px;\n                                            padding: 32px;\n                                            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);\n                                            max-width: 1200px;\n                                            margin: 0 auto;\n                                        \"\n                                    >\n                                        <div style=\"display: flex; align-items: center; gap: 16px; margin-bottom: 16px;\">\n                                                                                            <div\n                                                    aria-hidden=\"true\"\n                                                    style=\"\n                                                        width: 64px;\n                                                        height: 64px;\n                                                        border-radius: 50%;\n                                                        background-color: rgba(0, 200, 151, 0.2);\n                                                        display: flex;\n                                                        align-items: center;\n                                                        justify-content: center;\n                                                        color: #00C897;\n                                                        font-weight: bold;\n                                                        font-size: 1.25rem;\n                                                    \"\n                                                >F<\/div>\n                                            \n                                            <div>\n                                                <h3 style=\"color: #0A192F; font-size: 1.125rem; font-weight: bold; margin: 0;\">\n                                                    Fahad Al-Otaibi                                                <\/h3>\n                                                                                                    <p style=\"color: #6B7280; font-size: 0.875rem; margin: 4px 0;\">\n                                                        Operations Manager                                                    <\/p>\n                                                                                                                                                    <p style=\"color: #9CA3AF; font-size: 0.75rem; margin: 0;\">\n                                                        Supply Corner Trading Company                                                    <\/p>\n                                                                                            <\/div>\n                                        <\/div>\n\n                                                                                    <div style=\"display: flex; gap: 4px; margin-bottom: 12px;\" aria-label=\"Rated 5 out of 5\">\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                                    <svg\n                                                        style=\"width: 20px; height: 20px; color: #FBBF24;\"\n                                                        fill=\"currentColor\"\n                                                        viewBox=\"0 0 20 20\"\n                                                        aria-hidden=\"true\"\n                                                    >\n                                                        <path d=\"M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z\" \/>\n                                                    <\/svg>\n                                                                                            <\/div>\n                                        \n                                        <blockquote\n                                            style=\"\n                                                color: #374151;\n                                                font-size: 1rem;\n                                                line-height: 1.75;\n                                                font-style: italic;\n                                                margin: 0;\n                                            \"\n                                        >&ldquo;Professional handling from the first meeting, and the CloudX team was clear with us at every step. After implementing automation in our operations department, we saved approximately 22 hours per week, and the follow-up became much more accurate. May God grant you wellness, you truly made a difference in the speed of execution and clarity of results.&rdquo;<\/blockquote>\n                                    <\/div>\n                                <\/article>\n                                                    <\/div>\n\n                                                    <div\n                                style=\"\n                                    display: flex;\n                                    gap: 16px;\n                                    justify-content: center;\n                                    align-items: center;\n                                    margin-top: 32px;\n                                \"\n                            >\n                                <button\n                                    type=\"button\"\n                                    class=\"testimonials-nav-btn testimonials-prev\"\n                                    aria-label=\"Previous testimonial\"\n                                    style=\"\n                                        width: 48px;\n                                        height: 48px;\n                                        border-radius: 50%;\n                                        background-color: #ffffff;\n                                        color: #0A192F;\n                                        border: none;\n                                        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n                                        cursor: pointer;\n                                        display: flex;\n                                        align-items: center;\n                                        justify-content: center;\n                                        font-size: 1rem;\n                                    \"\n                                >&#10094;<\/button>\n\n                                <div class=\"testimonials-dots\" style=\"display: flex; align-items: center; gap: 6px;\">\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"0\"\n                                            aria-label=\"Go to testimonial 1\"\n                                            aria-current=\"true\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 16px;\n                                                border-radius: 9999px;\n                                                background-color: #00C897;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"1\"\n                                            aria-label=\"Go to testimonial 2\"\n                                            aria-current=\"false\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 6px;\n                                                border-radius: 9999px;\n                                                background-color: #D1D5DB;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"2\"\n                                            aria-label=\"Go to testimonial 3\"\n                                            aria-current=\"false\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 6px;\n                                                border-radius: 9999px;\n                                                background-color: #D1D5DB;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"3\"\n                                            aria-label=\"Go to testimonial 4\"\n                                            aria-current=\"false\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 6px;\n                                                border-radius: 9999px;\n                                                background-color: #D1D5DB;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"4\"\n                                            aria-label=\"Go to testimonial 5\"\n                                            aria-current=\"false\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 6px;\n                                                border-radius: 9999px;\n                                                background-color: #D1D5DB;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"5\"\n                                            aria-label=\"Go to testimonial 6\"\n                                            aria-current=\"false\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 6px;\n                                                border-radius: 9999px;\n                                                background-color: #D1D5DB;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"6\"\n                                            aria-label=\"Go to testimonial 7\"\n                                            aria-current=\"false\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 6px;\n                                                border-radius: 9999px;\n                                                background-color: #D1D5DB;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                                                                    <button\n                                            type=\"button\"\n                                            class=\"testimonials-dot\"\n                                            data-index=\"7\"\n                                            aria-label=\"Go to testimonial 8\"\n                                            aria-current=\"false\"\n                                            style=\"\n                                                height: 6px;\n                                                width: 6px;\n                                                border-radius: 9999px;\n                                                background-color: #D1D5DB;\n                                                border: none;\n                                                cursor: pointer;\n                                                padding: 0;\n                                            \"\n                                        ><\/button>\n                                                                    <\/div>\n\n                                <button\n                                    type=\"button\"\n                                    class=\"testimonials-nav-btn testimonials-next\"\n                                    aria-label=\"Next testimonial\"\n                                    style=\"\n                                        width: 48px;\n                                        height: 48px;\n                                        border-radius: 50%;\n                                        background-color: #ffffff;\n                                        color: #0A192F;\n                                        border: none;\n                                        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n                                        cursor: pointer;\n                                        display: flex;\n                                        align-items: center;\n                                        justify-content: center;\n                                        font-size: 1rem;\n                                    \"\n                                >&#10095;<\/button>\n                            <\/div>\n                                            <\/div>\n                \n                                    <div\n                        style=\"\n                            margin-top: 64px;\n                            display: grid;\n                            grid-template-columns: repeat(3, minmax(0, 1fr));\n                            gap: 32px;\n                            max-width: 800px;\n                            margin-left: auto;\n                            margin-right: auto;\n                        \"\n                    >\n                                                    <div id=\"stat-1\" style=\"text-align: center;\">\n                                <div\n                                    style=\"\n                                        font-size: clamp(1.5rem, 3vw, 2.25rem);\n                                        font-weight: bold;\n                                        color: #00C897;\n                                        margin-bottom: 8px;\n                                    \"\n                                >4.9\/5<\/div>\n                                <p style=\"color: #6B7280; font-size: 0.875rem; margin: 0;\">\n                                    Average Rating                                <\/p>\n                            <\/div>\n                                                    <div id=\"stat-2\" style=\"text-align: center;\">\n                                <div\n                                    style=\"\n                                        font-size: clamp(1.5rem, 3vw, 2.25rem);\n                                        font-weight: bold;\n                                        color: #00C897;\n                                        margin-bottom: 8px;\n                                    \"\n                                >120+<\/div>\n                                <p style=\"color: #6B7280; font-size: 0.875rem; margin: 0;\">\n                                    Satisfied Client                                <\/p>\n                            <\/div>\n                                                    <div id=\"stat-3\" style=\"text-align: center;\">\n                                <div\n                                    style=\"\n                                        font-size: clamp(1.5rem, 3vw, 2.25rem);\n                                        font-weight: bold;\n                                        color: #00C897;\n                                        margin-bottom: 8px;\n                                    \"\n                                >98%<\/div>\n                                <p style=\"color: #6B7280; font-size: 0.875rem; margin: 0;\">\n                                    Recommend Us                                <\/p>\n                            <\/div>\n                                            <\/div>\n                            <\/div>\n        <\/section>\n    <\/div>\n<\/div>\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-7d0c05af alignfull uagb-is-root-container\"><div\r\n\tclass=\"my-unique-plugin-wrapper-class tech-stack-section-update-me\"\r\n\tdata-partnerships-carousel=\"0\"\r\n\tstyle=\"\r\n\t\t--tech-stack-bg: #ffffff;\r\n\t\t--tech-stack-accent: #019d76;\r\n\t\t--tech-stack-primary: #0A192F;\r\n\t\t--tech-stack-border: #E5E7EB;\r\n\t\t--tech-stack-accent-soft: rgba(1, 157, 118, 0.100);\r\n\t\t--tech-stack-accent-softer: rgba(1, 157, 118, 0.050);\r\n\t\"\r\n>\r\n\t<style>\r\n\t\t.tech-stack-section-update-me .tech-stack-section {\r\n\t\t\tpadding: 80px 20px;\r\n\t\t\tbackground-color: var(--tech-stack-bg);\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__container {\r\n\t\t\tmax-width: 1200px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t\tpadding: 0 16px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__header {\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin-bottom: 60px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__title {\r\n\t\t\tfont-size: 32px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--tech-stack-primary);\r\n\t\t\tmargin: 0 0 12px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__subtitle {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tcolor: #6B7280;\r\n\t\t\tmax-width: 700px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-grid {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\tgap: 32px;\r\n\t\t\tmax-width: 1280px;\r\n\t\t\tmargin: 0 auto 64px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-card {\r\n\t\t\tbackground: linear-gradient(to bottom right, #F9FAFB, #ffffff);\r\n\t\t\tborder: 1px solid var(--tech-stack-border);\r\n\t\t\tborder-radius: 12px;\r\n\t\t\tpadding: 24px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-head {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 12px;\r\n\t\t\tmargin-bottom: 16px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-icon {\r\n\t\t\tfont-size: 36px;\r\n\t\t\tline-height: 1;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tech-name {\r\n\t\t\tfont-size: 20px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--tech-stack-primary);\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tags {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tgap: 8px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tag {\r\n\t\t\tpadding: 6px 12px;\r\n\t\t\tbackground-color: #ffffff;\r\n\t\t\tborder: 1px solid #D1D5DB;\r\n\t\t\tborder-radius: 8px;\r\n\t\t\tfont-size: 14px;\r\n\t\t\tcolor: #374151;\r\n\t\t\tfont-weight: 500;\r\n\t\t\tcursor: default;\r\n\t\t\ttransition: color 0.2s ease, border-color 0.2s ease;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__tag:hover {\r\n\t\t\tcolor: var(--tech-stack-accent);\r\n\t\t\tborder-color: var(--tech-stack-accent);\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partners {\r\n\t\t\tmax-width: 1280px;\r\n\t\t\tmargin: 0 auto;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-title {\r\n\t\t\tfont-size: 28px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--tech-stack-primary);\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin: 0 0 32px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-grid {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\tgap: 24px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel .tech-stack-section__partners-track {\r\n\t\t\tdisplay: grid;\r\n\t\t\tgrid-template-columns: 1fr;\r\n\t\t\tgap: 24px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-card {\r\n\t\t\tbackground-color: #ffffff;\r\n\t\t\tborder: 2px solid var(--tech-stack-border);\r\n\t\t\tborder-radius: 12px;\r\n\t\t\tpadding: 24px;\r\n\t\t\ttext-align: center;\r\n\t\t\ttransition: border-color 0.3s ease, box-shadow 0.3s ease;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-card:hover {\r\n\t\t\tborder-color: var(--tech-stack-accent);\r\n\t\t\tbox-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-logo-wrap {\r\n\t\t\tmargin: 0 auto 16px;\r\n\t\t\tdisplay: flex;\r\n\t\t\tjustify-content: center;\r\n\t\t\talign-items: center;\r\n\t\t\twidth: 140px;\r\n\t\t\theight: 80px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-logo {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: 100%;\r\n\t\t\tobject-fit: contain;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-name {\r\n\t\t\tfont-size: 20px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--tech-stack-primary);\r\n\t\t\tmargin-bottom: 8px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partner-description {\r\n\t\t\tfont-size: 14px;\r\n\t\t\tcolor: #6B7280;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__why {\r\n\t\t\tmax-width: 1024px;\r\n\t\t\tmargin: 64px auto 0;\r\n\t\t\tbackground: linear-gradient(to left, var(--tech-stack-accent-soft), var(--tech-stack-accent-softer));\r\n\t\t\tborder-right: 4px solid var(--tech-stack-accent);\r\n\t\t\tborder-radius: 8px;\r\n\t\t\tpadding: 32px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__why-title {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tfont-weight: 700;\r\n\t\t\tcolor: var(--tech-stack-primary);\r\n\t\t\tmargin: 0 0 16px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__why-list {\r\n\t\t\tlist-style: none;\r\n\t\t\tpadding: 0;\r\n\t\t\tmargin: 0;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__why-item {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: flex-start;\r\n\t\t\tgap: 12px;\r\n\t\t\tmargin-bottom: 12px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__why-check {\r\n\t\t\tcolor: var(--tech-stack-accent);\r\n\t\t\tfont-weight: 700;\r\n\t\t\tmargin-top: 4px;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__why-text {\r\n\t\t\tfont-size: 18px;\r\n\t\t\tcolor: #374151;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__why-text-strong {\r\n\t\t\tfont-weight: 700;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__reveal.is-visible {\r\n\t\t\tanimation: tech-stack-fade-in-up 0.6s ease-out both;\r\n\t\t\tanimation-delay: var(--reveal-delay, 0s);\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active {\r\n\t\t\toverflow: hidden;\r\n\t\t\tposition: relative;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active .tech-stack-section__partners-track {\r\n\t\t\tdisplay: flex;\r\n\t\t\tgap: 40px;\r\n\t\t\twidth: max-content;\r\n\t\t\tanimation: tech-stack-scroll 20s linear infinite;\r\n\t\t}\r\n\r\n\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active .tech-stack-section__partner-card {\r\n\t\t\tmin-width: 240px;\r\n\t\t}\r\n\r\n\t\t@media (min-width: 480px) {\r\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-grid,\r\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel .tech-stack-section__partners-track {\r\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (min-width: 768px) {\r\n\t\t\t.tech-stack-section-update-me .tech-stack-section__tech-grid {\r\n\t\t\t\tgrid-template-columns: repeat(2, minmax(0, 1fr));\r\n\t\t\t}\r\n\r\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-grid,\r\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel .tech-stack-section__partners-track {\r\n\t\t\t\tgrid-template-columns: repeat(4, minmax(0, 1fr));\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@media (prefers-reduced-motion: reduce) {\r\n\t\t\t.tech-stack-section-update-me .tech-stack-section__reveal.is-visible {\r\n\t\t\t\tanimation: none;\r\n\t\t\t}\r\n\r\n\t\t\t.tech-stack-section-update-me .tech-stack-section__partners-carousel.is-active .tech-stack-section__partners-track {\r\n\t\t\t\tanimation: none;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@keyframes tech-stack-fade-in-up {\r\n\t\t\tfrom {\r\n\t\t\t\topacity: 0;\r\n\t\t\t\ttransform: translateY(20px);\r\n\t\t\t}\r\n\r\n\t\t\tto {\r\n\t\t\t\topacity: 1;\r\n\t\t\t\ttransform: translateY(0);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t@keyframes tech-stack-scroll {\r\n\t\t\tfrom {\r\n\t\t\t\ttransform: translateX(0);\r\n\t\t\t}\r\n\r\n\t\t\tto {\r\n\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t}\r\n\t\t}\r\n\t<\/style>\r\n\r\n\t<section class=\"tech-stack-section\" id=\"tech-stack-section-8\" aria-labelledby=\"tech-stack-section-8-title\">\r\n\t\t<div class=\"tech-stack-section__container\">\r\n\t\t\t<header class=\"tech-stack-section__header tech-stack-section__reveal\" data-reveal style=\"--reveal-delay: 0s;\">\r\n\t\t\t\t\t\t\t\t\t<h2 class=\"tech-stack-section__title\" id=\"tech-stack-section-8-title\">Technologies We Use<\/h2>\r\n\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t<p class=\"tech-stack-section__subtitle\">The latest tools and platforms to build powerful and sustainable solutions<\/p>\r\n\t\t\t\t\t\t\t<\/header>\r\n\r\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-grid\">\r\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;\">\r\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\r\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>\r\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>\r\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>\r\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>\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\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;\">\r\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\r\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>\r\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>\r\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>\r\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>\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\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;\">\r\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\r\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>\r\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>\r\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\">Make.com<\/span>\r\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\">Zapier<\/span>\r\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\">n8n<\/span>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\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;\">\r\n\t\t\t\t\t\t\t<div class=\"tech-stack-section__tech-head\">\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__tags\">\r\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>\r\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>\r\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>\r\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>\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\r\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;\">\r\n\t\t\t\t\t\t\t\t\t\t\t<h3 class=\"tech-stack-section__partners-title\">Our Technology Partners<\/h3>\r\n\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"tech-stack-section__partners-grid\">\r\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;\">\r\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\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\r\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\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\u0634\u0639\u0627\u0631 Amazon Web Services \u0628\u0623\u062d\u0631\u0641 \u0633\u0648\u062f\u0627\u0621 \u0648\u0633\u0647\u0645 \u0628\u0631\u062a\u0642\u0627\u0644\u064a \u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u062d\u0648\u0633\u0628\u0629 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629\"\r\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\r\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\r\n\t\t\t\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\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;\">\r\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\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\r\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\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\u0634\u0639\u0627\u0631 Google Cloud Platform \u0628\u0633\u062d\u0627\u0628\u0629 \u0645\u0644\u0648\u0646\u0629 \u0628\u0623\u0644\u0648\u0627\u0646 \u0623\u062d\u0645\u0631 \u0648\u0623\u0632\u0631\u0642 \u0648\u0623\u0635\u0641\u0631 \u0648\u0623\u062e\u0636\u0631\"\r\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\r\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\r\n\t\t\t\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\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;\">\r\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\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tsrc=\"https:\/\/cloudx.sa\/wp-content\/uploads\/2025\/12\/openai-2.svg\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\u0634\u0639\u0627\u0631 OpenAI \u0628\u062a\u0635\u0645\u064a\u0645 \u0647\u0646\u062f\u0633\u064a \u0623\u0633\u0648\u062f \u0645\u0643\u0648\u0646 \u0645\u0646 \u0623\u0634\u0643\u0627\u0644 \u0645\u0639\u0642\u062f\u0629 \u0645\u062a\u062f\u0627\u062e\u0644\u0629\"\r\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\r\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\r\n\t\t\t\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\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>\r\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 Artificial Intelligence<\/div>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\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;\">\r\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\">\r\n\t\t\t\t\t\t\t\t\t\t\t<img\r\n\t\t\t\t\t\t\t\t\t\t\t\tclass=\"tech-stack-section__partner-logo\"\r\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\"\r\n\t\t\t\t\t\t\t\t\t\t\t\talt=\"\u0634\u0639\u0627\u0631 Vercel \u0628\u0645\u062b\u0644\u062b \u0623\u0633\u0648\u062f \u0648\u0643\u0644\u0645\u0629 Vercel \u0644\u0645\u0646\u0635\u0629 \u0627\u0644\u0646\u0634\u0631 \u0648\u0627\u0644\u0627\u0633\u062a\u0636\u0627\u0641\u0629 \u0627\u0644\u0633\u062d\u0627\u0628\u064a\u0629\"\r\n\t\t\t\t\t\t\t\t\t\t\t\twidth=\"140\"\r\n\t\t\t\t\t\t\t\t\t\t\t\theight=\"80\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tloading=\"lazy\"\r\n\t\t\t\t\t\t\t\t\t\t\t\tdecoding=\"async\"\r\n\t\t\t\t\t\t\t\t\t\t\t\/>\r\n\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t\r\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>\r\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>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/article>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t\t\t\t\t\t\t<\/section>\r\n\t\t\t\r\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;\">\r\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>\r\n\t\t\t\t\t\t\t\t\t\t<ul class=\"tech-stack-section__why-list\">\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\r\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>\r\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 &#8211; \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tWebsites that load in less than a second, seamless applications\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\r\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>\r\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 &#8211; \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tAdvanced protection against vulnerabilities and attacks\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\r\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>\r\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 &#8211; \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tLess time to market, easier updates\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t\t\t<li class=\"tech-stack-section__why-item\">\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-check\" aria-hidden=\"true\">&#10003;<\/span>\r\n\t\t\t\t\t\t\t\t<span class=\"tech-stack-section__why-text\">\r\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>\r\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 &#8211; \t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tYour solutions won&#039;t become obsolete quickly\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t\t<\/li>\r\n\t\t\t\t\t\t\t\t\t\t\t<\/ul>\r\n\t\t\t\t<\/aside>\r\n\t\t\t\t\t<\/div>\r\n\t<\/section>\r\n<\/div>\r\n<\/div>\n\n<div class=\"wp-block-uagb-container uagb-block-49f979ed alignfull uagb-is-root-container\"><div class=\"cta-section-update-me\">\r\n    <style>\r\n        .cta-section-9 .cta-container { max-width:1200px; margin:0 auto; position:relative; z-index:10; text-align:center; }\r\n        .cta-section-9 .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; }\r\n        .cta-section-9 .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; }\r\n        .cta-section-9 .cta-buttons { margin-bottom:48px; display:flex; flex-wrap:wrap; gap:16px; justify-content:center; align-items:center; }\r\n        .cta-section-9 .cta-primary-wrap { position:relative; display:inline-flex; }\r\n        .cta-section-9 .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; }\r\n        .cta-section-9 .cta-primary-button,.cta-section-9 .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; }\r\n        .cta-section-9 .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); }\r\n        .cta-section-9 .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); }\r\n        .cta-section-9 .cta-badges { display:flex; flex-wrap:wrap; gap:24px; justify-content:center; align-items:center; margin:0 0 64px; padding:0; list-style:none; }\r\n        .cta-section-9 .cta-badge { display:inline-flex; align-items:center; gap:8px; color:var(--cta-badge-text); font-weight:600; font-size:.9rem; }\r\n        .cta-section-9 .cta-features { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:24px; max-width:1000px; margin:0 auto 64px; }\r\n        .cta-section-9 .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; }\r\n        .cta-section-9 .cta-feature-title { color:var(--cta-feature-title); font-weight:700; font-size:1.125rem; margin:0 0 8px; }\r\n        .cta-section-9 .cta-feature-description { color:var(--cta-feature-desc); font-size:.875rem; margin:0; line-height:1.5; }\r\n        .cta-section-9 .cta-contact { color:var(--cta-contact-text); font-size:.875rem; }\r\n        .cta-section-9 .cta-contact-link { color:inherit; text-decoration:none; transition:color .2s ease; }\r\n        .cta-section-9 .cta-orb { position:absolute; border-radius:50%; filter:blur(64px); mix-blend-mode:multiply; pointer-events:none; transform:translate3d(0,0,0); }\r\n        .cta-section-9 .cta-orb-1 { top:-64px; left:-16px; }\r\n        .cta-section-9 .cta-orb-2 { top:-64px; right:-16px; }\r\n        .cta-section-9 .cta-orb-3 { bottom:-32px; left:80px; }\r\n        .cta-section-9.cta-section-is-visible .cta-anim-fade { animation:ctaRevealUp .6s ease-out both; animation-delay:var(--cta-delay,0s); }\r\n        .cta-section-9.cta-section-is-visible .cta-anim-scale { animation:ctaRevealScale .5s ease-out both; animation-delay:var(--cta-delay,0s); }\r\n        .cta-section-9.cta-section-orbs-active .cta-primary-glow { animation:ctaGlowPulse 2s ease-in-out infinite; }\r\n        .cta-section-9.cta-section-orbs-active .cta-orb-1 { animation:ctaOrbFloatA 7s ease-in-out infinite; }\r\n        .cta-section-9.cta-section-orbs-active .cta-orb-2 { animation:ctaOrbFloatB 7s ease-in-out infinite 2s; }\r\n        .cta-section-9.cta-section-orbs-active .cta-orb-3 { animation:ctaOrbFloatC 7s ease-in-out infinite 4s; }\r\n        @media (hover:hover) {\r\n            .cta-section-9 .cta-primary-button:hover,.cta-section-9 .cta-primary-button:focus-visible { transform:scale(1.05); background-color:var(--cta-button-hover-bg); color:var(--cta-button-hover-text); }\r\n            .cta-section-9 .cta-secondary-button:hover,.cta-section-9 .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); }\r\n            .cta-section-9 .cta-feature-card:hover { transform:translateY(-4px); box-shadow:0 12px 40px rgba(0,0,0,.2); }\r\n            .cta-section-9 .cta-contact-link:hover,.cta-section-9 .cta-contact-link:focus-visible { color:#ffffff; }\r\n        }\r\n        @keyframes ctaRevealUp { from { transform:translateY(12px); } to { transform:translateY(0); } }\r\n        @keyframes ctaRevealScale { from { transform:scale(.98); } to { transform:scale(1); } }\r\n        @keyframes ctaGlowPulse { 0%,100% { opacity:.4; transform:scale(1); } 50% { opacity:.7; transform:scale(1.05); } }\r\n        @keyframes ctaOrbFloatA { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(30px,-50px,0) scale(1.1); } }\r\n        @keyframes ctaOrbFloatB { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(-20px,30px,0) scale(.9); } }\r\n        @keyframes ctaOrbFloatC { 0%,100% { transform:translate3d(0,0,0) scale(1); } 50% { transform:translate3d(40px,-30px,0) scale(1.05); } }\r\n        @media (prefers-reduced-motion: reduce) {\r\n            .cta-section-9 .cta-primary-button,.cta-section-9 .cta-secondary-button,.cta-section-9 .cta-feature-card,.cta-section-9 .cta-contact-link { transition:none; }\r\n            .cta-section-9 .cta-primary-glow,.cta-section-9 .cta-orb,.cta-section-9 .cta-anim-fade,.cta-section-9 .cta-anim-scale { animation:none !important; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"my-unique-plugin-wrapper-class\">\r\n        <section class=\"cta-section-block cta-section-9\" data-cta-enhance=\"1\" data-cta-enhance-orbs=\"1\" style=\"background:linear-gradient(to bottom right, #0A192F, rgba(1, 157, 118, 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?\">\r\n            \r\n                            <div class=\"cta-orb cta-orb-1\" aria-hidden=\"true\" style=\"width:288px;height:288px;background:rgba(1, 157, 118, 0.3);\"><\/div>\r\n                <div class=\"cta-orb cta-orb-2\" aria-hidden=\"true\" style=\"width:288px;height:288px;background:rgba(10, 25, 47, 0.2);\"><\/div>\r\n                <div class=\"cta-orb cta-orb-3\" aria-hidden=\"true\" style=\"width:288px;height:288px;background:rgba(59, 130, 246, 0.2);\"><\/div>\r\n            \r\n            <div class=\"cta-container\">\r\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 suggest the perfect solution<\/p>\r\n                                    <div class=\"cta-buttons cta-anim-scale\" style=\"--cta-delay:.2s;\">\r\n                                                    <div class=\"cta-primary-wrap\"><span class=\"cta-primary-glow\" aria-hidden=\"true\"><\/span><a class=\"cta-primary-button\" href=\"\/en\/contact-us\/\"><span>Book Your Free Consultation Now<\/span><span aria-hidden=\"true\">\u26a1<\/span><\/a><\/div>\r\n                                                                    <\/div>\r\n                                                    <ul class=\"cta-badges cta-anim-fade\" style=\"--cta-delay:.3s;\">\r\n                                                                                <li class=\"cta-badge\" data-badge-id=\"badge-1\">\r\n                                <span aria-hidden=\"true\" style=\"font-size:1.5rem;\">\u23f1\ufe0f<\/span>                                <span>30 Minutes<\/span>                            <\/li>\r\n                                                                                <li class=\"cta-badge\" data-badge-id=\"badge-2\">\r\n                                <span aria-hidden=\"true\" style=\"font-size:1.5rem;\">\ud83d\udcb0<\/span>                                <span>Completely Free<\/span>                            <\/li>\r\n                                                                                <li class=\"cta-badge\" data-badge-id=\"badge-3\">\r\n                                <span aria-hidden=\"true\" style=\"font-size:1.5rem;\">\ud83c\udfaf<\/span>                                <span>No Obligations<\/span>                            <\/li>\r\n                                            <\/ul>\r\n                \r\n                                    <div class=\"cta-features cta-anim-fade\" style=\"--cta-delay:.6s;\">\r\n                                                                                <article class=\"cta-feature-card\" data-feature-id=\"feature-1\">\r\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 execution, or a full refund.<\/p>                            <\/article>\r\n                                                                                <article class=\"cta-feature-card\" data-feature-id=\"feature-2\">\r\n                                <div style=\"font-size:2.5rem;margin-bottom:12px;\">\ud83d\udd12<\/div>                                <h3 class=\"cta-feature-title\">Security &amp; Privacy<\/h3>                                <p class=\"cta-feature-description\">We adhere to the highest standards of security and data protection across all our systems.<\/p>                            <\/article>\r\n                                                                                <article class=\"cta-feature-card\" data-feature-id=\"feature-3\">\r\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 adhere to deadlines and deliver on time<\/p>                            <\/article>\r\n                                            <\/div>\r\n                \r\n                                    <div class=\"cta-contact cta-anim-fade\" style=\"--cta-delay:.8s;\">\r\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;\">\r\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>\r\n                                                                                        <a class=\"cta-contact-link\" href=\"mailto:info@Cloudx.sa\"><span aria-hidden=\"true\">&#9993;<\/span> <span>info@Cloudx.sa<\/span><\/a>\r\n                                                    <\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/section>\r\n    <\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"normal-width-container","site-content-style":"unboxed","site-sidebar-style":"unboxed","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":"disabled","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":"default","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-5387","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},"uagb_author_info":{"display_name":"CloudX Team","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\/5387","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=5387"}],"version-history":[{"count":7,"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/pages\/5387\/revisions"}],"predecessor-version":[{"id":5671,"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/pages\/5387\/revisions\/5671"}],"wp:attachment":[{"href":"https:\/\/cloudx.sa\/en\/wp-json\/wp\/v2\/media?parent=5387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}