Kitely - Hero Section<\/title>\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<style>\r\n.gradient-text {\r\n background: linear-gradient(90deg, #dafb01, #2323af, #dafb01);\r\n background-size: 200% 200%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: gradientMove 6s ease infinite;\r\n}\r\n\r\n@keyframes gradientMove {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes blob1 {\r\n 0%,100% { transform: translateY(0px) scale(1); }\r\n 50% { transform: translateY(-40px) scale(1.05); }\r\n}\r\n\r\n@keyframes blob2 {\r\n 0%,100% { transform: translateY(0px) scale(1); }\r\n 50% { transform: translateY(50px) scale(1.1); }\r\n}\r\n\r\n.animate-blob1 { animation: blob1 12s ease-in-out infinite; }\r\n.animate-blob2 { animation: blob2 16s ease-in-out infinite; }\r\n\r\n@keyframes slideUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.animate-slideUp { animation: slideUp 1s ease forwards; }\r\n.delay-300 { animation-delay: 0.3s; }\r\n.delay-600 { animation-delay: 0.6s; }\r\n\r\n@keyframes dashboardFloat {\r\n 0% { transform: translateY(0px) scale(0.95); opacity: 0.3; }\r\n 50% { transform: translateY(-20px) scale(1); opacity: 0.6; }\r\n 100% { transform: translateY(0px) scale(0.95); opacity: 0.3; }\r\n}\r\n\r\n@keyframes barGrowth1 {0%,100%{height:15%}50%{height:25%}}\r\n@keyframes barGrowth2 {0%,100%{height:25%}50%{height:40%}}\r\n@keyframes barGrowth3 {0%,100%{height:35%}50%{height:50%}}\r\n@keyframes barGrowth4 {0%,100%{height:45%}50%{height:65%}}\r\n@keyframes barGrowth5 {0%,100%{height:60%}50%{height:80%}}\r\n\r\n@keyframes arrowSlide {\r\n 0% { transform: translateX(-100px); opacity: 0; }\r\n 20% { opacity: 1; }\r\n 100% { transform: translateX(0); opacity: 1; }\r\n}\r\n\r\n@keyframes particleFloat {\r\n 0% { transform: translateY(0) scale(0); opacity: 0; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateY(-200px) scale(1); opacity: 0; }\r\n}\r\n\r\n.growth-bar {\r\n position: relative;\r\n background: linear-gradient(180deg, rgba(0, 255, 255, 0.3) 0%, rgba(0, 200, 255, 0.5) 100%);\r\n border: 2px solid rgba(0, 255, 255, 0.8);\r\n box-shadow: 0 0 20px rgba(0, 255, 255, 0.4), inset 0 0 20px rgba(0, 255, 255, 0.2);\r\n border-radius: 4px 4px 0 0;\r\n}\r\n\r\n.growth-bar::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: repeating-linear-gradient(\r\n 45deg,\r\n transparent,\r\n transparent 10px,\r\n rgba(0, 255, 255, 0.1) 10px,\r\n rgba(0, 255, 255, 0.1) 20px\r\n );\r\n}\r\n\r\n.bar1 { animation: barGrowth1 4s ease-in-out infinite; }\r\n.bar2 { animation: barGrowth2 4s ease-in-out infinite 0.2s; }\r\n.bar3 { animation: barGrowth3 4s ease-in-out infinite 0.4s; }\r\n.bar4 { animation: barGrowth4 4s ease-in-out infinite 0.6s; }\r\n.bar5 { animation: barGrowth5 4s ease-in-out infinite 0.8s; }\r\n\r\n.particle {\r\n position: absolute;\r\n width: 3px;\r\n height: 3px;\r\n background: rgba(0, 255, 255, 0.8);\r\n border-radius: 50%;\r\n animation: particleFloat 3s ease-out infinite;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-white\">\r\n\r\n<section class=\"relative overflow-hidden bg-[#0b0f1a] text-white\">\r\n\r\n\r\n<div class=\"absolute -top-40 -left-40 w-[450px] h-[450px] bg-gradient-to-tr from-[#2323af]\/40 to-[#dafb01]\/30 rounded-full blur-3xl animate-blob1\"><\/div>\r\n<div class=\"absolute -bottom-40 -right-40 w-[600px] h-[600px] bg-gradient-to-br from-[#dafb01]\/20 to-[#2323af]\/40 rounded-full blur-3xl animate-blob2\"><\/div>\r\n\r\n\r\n<div class=\"absolute inset-0 opacity-[0.05] bg-[linear-gradient(to_right,#ffffff_1px,transparent_1px),linear-gradient(to_bottom,#ffffff_1px,transparent_1px)] bg-[size:60px_60px]\"><\/div>\r\n\r\n\r\n<div class=\"relative z-20 max-w-6xl mx-auto px-4 sm:px-6 py-16 sm:py-28 text-center\">\r\n\r\n<h1 class=\"text-3xl sm:text-4xl md:text-7xl font-bold mb-6 animate-slideUp\">\r\nWe Engineer <span class=\"gradient-text\">Predictable Growth<\/span> For Ambitious Brands\r\n<\/h1>\r\n\r\n<p class=\"text-base sm:text-lg md:text-2xl text-gray-300 max-w-3xl mx-auto mb-12 animate-slideUp delay-300\">\r\nData-driven strategy. Conversion-first execution. AI-powered performance. Built for MENA's next category leaders.\r\n<\/p>\r\n\r\n<div class=\"flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center mb-16 sm:mb-20 animate-slideUp delay-600\">\r\n\r\n<button class=\"px-8 py-4 bg-gradient-to-r from-[#dafb01] to-[#e3fd52] text-[#2423a8] rounded-lg font-bold text-lg\">\r\nStart Growth Now \u2192\r\n<\/button>\r\n\r\n\r\n<button \r\nclass=\"px-8 py-4 bg-white\/10 !text-white rounded-lg font-bold text-lg border-2 border-white\/20 hover:bg-white\/20\"\r\nstyle=\"color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;\"\r\nonmouseover=\"this.style.color='#ffffff'\"\r\nonmouseout=\"this.style.color='#ffffff'\">\r\nChat on WhatsApp\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2da5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"f2da5a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-898d1dd elementor-widget elementor-widget-html\" data-id=\"898d1dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"description\" content=\"Kitely Services Marquee\">\n <title>Services Marquee<\/title>\n <style>\n \/* ============================================\n CSS VARIABLES & THEMING\n ============================================ *\/\n :root {\n \/* Colors *\/\n --bg-primary: #0f0f0f;\n --text-secondary: #e4e4e7;\n --text-tertiary: #a1a1a6;\n --border-light: rgba(39, 39, 42, 0.5);\n --accent-color: #d4ff00;\n \n \/* Spacing *\/\n --spacing-unit: 8px;\n --spacing-md: calc(var(--spacing-unit) * 1.5);\n --spacing-lg: calc(var(--spacing-unit) * 2);\n --spacing-xl: calc(var(--spacing-unit) * 3);\n \n \/* Typography *\/\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n }\n\n \/* ============================================\n RESET & BASE STYLES\n ============================================ *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n font-size: 16px;\n }\n\n body {\n font-family: var(--font-family);\n background: var(--bg-primary);\n color: var(--text-secondary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n }\n\n \/* ============================================\n MARQUEE - SERVICES\n ============================================ *\/\n .marquee-wrapper {\n overflow: hidden;\n background: linear-gradient(90deg, transparent, rgba(24, 24, 27, 0.3), transparent);\n border-top: 1px solid var(--border-light);\n border-bottom: 1px solid var(--border-light);\n padding: var(--spacing-xl) 0;\n }\n\n .marquee {\n display: flex;\n gap: var(--spacing-lg);\n animation: scroll 10s linear infinite;\n will-change: transform;\n }\n\n .marquee:hover {\n animation-play-state: paused;\n }\n\n .marquee-item {\n flex-shrink: 0;\n font-size: clamp(14px, 2vw, 18px);\n color: var(--text-secondary);\n font-weight: 500;\n letter-spacing: 0.05em;\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n white-space: nowrap;\n padding: 0 var(--spacing-lg);\n transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .marquee-item:hover {\n color: var(--accent-color);\n }\n\n .marquee-item::before {\n content: '\u2022';\n color: var(--accent-color);\n font-size: 20px;\n line-height: 1;\n }\n\n .marquee-item:first-child::before {\n display: none;\n }\n\n @keyframes scroll {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 768px) {\n .marquee-wrapper {\n padding: var(--spacing-lg) 0;\n }\n\n .marquee-item {\n font-size: 13px;\n gap: var(--spacing-md);\n padding: 0 var(--spacing-md);\n }\n }\n\n \/* ============================================\n ACCESSIBILITY\n ============================================ *\/\n @media (prefers-reduced-motion: reduce) {\n .marquee {\n animation: none;\n }\n }\n\n \/* ============================================\n PRINT STYLES\n ============================================ *\/\n @media print {\n .marquee-wrapper {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"marquee-wrapper\" role=\"region\" aria-label=\"Services carousel\">\n <div class=\"marquee\">\n \n <div class=\"marquee-item\">Strategy & Positioning<\/div>\n <div class=\"marquee-item\">Performance Acquisition<\/div>\n <div class=\"marquee-item\">Analytics & Attribution<\/div>\n <div class=\"marquee-item\">Website & CRO<\/div>\n <div class=\"marquee-item\">Social & Content System<\/div>\n <div class=\"marquee-item\">Reels Video Engine<\/div>\n \n \n <div class=\"marquee-item\">Strategy & Positioning<\/div>\n <div class=\"marquee-item\">Performance Acquisition<\/div>\n <div class=\"marquee-item\">Analytics & Attribution<\/div>\n <div class=\"marquee-item\">Website & CRO<\/div>\n <div class=\"marquee-item\">Social & Content System<\/div>\n <div class=\"marquee-item\">Reels Video Engine<\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48dcd9d e-flex e-con-boxed e-con e-parent\" data-id=\"48dcd9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ff116f4 e-con-full e-flex e-con e-child\" data-id=\"ff116f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc77d7 elementor-widget elementor-widget-counter\" data-id=\"5dc77d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Completed Projects<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"500\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf9f696 e-con-full e-flex e-con e-child\" data-id=\"cf9f696\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c57c961 elementor-widget elementor-widget-counter\" data-id=\"c57c961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Happy Clients<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"150\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f177686 e-con-full e-flex e-con e-child\" data-id=\"f177686\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93b575e elementor-widget elementor-widget-counter\" data-id=\"93b575e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Years of Experience<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"10\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d29ba5 e-con-full e-flex e-con e-child\" data-id=\"2d29ba5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06b5112 elementor-widget elementor-widget-counter\" data-id=\"06b5112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">On-time Delivery<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"100\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">%<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0267d5e e-flex e-con-boxed e-con e-parent\" data-id=\"0267d5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a7bcbb elementor-widget elementor-widget-heading\" data-id=\"7a7bcbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Empowering your performance marketing journey<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02664a0 elementor-widget elementor-widget-heading\" data-id=\"02664a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teams building future trust us\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27058e60 e-con-full e-flex e-con e-parent\" data-id=\"27058e60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96e749d elementor-widget elementor-widget-html\" data-id=\"96e749d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Client Logos Carousel<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n background-color: #000;\r\n }\r\n\r\n .logos-section {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 3rem 0;\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(218, 251, 1, 0.02) 50%, rgba(0, 0, 0, 0) 100%);\r\n }\r\n\r\n .logos-container {\r\n display: flex;\r\n gap: 3rem;\r\n animation: scroll 30s linear infinite;\r\n width: fit-content;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-50% - 1.5rem));\r\n }\r\n }\r\n\r\n .logo-item {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 120px;\r\n min-width: 200px;\r\n padding: 0 2rem;\r\n border-radius: 0.75rem;\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.05) 0%, rgba(227, 253, 82, 0.02) 100%);\r\n border: 1px solid rgba(218, 251, 1, 0.1);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .logo-item:hover {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.15) 0%, rgba(227, 253, 82, 0.08) 100%);\r\n border-color: rgba(218, 251, 1, 0.3);\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.1);\r\n transform: scale(1.05);\r\n }\r\n\r\n .logo-item img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n filter: brightness(0.9) contrast(1.1);\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n .logo-item:hover img {\r\n filter: brightness(1.2) contrast(1.2);\r\n }\r\n\r\n\r\n\r\n .logos-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .logo-item {\r\n height: 90px;\r\n min-width: 150px;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .logos-container {\r\n gap: 2rem;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-50% - 1rem));\r\n }\r\n }\r\n }\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"logos-section\">\r\n <div class=\"logos-wrapper\">\r\n <div class=\"logos-container\">\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/caresync.png\" alt=\"CareSync\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/asino.png\" alt=\"Asino\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Dermacity.png\" alt=\"Dermacity\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/happiness.png\" alt=\"Happiness\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/invento.png\" alt=\"Invento\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia.png\" alt=\"Hospitalia\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/khaleej.png\" alt=\"Khaleej\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/namariq.png\" alt=\"Namariq\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/molnlycke.png\" alt=\"Molnlycke\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/regenlab.png\" alt=\"Regenlab\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/spectra.png\" alt=\"Spectra\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/sanofi.png\" alt=\"Sanofi\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/tamer.png\" alt=\"Tamer\">\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/caresync.png\" alt=\"CareSync\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/asino.png\" alt=\"Asino\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Dermacity.png\" alt=\"Dermacity\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/happiness.png\" alt=\"Happiness\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/invento.png\" alt=\"Invento\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia.png\" alt=\"Hospitalia\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/khaleej.png\" alt=\"Khaleej\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/namariq.png\" alt=\"Namariq\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/molnlycke.png\" alt=\"Molnlycke\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/regenlab.png\" alt=\"Regenlab\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/spectra.png\" alt=\"Spectra\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/sanofi.png\" alt=\"Sanofi\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/tamer.png\" alt=\"Tamer\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccdc0bc e-flex e-con-boxed e-con e-parent\" data-id=\"ccdc0bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8be6a elementor-widget elementor-widget-heading\" data-id=\"2f8be6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">End-to-End Growth Marketing Agency\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4f9d44 elementor-widget elementor-widget-heading\" data-id=\"d4f9d44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Driving Accelerated Results\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5f30a3 elementor-widget elementor-widget-heading\" data-id=\"d5f30a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Strategy + execution under one roof\u2014so the funnel works end to end\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c12537c elementor-widget elementor-widget-html\" data-id=\"c12537c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Services Section<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n .glass-panel {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .glass-panel-hover {\r\n transition: all 0.5s duration;\r\n }\r\n\r\n .glass-panel-hover:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @keyframes carousel-slide {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .animate-carousel-slide {\r\n animation: carousel-slide 0.6s ease forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-32 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n \r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-chart-bar text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Strategy & Positioning<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n North Star KPI + testing roadmap. We define your growth objectives and create a data-backed strategy for sustainable scaling.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 100ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-rocket text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Performance Acquisition<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Meta, Google, TikTok, LinkedIn (profit-first). We drive qualified traffic across channels with measurable ROI.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 200ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-chart-line text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Analytics & Attribution<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Full-funnel tracking that's decision-ready. We measure what matters and provide actionable insights for growth.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 300ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-bolt text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Website & CRO<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Turn visits into revenue. We optimize user experience and conversion paths to maximize your sales potential.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 400ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-comments text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Social & Content System<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Demand creation + conversion content. We build systems that engage audiences and drive qualified leads.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 500ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-play text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Reels Video Engine<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Native-feel reels designed to sell. We create scroll-stopping video content that converts viewers into customers.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ce28c9 e-flex e-con-boxed e-con e-parent\" data-id=\"9ce28c9\" data-element_type=\"container\" data-e-type=\"container\" id=\"port\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d851abe elementor-widget elementor-widget-heading\" data-id=\"d851abe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Portfolio\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0732bf3 elementor-widget elementor-widget-heading\" data-id=\"0732bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Proven results across industries. Real brands, real growth, real impact.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05588b5 e-grid e-con-full e-con e-child\" data-id=\"05588b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b752d4 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"4b752d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"664\" height=\"1190\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1.png\" class=\"attachment-full size-full wp-image-131\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1.png 664w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1-167x300.png 167w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1-571x1024.png 571w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1-370x663.png 370w\" sizes=\"(max-width: 767px) 100vw, 664px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d752c32 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d752c32\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":100}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2190\" height=\"2230\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1.webp\" class=\"attachment-full size-full wp-image-132\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1.webp 2190w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-295x300.webp 295w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-1006x1024.webp 1006w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-768x782.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-1508x1536.webp 1508w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-2011x2048.webp 2011w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-760x774.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-370x377.webp 370w\" sizes=\"(max-width: 2190px) 100vw, 2190px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1484eb1 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"1484eb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":200}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"664\" height=\"996\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck.png\" class=\"attachment-full size-full wp-image-133\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck.png 664w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck-200x300.png 200w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck-370x555.png 370w\" sizes=\"(max-width: 767px) 100vw, 664px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edcbca6 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"edcbca6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":300}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2189\" height=\"2231\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1.webp\" class=\"attachment-full size-full wp-image-134\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1.webp 2189w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-294x300.webp 294w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-1005x1024.webp 1005w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-768x783.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-1507x1536.webp 1507w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-2009x2048.webp 2009w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-760x775.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-370x377.webp 370w\" sizes=\"(max-width: 2189px) 100vw, 2189px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b97aae elementor-invisible elementor-widget elementor-widget-image\" data-id=\"6b97aae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":400}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website.png\" class=\"attachment-full size-full wp-image-135\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website.png 1024w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-300x300.png 300w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-150x150.png 150w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-768x768.png 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-370x370.png 370w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-75x75.png 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-760x760.png 760w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e3a252 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"2e3a252\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"2336\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design.png\" class=\"attachment-full size-full wp-image-136\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design.png 1824w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-234x300.png 234w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-800x1024.png 800w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-768x984.png 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-1199x1536.png 1199w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-1599x2048.png 1599w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-760x973.png 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-370x474.png 370w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-853e187 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"853e187\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":100}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1944\" height=\"1546\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth.png\" class=\"attachment-full size-full wp-image-137\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth.png 1944w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-300x239.png 300w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-1024x814.png 1024w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-768x611.png 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-1536x1222.png 1536w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-760x604.png 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-370x294.png 370w\" sizes=\"(max-width: 1944px) 100vw, 1944px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef9c23 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"6ef9c23\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2189\" height=\"2189\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1.webp\" class=\"attachment-full size-full wp-image-139\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1.webp 2189w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-300x300.webp 300w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-1024x1024.webp 1024w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-150x150.webp 150w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-768x768.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-1536x1536.webp 1536w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-2048x2048.webp 2048w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-370x370.webp 370w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-760x760.webp 760w\" sizes=\"(max-width: 2189px) 100vw, 2189px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35798ba elementor-invisible elementor-widget elementor-widget-image\" data-id=\"35798ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2189\" height=\"2230\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1.webp\" class=\"attachment-full size-full wp-image-140\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1.webp 2189w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-294x300.webp 294w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-1005x1024.webp 1005w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-768x782.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-1508x1536.webp 1508w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-2010x2048.webp 2010w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-760x774.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-370x377.webp 370w\" sizes=\"(max-width: 2189px) 100vw, 2189px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f12e3e5 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"f12e3e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2138\" height=\"2231\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1.webp\" class=\"attachment-full size-full wp-image-141\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1.webp 2138w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-287x300.webp 287w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-981x1024.webp 981w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-768x801.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-1472x1536.webp 1472w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-1963x2048.webp 1963w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-760x793.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-370x386.webp 370w\" sizes=\"(max-width: 2138px) 100vw, 2138px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d85e84e e-flex e-con-boxed e-con e-parent\" data-id=\"d85e84e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7f7f18 elementor-widget elementor-widget-heading\" data-id=\"c7f7f18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From Brief to Live in 4 Strategic Phases\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb45d4c elementor-widget elementor-widget-heading\" data-id=\"eb45d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A proven, data-driven framework that transforms your growth challenges into measurable wins. Each phase builds on the last, ensuring sustainable, scalable results.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-813f30c elementor-widget elementor-widget-html\" data-id=\"813f30c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - 4 Strategic Phases<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n background-color: #000;\r\n }\r\n\r\n .phases-container {\r\n max-width: 5xl;\r\n margin: 0;\r\n padding: 0 1rem;\r\n }\r\n\r\n .phase-accordion {\r\n border: 2px solid rgba(218, 251, 1, 0.3);\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 25, 50, 0.8) 100%);\r\n backdrop-filter: blur(20px);\r\n position: relative;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .phase-accordion::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #DAFB01, #e3fd52, #DAFB01);\r\n opacity: 0.8;\r\n }\r\n\r\n .phase-accordion:hover {\r\n border-color: rgba(218, 251, 1, 0.6);\r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.15), inset 0 1px 20px rgba(218, 251, 1, 0.05);\r\n }\r\n\r\n .phase-header {\r\n background: linear-gradient(to right, rgba(218, 251, 1, 0.08), rgba(227, 253, 82, 0.08));\r\n padding: 1.5rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n border: none;\r\n position: relative;\r\n z-index: 1;\r\n gap: 1rem;\r\n }\r\n\r\n .phase-header:hover {\r\n background: linear-gradient(to right, rgba(218, 251, 1, 0.15), rgba(227, 253, 82, 0.15));\r\n }\r\n\r\n .phase-header-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .phase-number {\r\n width: 3rem;\r\n height: 3rem;\r\n min-width: 3rem;\r\n border-radius: 9999px;\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n flex-shrink: 0;\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.3);\r\n }\r\n\r\n .phase-info {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.25rem;\r\n word-break: break-word;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.8rem;\r\n color: #9ca3af;\r\n word-break: break-word;\r\n }\r\n\r\n .phase-content {\r\n padding: 0;\r\n background: transparent;\r\n border-top: 1px solid rgba(218, 251, 1, 0.2);\r\n display: none;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .phase-content.active {\r\n display: block;\r\n max-height: 2000px;\r\n padding: 1.5rem;\r\n }\r\n\r\n .chevron-icon {\r\n width: 20px;\r\n height: 20px;\r\n min-width: 20px;\r\n color: #DAFB01;\r\n transition: transform 0.3s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .chevron-icon.rotated {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .check-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: #DAFB01;\r\n flex-shrink: 0;\r\n }\r\n\r\n .content-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .content-section:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .content-title {\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.75rem;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .content-text {\r\n color: #d1d5db;\r\n line-height: 1.6;\r\n margin-bottom: 0.75rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .deliverable-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .deliverable-list li {\r\n color: #d1d5db;\r\n margin-bottom: 0.6rem;\r\n padding-left: 1.25rem;\r\n position: relative;\r\n line-height: 1.5;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .deliverable-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: #DAFB01;\r\n font-weight: bold;\r\n }\r\n\r\n .divider {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(218, 251, 1, 0.2), transparent);\r\n margin: 1.25rem 0;\r\n }\r\n\r\n .phases-grid {\r\n display: grid;\r\n gap: 1rem;\r\n }\r\n\r\n @keyframes slideDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .phase-accordion {\r\n animation: slideDown 0.6s ease-out backwards;\r\n }\r\n\r\n .phase-accordion:nth-child(1) { animation-delay: 0s; }\r\n .phase-accordion:nth-child(2) { animation-delay: 0.1s; }\r\n .phase-accordion:nth-child(3) { animation-delay: 0.2s; }\r\n .phase-accordion:nth-child(4) { animation-delay: 0.3s; }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 768px) {\r\n .phases-container {\r\n padding: 0 0.75rem;\r\n }\r\n\r\n .phase-header {\r\n padding: 1.25rem;\r\n gap: 0.75rem;\r\n }\r\n\r\n .phase-number {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n min-width: 2.5rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 1rem;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .chevron-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .phase-content.active {\r\n padding: 1.25rem;\r\n }\r\n\r\n .content-title {\r\n font-size: 0.95rem;\r\n gap: 0.4rem;\r\n }\r\n\r\n .check-icon {\r\n width: 16px;\r\n height: 16px;\r\n margin-top: 2px;\r\n }\r\n\r\n .content-text {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .deliverable-list li {\r\n font-size: 0.9rem;\r\n margin-bottom: 0.5rem;\r\n padding-left: 1.1rem;\r\n }\r\n\r\n .divider {\r\n margin: 1rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .phases-container {\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .phase-accordion {\r\n margin-bottom: 0.75rem;\r\n border-radius: 0.75rem;\r\n }\r\n\r\n .phase-header {\r\n padding: 1rem;\r\n gap: 0.5rem;\r\n }\r\n\r\n .phase-number {\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n min-width: 2.25rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .phase-header-content {\r\n gap: 0.75rem;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 0.95rem;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .chevron-icon {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .phase-content.active {\r\n padding: 1rem;\r\n }\r\n\r\n .content-section {\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n .content-title {\r\n font-size: 0.9rem;\r\n gap: 0.35rem;\r\n }\r\n\r\n .check-icon {\r\n width: 15px;\r\n height: 15px;\r\n margin-top: 1px;\r\n }\r\n\r\n .content-text {\r\n font-size: 0.85rem;\r\n margin-bottom: 0.6rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .deliverable-list li {\r\n font-size: 0.85rem;\r\n margin-bottom: 0.45rem;\r\n padding-left: 1rem;\r\n }\r\n\r\n .divider {\r\n margin: 0.9rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .phase-number {\r\n width: 2rem;\r\n height: 2rem;\r\n min-width: 2rem;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .content-title {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .content-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .deliverable-list li {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-12 px-4 md:py-20\">\r\n <div class=\"phases-container\">\r\n \r\n <div class=\"phases-grid\">\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 0)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">1<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Diagnose & Strategize<\/h3>\r\n <p>Weeks 1-2 \u2022 Foundation & Roadmap<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-0\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Conduct comprehensive performance audits, competitive analysis, and market landscape assessment. We identify growth bottlenecks, untapped opportunities, and develop a data-backed growth roadmap tailored to your business.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>90-Day Growth Strategy Document<\/li>\r\n <li>Competitive Intelligence Report<\/li>\r\n <li>Performance Baseline & KPI Framework<\/li>\r\n <li>Opportunity Assessment & Prioritization Matrix<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 1)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">2<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Pilot & Launch<\/h3>\r\n <p>Weeks 3-5 \u2022 Rapid Testing & Validation<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-1\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Design and launch targeted experiments across channels. We rapidly test hypotheses, validate assumptions, and gather initial performance data. This phase emphasizes speed and learning over perfection.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>5-8 Validated Test Campaigns<\/li>\r\n <li>Initial Performance Data & Learnings<\/li>\r\n <li>Winning Creative Variations & Messaging<\/li>\r\n <li>Optimization Recommendations<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 2)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">3<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Optimize & Scale<\/h3>\r\n <p>Weeks 6-12 \u2022 Refinement & Growth<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-2\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Refine winning strategies, optimize funnels, and scale proven campaigns. We continuously A\/B test, improve targeting, and expand reach across channels while maintaining efficiency and profitability.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>Optimized Campaign Playbooks<\/li>\r\n <li>A\/B Testing Results & Insights<\/li>\r\n <li>Scaled Campaign Performance Reports<\/li>\r\n <li>Funnel Improvement Recommendations<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 3)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">4<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Measure & Report<\/h3>\r\n <p>Weeks 13+ \u2022 Sustainability & Growth<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-3\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Establish comprehensive reporting frameworks, track KPIs, and provide actionable insights. We ensure transparency, accountability, and continuous improvement through data-driven decision making and regular strategy reviews.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>Monthly Performance Reports & Dashboards<\/li>\r\n <li>ROI Analysis & Attribution Models<\/li>\r\n <li>Strategic Recommendations & Next Steps<\/li>\r\n <li>Quarterly Business Reviews with Stakeholders<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n function togglePhase(button, phaseIndex) {\r\n const content = document.getElementById(`phase-${phaseIndex}`);\r\n const chevron = button.querySelector('.chevron-icon');\r\n const isActive = content.classList.contains('active');\r\n\r\n \/\/ Close all other phases\r\n document.querySelectorAll('.phase-content').forEach(el => {\r\n if (el.id !== `phase-${phaseIndex}`) {\r\n el.classList.remove('active');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.chevron-icon').forEach(el => {\r\n if (el !== chevron) {\r\n el.classList.remove('rotated');\r\n }\r\n });\r\n\r\n \/\/ Toggle current phase\r\n content.classList.toggle('active');\r\n chevron.classList.toggle('rotated');\r\n }\r\n\r\n \/\/ Open first phase by default\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const firstContent = document.getElementById('phase-0');\r\n const firstChevron = document.querySelector('.phase-header:first-child .chevron-icon');\r\n firstContent.classList.add('active');\r\n firstChevron.classList.add('rotated');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21eb98c e-flex e-con-boxed e-con e-parent\" data-id=\"21eb98c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a27395 elementor-widget elementor-widget-html\" data-id=\"7a27395\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - ROI Calculator<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: #000;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n }\r\n\r\n .roi-container {\r\n background: rgba(0, 0, 0, 0.4);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(218, 251, 1, 0.2);\r\n border-radius: 1rem;\r\n }\r\n\r\n .roi-input {\r\n background-color: rgba(218, 251, 1, 0.08);\r\n border: 1px solid rgba(218, 251, 1, 0.2);\r\n color: white;\r\n width: 100%;\r\n }\r\n\r\n .roi-input:focus {\r\n outline: none;\r\n border-color: rgba(218, 251, 1, 0.5);\r\n background-color: rgba(218, 251, 1, 0.12);\r\n }\r\n\r\n input[type=\"range\"] {\r\n accent-color: #DAFB01;\r\n width: 100%;\r\n height: 8px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n background: linear-gradient(to right, rgba(218, 251, 1, 0.2), rgba(218, 251, 1, 0.3));\r\n border-radius: 5px;\r\n outline: none;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: #DAFB01;\r\n cursor: pointer;\r\n box-shadow: 0 0 10px rgba(218, 251, 1, 0.4);\r\n transition: all 0.2s;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb:hover {\r\n width: 24px;\r\n height: 24px;\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.6);\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: #DAFB01;\r\n cursor: pointer;\r\n border: none;\r\n box-shadow: 0 0 10px rgba(218, 251, 1, 0.4);\r\n transition: all 0.2s;\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb:hover {\r\n width: 24px;\r\n height: 24px;\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.6);\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-track {\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n .result-card {\r\n background: rgba(218, 251, 1, 0.08);\r\n border: 1px solid rgba(218, 251, 1, 0.2);\r\n border-radius: 0.75rem;\r\n padding: 1.5rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .result-card:hover {\r\n background: rgba(218, 251, 1, 0.12);\r\n border-color: rgba(218, 251, 1, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .result-highlight {\r\n background: rgba(218, 251, 1, 0.12);\r\n border: 1px solid rgba(218, 251, 1, 0.4);\r\n border-radius: 0.75rem;\r\n padding: 1.5rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .result-highlight:hover {\r\n background: rgba(218, 251, 1, 0.15);\r\n border-color: rgba(218, 251, 1, 0.6);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cta-button {\r\n background: linear-gradient(to right, #DAFB01, #e3fd52);\r\n color: #000;\r\n font-weight: bold;\r\n transition: all 0.3s;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 0.75rem;\r\n width: 100%;\r\n padding: 1rem;\r\n font-size: 1rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .cta-button:hover {\r\n box-shadow: 0 0 30px rgba(218, 251, 1, 0.4);\r\n transform: scale(1.02);\r\n }\r\n\r\n .cta-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .input-label {\r\n font-size: 0.875rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #d1d5db;\r\n margin-bottom: 0.75rem;\r\n display: block;\r\n }\r\n\r\n .input-value {\r\n color: #DAFB01;\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .label-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 0.75rem;\r\n gap: 1rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.875rem;\r\n color: #9ca3af;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n word-break: break-word;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2.5rem;\r\n }\r\n\r\n \/* Desktop *\/\r\n @media (min-width: 1024px) {\r\n .roi-container {\r\n padding: 3rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 2rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 2.25rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 3rem;\r\n }\r\n }\r\n\r\n \/* Tablet *\/\r\n @media (min-width: 768px) and (max-width: 1023px) {\r\n .roi-container {\r\n padding: 2.5rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1.75rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 2rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n \/* Mobile Large (481px - 767px) *\/\r\n @media (min-width: 481px) and (max-width: 767px) {\r\n .roi-container {\r\n padding: 2rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.75rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .result-card {\r\n padding: 1.25rem;\r\n }\r\n\r\n .result-highlight {\r\n padding: 1.25rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2.25rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n \/* Mobile Medium (361px - 480px) *\/\r\n @media (min-width: 361px) and (max-width: 480px) {\r\n .roi-container {\r\n padding: 1.5rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 0.75rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .label-row {\r\n gap: 0.5rem;\r\n }\r\n\r\n .input-value {\r\n font-size: 1rem;\r\n }\r\n\r\n .result-card {\r\n padding: 1rem;\r\n }\r\n\r\n .result-highlight {\r\n padding: 1rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .cta-button {\r\n padding: 0.875rem;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n\r\n \/* Mobile Small (< 361px) *\/\r\n @media (max-width: 360px) {\r\n .roi-container {\r\n padding: 1.25rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 0.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .label-row {\r\n gap: 0.4rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .input-value {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .result-card {\r\n padding: 0.875rem;\r\n }\r\n\r\n .result-highlight {\r\n padding: 0.875rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 1.25rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .cta-button {\r\n padding: 0.75rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .roi-container {\r\n animation: slideUp 0.6s ease-out;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-12 md:py-20 px-4\">\r\n <div class=\"max-w-2xl mx-auto\">\r\n <div class=\"roi-container\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold mb-2 text-white\">Calculate Your Potential ROI<\/h2>\r\n <p class=\"text-gray-400 mb-6 md:mb-8 text-sm md:text-base\">See what's possible with data-driven growth<\/p>\r\n\r\n <div class=\"space-y-8\">\r\n \r\n <div>\r\n <div class=\"label-row\">\r\n <label class=\"input-label\">Monthly Ad Spend<\/label>\r\n <span class=\"input-value\" id=\"spendDisplay\">EGP 10,000<\/span>\r\n <\/div>\r\n <input\r\n type=\"range\"\r\n id=\"monthlySpend\"\r\n min=\"1000\"\r\n max=\"100000\"\r\n step=\"1000\"\r\n value=\"10000\"\r\n onchange=\"updateROI()\"\r\n oninput=\"updateROI()\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"label-row\">\r\n <label class=\"input-label\">Current ROAS<\/label>\r\n <span class=\"input-value\" id=\"roasDisplay\">2.5x<\/span>\r\n <\/div>\r\n <input\r\n type=\"range\"\r\n id=\"currentRoas\"\r\n min=\"0.5\"\r\n max=\"5\"\r\n step=\"0.1\"\r\n value=\"2.5\"\r\n onchange=\"updateROI()\"\r\n oninput=\"updateROI()\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"border-t border-[#DAFB01]\/20 pt-6 md:pt-8 mt-6 md:mt-8\">\r\n <div class=\"result-grid\">\r\n <div class=\"result-card\">\r\n <div class=\"result-label\">Projected ROAS<\/div>\r\n <div class=\"result-value\" id=\"projectedRoas\">3.6x<\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-label\">Projected Revenue<\/div>\r\n <div class=\"result-value\" id=\"projectedRevenue\">EGP 36,000<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-highlight\">\r\n <div class=\"result-label\">Potential Revenue Increase<\/div>\r\n <div class=\"result-value\" id=\"revenueIncrease\">+EGP 16,000<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button mt-6 md:mt-8\">\r\n Get Your Custom Plan\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n function updateROI() {\r\n const monthlySpend = parseFloat(document.getElementById('monthlySpend').value);\r\n const currentRoas = parseFloat(document.getElementById('currentRoas').value);\r\n \r\n \/\/ Calculate projections\r\n const projectedRoas = currentRoas * 1.45;\r\n const projectedRevenue = monthlySpend * projectedRoas;\r\n const currentRevenue = monthlySpend * currentRoas;\r\n const revenueIncrease = projectedRevenue - currentRevenue;\r\n \r\n \/\/ Update display values\r\n document.getElementById('spendDisplay').textContent = 'EGP ' + monthlySpend.toLocaleString();\r\n document.getElementById('roasDisplay').textContent = currentRoas.toFixed(1) + 'x';\r\n document.getElementById('projectedRoas').textContent = projectedRoas.toFixed(1) + 'x';\r\n document.getElementById('projectedRevenue').textContent = 'EGP ' + Math.round(projectedRevenue).toLocaleString();\r\n document.getElementById('revenueIncrease').textContent = '+EGP ' + Math.round(revenueIncrease).toLocaleString();\r\n }\r\n \r\n \/\/ Initialize on page load\r\n updateROI();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b910c67 e-flex e-con-boxed e-con e-parent\" data-id=\"b910c67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d414618 elementor-widget elementor-widget-heading\" data-id=\"d414618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Choose Your Growth Path\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72893be elementor-widget elementor-widget-heading\" data-id=\"72893be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Select the plan that fits your growth stage. Each tier is designed for different scales and ambition levels.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0f1155 elementor-widget elementor-widget-html\" data-id=\"f0f1155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Growth Plans<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n background-color: #000;\r\n }\r\n\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .pricing-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n .pricing-card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 1.5rem;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n height: 100%;\r\n }\r\n\r\n .pricing-card-base {\r\n background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(30, 25, 50, 0.95) 100%);\r\n border: 1px solid rgba(218, 251, 1, 0.3);\r\n backdrop-filter: blur(20px);\r\n padding: 2rem;\r\n position: relative;\r\n z-index: 1;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 550px;\r\n }\r\n\r\n .pricing-card.featured .pricing-card-base {\r\n border: 2px solid rgba(218, 251, 1, 0.6);\r\n background: linear-gradient(135deg, rgba(30, 25, 50, 0.98) 0%, rgba(40, 30, 60, 0.98) 100%);\r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.15), inset 0 1px 20px rgba(218, 251, 1, 0.08);\r\n }\r\n\r\n .pricing-card:not(.featured):hover .pricing-card-base {\r\n border-color: rgba(218, 251, 1, 0.6);\r\n background: linear-gradient(135deg, rgba(30, 25, 50, 1) 0%, rgba(40, 30, 60, 1) 100%);\r\n box-shadow: 0 0 50px rgba(218, 251, 1, 0.2), inset 0 1px 20px rgba(218, 251, 1, 0.1);\r\n }\r\n\r\n .pricing-card.featured:hover .pricing-card-base {\r\n border-color: rgba(218, 251, 1, 0.8);\r\n background: linear-gradient(135deg, rgba(40, 30, 60, 1) 0%, rgba(50, 35, 70, 1) 100%);\r\n box-shadow: 0 0 60px rgba(218, 251, 1, 0.25), inset 0 1px 20px rgba(218, 251, 1, 0.12);\r\n }\r\n\r\n .pricing-card.featured {\r\n \/* Keep same size as others *\/\r\n }\r\n\r\n .pricing-card.featured:hover {\r\n \/* Keep same hover behavior *\/\r\n }\r\n\r\n .pricing-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #DAFB01, #e3fd52, #DAFB01);\r\n opacity: 0.8;\r\n z-index: 2;\r\n }\r\n\r\n .pricing-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, transparent 0%, rgba(218, 251, 1, 0.05) 50%, transparent 100%);\r\n opacity: 0;\r\n transition: opacity 0.4s;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .pricing-card:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .featured-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n color: #000;\r\n padding: 0.75rem 2rem;\r\n border-radius: 50px;\r\n font-weight: bold;\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n box-shadow: 0 0 30px rgba(218, 251, 1, 0.6), 0 0 60px rgba(218, 251, 1, 0.3);\r\n z-index: 3;\r\n animation: pulse-badge 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-badge {\r\n 0%, 100% { \r\n box-shadow: 0 0 30px rgba(218, 251, 1, 0.6), 0 0 60px rgba(218, 251, 1, 0.3);\r\n }\r\n 50% { \r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.8), 0 0 80px rgba(218, 251, 1, 0.5);\r\n }\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-8px); }\r\n }\r\n\r\n .package-icon {\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 0.75rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n background: rgba(218, 251, 1, 0.15);\r\n border: 1px solid rgba(218, 251, 1, 0.3);\r\n }\r\n\r\n .package-name {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .package-description {\r\n font-size: 0.875rem;\r\n color: #9ca3af;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .features-list {\r\n flex-grow: 1;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n gap: 0.5rem;\r\n align-items: flex-start;\r\n font-size: 0.875rem;\r\n color: #d1d5db;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .feature-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n color: #DAFB01;\r\n flex-shrink: 0;\r\n margin-top: 0.125rem;\r\n }\r\n\r\n .more-features {\r\n font-size: 0.75rem;\r\n color: #6b7280;\r\n font-style: italic;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .cta-button {\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n color: #000;\r\n padding: 0.75rem 1.5rem;\r\n border-radius: 0.5rem;\r\n font-weight: bold;\r\n font-size: 0.875rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n transition: all 0.3s;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n }\r\n\r\n .cta-button:hover {\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.4);\r\n transform: scale(1.02);\r\n }\r\n\r\n .cta-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .divider {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(218, 251, 1, 0.2), transparent);\r\n margin: 1rem 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-20 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n \r\n <div class=\"pricing-grid\">\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-card-base\">\r\n <div class=\"package-icon\">\ud83d\ude80<\/div>\r\n <h3 class=\"package-name\">Ignite<\/h3>\r\n <p class=\"package-description\">Perfect for brands just starting their growth journey<\/p>\r\n \r\n <div class=\"divider\"><\/div>\r\n \r\n <div class=\"features-list\">\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Comprehensive growth audit<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>3-month optimization sprint<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Meta & Google Ads management<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Dedicated account manager<\/span>\r\n <\/div>\r\n <div class=\"more-features\">+ 2 more features<\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button\">Start Ignite \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card featured\">\r\n <div class=\"featured-badge\">Popular<\/div>\r\n <div class=\"pricing-card-base\">\r\n <div class=\"package-icon\">\u26a1<\/div>\r\n <h3 class=\"package-name\">Velocity<\/h3>\r\n <p class=\"package-description\">For brands ready to scale aggressively<\/p>\r\n \r\n <div class=\"divider\"><\/div>\r\n \r\n <div class=\"features-list\">\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Everything in Ignite, plus:<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Multi-channel optimization<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Advanced attribution modeling<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Bi-weekly strategy sessions<\/span>\r\n <\/div>\r\n <div class=\"more-features\">+ 3 more features<\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button\">Start Velocity \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-card-base\">\r\n <div class=\"package-icon\">\ud83c\udfc6<\/div>\r\n <h3 class=\"package-name\">Scale<\/h3>\r\n <p class=\"package-description\">Enterprise-level growth acceleration<\/p>\r\n \r\n <div class=\"divider\"><\/div>\r\n \r\n <div class=\"features-list\">\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Everything in Velocity, plus:<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Dedicated growth team<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Custom integrations<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Real-time optimization<\/span>\r\n <\/div>\r\n <div class=\"more-features\">+ 3 more features<\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button\">Contact Sales \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15ad53c e-flex e-con-boxed e-con e-parent\" data-id=\"15ad53c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e602d93 elementor-widget elementor-widget-heading\" data-id=\"e602d93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client Success Stories\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-283176d elementor-widget elementor-widget-heading\" data-id=\"283176d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Real results from real brands. See how we've transformed growth trajectories across industries.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d9a838 elementor-widget elementor-widget-html\" data-id=\"6d9a838\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Client Success Stories<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: transparent;\r\n }\r\n\r\n .stories-section {\r\n width: 100%;\r\n padding: 4rem 2rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .stories-container {\r\n max-width: 6xl;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n \/* Slider Wrapper *\/\r\n .slider-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 2rem;\r\n perspective: 1000px;\r\n }\r\n\r\n .slider-container {\r\n display: flex;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n width: 100%;\r\n }\r\n\r\n .story-slide {\r\n flex: 0 0 100%;\r\n min-width: 100%;\r\n padding: 0 1rem;\r\n }\r\n\r\n \/* Story Card *\/\r\n .story-card {\r\n position: relative;\r\n background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 25, 50, 0.8) 100%);\r\n border: 2px solid rgba(218, 251, 1, 0.25);\r\n backdrop-filter: blur(15px);\r\n border-radius: 1.5rem;\r\n padding: 2.5rem;\r\n min-height: 450px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n transform: scale(0.95);\r\n opacity: 0.6;\r\n }\r\n\r\n .story-card.active {\r\n transform: scale(1);\r\n opacity: 1;\r\n border-color: rgba(218, 251, 1, 0.5);\r\n box-shadow: 0 0 60px rgba(218, 251, 1, 0.2), inset 0 1px 20px rgba(218, 251, 1, 0.1);\r\n }\r\n\r\n .story-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #DAFB01, #e3fd52, #DAFB01);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .story-card.active::before {\r\n opacity: 1;\r\n }\r\n\r\n .story-card::after {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 350px;\r\n height: 350px;\r\n background: radial-gradient(circle, rgba(218, 251, 1, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .story-card.active::after {\r\n opacity: 1;\r\n }\r\n\r\n .story-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Header *\/\r\n .story-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .story-avatar {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.75rem;\r\n box-shadow: 0 0 25px rgba(218, 251, 1, 0.25);\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .story-card.active .story-avatar {\r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.4);\r\n transform: scale(1.1);\r\n }\r\n\r\n .story-info h3 {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .story-info p {\r\n font-size: 0.875rem;\r\n color: #9ca3af;\r\n }\r\n\r\n \/* Body *\/\r\n .story-body {\r\n margin: 1.5rem 0;\r\n }\r\n\r\n .story-section {\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n .story-section:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .section-label {\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n color: #6b7280;\r\n margin-bottom: 0.5rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n }\r\n\r\n .label-icon {\r\n width: 14px;\r\n height: 14px;\r\n color: #DAFB01;\r\n }\r\n\r\n .section-text {\r\n font-size: 1rem;\r\n color: #d1d5db;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Footer *\/\r\n .story-footer {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(218, 251, 1, 0.15);\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .metric-box {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.06) 0%, rgba(227, 253, 82, 0.03) 100%);\r\n border: 1px solid rgba(218, 251, 1, 0.15);\r\n border-radius: 0.75rem;\r\n padding: 1rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .story-card.active .metric-box:hover {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.12) 0%, rgba(227, 253, 82, 0.06) 100%);\r\n border-color: rgba(218, 251, 1, 0.3);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .metric-value {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .metric-label {\r\n font-size: 0.8rem;\r\n color: #9ca3af;\r\n }\r\n\r\n \/* Controls *\/\r\n .slider-controls {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin-top: 2.5rem;\r\n }\r\n\r\n .slider-button {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.08) 0%, rgba(227, 253, 82, 0.04) 100%);\r\n border: 2px solid rgba(218, 251, 1, 0.25);\r\n color: #DAFB01;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n }\r\n\r\n .slider-button:hover {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.15) 0%, rgba(227, 253, 82, 0.08) 100%);\r\n border-color: rgba(218, 251, 1, 0.5);\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.15);\r\n transform: scale(1.1);\r\n }\r\n\r\n .slider-dots {\r\n display: flex;\r\n gap: 0.75rem;\r\n align-items: center;\r\n }\r\n\r\n .dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(218, 251, 1, 0.15);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid rgba(218, 251, 1, 0.2);\r\n }\r\n\r\n .dot.active {\r\n background: #DAFB01;\r\n box-shadow: 0 0 12px rgba(218, 251, 1, 0.5);\r\n transform: scale(1.4);\r\n }\r\n\r\n .dot:hover {\r\n background: rgba(218, 251, 1, 0.3);\r\n border-color: rgba(218, 251, 1, 0.5);\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateX(30px) scale(0.95);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0) scale(1);\r\n }\r\n }\r\n\r\n .story-card.active {\r\n animation: slideIn 0.6s ease-out;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .stories-section {\r\n padding: 3rem 1rem;\r\n }\r\n\r\n .story-slide {\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .story-card {\r\n padding: 2rem;\r\n min-height: 400px;\r\n }\r\n\r\n .story-info h3 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n .story-footer {\r\n grid-template-columns: 1fr;\r\n gap: 0.75rem;\r\n }\r\n\r\n .slider-controls {\r\n gap: 1.5rem;\r\n }\r\n\r\n .slider-button {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .stories-section {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .story-card {\r\n padding: 1.5rem;\r\n min-height: 350px;\r\n }\r\n\r\n .story-info h3 {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .section-text {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .metric-value {\r\n font-size: 1.25rem;\r\n }\r\n\r\n .slider-button {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .dot {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"stories-section\">\r\n <div class=\"stories-container\">\r\n <div class=\"slider-wrapper\">\r\n <div class=\"slider-container\" id=\"sliderContainer\">\r\n \r\n <div class=\"story-slide\">\r\n <div class=\"story-card active\">\r\n <div class=\"story-content\">\r\n <div class=\"story-header\">\r\n <div class=\"story-avatar\">\ud83c\uddea\ud83c\uddec<\/div>\r\n <div class=\"story-info\">\r\n <h3>Luxury Healthcare<\/h3>\r\n <p>Healthcare Sector<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-body\">\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v1h8v-1zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Challenge\r\n <\/div>\r\n <p class=\"section-text\">Low patient acquisition and high treatment value perception<\/p>\r\n <\/div>\r\n\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 17v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.454z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Actions Taken\r\n <\/div>\r\n <p class=\"section-text\">Repositioning and journey redesign<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-footer\">\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">+40%<\/div>\r\n <div class=\"metric-label\">New Patients<\/div>\r\n <\/div>\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">+60%<\/div>\r\n <div class=\"metric-label\">Treatment Value<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"story-slide\">\r\n <div class=\"story-card\">\r\n <div class=\"story-content\">\r\n <div class=\"story-header\">\r\n <div class=\"story-avatar\">\ud83c\udde6\ud83c\uddea<\/div>\r\n <div class=\"story-info\">\r\n <h3>Premium FMCG<\/h3>\r\n <p>Consumer Goods<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-body\">\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v1h8v-1zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Challenge\r\n <\/div>\r\n <p class=\"section-text\">Limited reach to affluent consumer segments<\/p>\r\n <\/div>\r\n\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 17v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.454z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Actions Taken\r\n <\/div>\r\n <p class=\"section-text\">Micro-targeting and creator activations<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-footer\">\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">2x<\/div>\r\n <div class=\"metric-label\">Sales Increase<\/div>\r\n <\/div>\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">150%<\/div>\r\n <div class=\"metric-label\">ROAS<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"story-slide\">\r\n <div class=\"story-card\">\r\n <div class=\"story-content\">\r\n <div class=\"story-header\">\r\n <div class=\"story-avatar\">\ud83c\udde6\ud83c\uddea<\/div>\r\n <div class=\"story-info\">\r\n <h3>Regional SaaS<\/h3>\r\n <p>Software & Services<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-body\">\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v1h8v-1zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Challenge\r\n <\/div>\r\n <p class=\"section-text\">High customer acquisition cost and low conversion<\/p>\r\n <\/div>\r\n\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 17v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.454z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Actions Taken\r\n <\/div>\r\n <p class=\"section-text\">Funnel and trial redesign<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-footer\">\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">-33%<\/div>\r\n <div class=\"metric-label\">CAC Reduction<\/div>\r\n <\/div>\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">+45%<\/div>\r\n <div class=\"metric-label\">Conversion<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slider-controls\">\r\n <button class=\"slider-button\" onclick=\"previousSlide()\">\u2190<\/button>\r\n <div class=\"slider-dots\">\r\n <div class=\"dot active\" onclick=\"goToSlide(0)\"><\/div>\r\n <div class=\"dot\" onclick=\"goToSlide(1)\"><\/div>\r\n <div class=\"dot\" onclick=\"goToSlide(2)\"><\/div>\r\n <\/div>\r\n <button class=\"slider-button\" onclick=\"nextSlide()\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll('.story-slide');\r\n const cards = document.querySelectorAll('.story-card');\r\n const totalSlides = slides.length;\r\n\r\n function updateSlider() {\r\n const slider = document.getElementById('sliderContainer');\r\n slider.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n\r\n \/\/ Update cards\r\n cards.forEach((card, index) => {\r\n card.classList.toggle('active', index === currentSlide);\r\n });\r\n\r\n \/\/ Update dots\r\n document.querySelectorAll('.dot').forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentSlide);\r\n });\r\n }\r\n\r\n function nextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n }\r\n\r\n function previousSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n }\r\n\r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n }\r\n\r\n \/\/ Auto-advance slides every 7 seconds\r\n setInterval(nextSlide, 7000);\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09c25e5 e-flex e-con-boxed e-con e-parent\" data-id=\"09c25e5\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b633b91 elementor-widget elementor-widget-heading\" data-id=\"b633b91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to Transform Your Growth?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-138640d elementor-widget elementor-widget-heading\" data-id=\"138640d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Join 50+ brands scaling with data-driven strategies. Fill out the form below and get your free growth audit today.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa052b0 e-flex e-con-boxed e-con e-parent\" data-id=\"fa052b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abd8e64 elementor-widget elementor-widget-shortcode\" data-id=\"abd8e64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f4-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"4\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F11#wpcf7-f4-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"4\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f4-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"kitely-contact-form-compact\">\n\t<div class=\"form-columns\">\n\n \n\t\t<div class=\"form-column\">\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Company Name <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your company\" value=\"\" type=\"text\" name=\"company-name\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Email <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"your@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\n \n\t\t<div class=\"form-column\">\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Your Name <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Phone<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel form-input\" aria-invalid=\"false\" placeholder=\"+20 1234567890\" value=\"\" type=\"tel\" name=\"phone-number\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\n \n\t\t<div class=\"form-column\">\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Industry <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"industry\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-select\" aria-required=\"true\" aria-invalid=\"false\" name=\"industry\"><option value=\"Select an industry\">Select an industry<\/option><option value=\"Healthcare\">Healthcare<\/option><option value=\"E-Commerce\">E-Commerce<\/option><option value=\"SaaS\">SaaS<\/option><option value=\"FinTech\">FinTech<\/option><option value=\"Real Estate\">Real Estate<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Monthly Ad Spend (EGP) <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"monthly-spend\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"10000\" value=\"\" type=\"number\" name=\"monthly-spend\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n \n\t<div class=\"form-group\">\n\t\t<p><label>Services Interested In<\/label>\n\t\t<\/p>\n\t\t<div class=\"services-grid\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"services\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Performance Media Buying\" \/><span class=\"wpcf7-list-item-label\">Performance Media Buying<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Brand Strategy\" \/><span class=\"wpcf7-list-item-label\">Brand Strategy<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Content Creation\" \/><span class=\"wpcf7-list-item-label\">Content Creation<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Funnel Engineering\" \/><span class=\"wpcf7-list-item-label\">Funnel Engineering<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"CRM Optimization\" \/><span class=\"wpcf7-list-item-label\">CRM Optimization<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Conversion Rate Optimization\" \/><span class=\"wpcf7-list-item-label\">Conversion Rate Optimization<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n \n\t<div class=\"form-group\">\n\t\t<p><label>What is Your Main Challenge? <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your growth challenges...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\n \n\t<div class=\"form-submit-group\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner form-submit\" type=\"submit\" value=\"Start Your Growth Journey\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kitely – Hero Section We Engineer Predictable Growth For Ambitious Brands Data-driven strategy. Conversion-first execution. AI-powered performance. Built for MENA’s next category leaders. Start Growth Now \u2192 Chat on WhatsApp Services Marquee Strategy & Positioning Performance Acquisition Analytics & Attribution Website & CRO Social & Content System Reels Video Engine Strategy & Positioning Performance Acquisition […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":109,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nKitely - Hero Section<\/title>\r\n\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<style>\r\n.gradient-text {\r\n background: linear-gradient(90deg, #dafb01, #2323af, #dafb01);\r\n background-size: 200% 200%;\r\n -webkit-background-clip: text;\r\n -webkit-text-fill-color: transparent;\r\n animation: gradientMove 6s ease infinite;\r\n}\r\n\r\n@keyframes gradientMove {\r\n 0% { background-position: 0% 50%; }\r\n 50% { background-position: 100% 50%; }\r\n 100% { background-position: 0% 50%; }\r\n}\r\n\r\n@keyframes blob1 {\r\n 0%,100% { transform: translateY(0px) scale(1); }\r\n 50% { transform: translateY(-40px) scale(1.05); }\r\n}\r\n\r\n@keyframes blob2 {\r\n 0%,100% { transform: translateY(0px) scale(1); }\r\n 50% { transform: translateY(50px) scale(1.1); }\r\n}\r\n\r\n.animate-blob1 { animation: blob1 12s ease-in-out infinite; }\r\n.animate-blob2 { animation: blob2 16s ease-in-out infinite; }\r\n\r\n@keyframes slideUp {\r\n from { opacity: 0; transform: translateY(30px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n.animate-slideUp { animation: slideUp 1s ease forwards; }\r\n.delay-300 { animation-delay: 0.3s; }\r\n.delay-600 { animation-delay: 0.6s; }\r\n\r\n@keyframes dashboardFloat {\r\n 0% { transform: translateY(0px) scale(0.95); opacity: 0.3; }\r\n 50% { transform: translateY(-20px) scale(1); opacity: 0.6; }\r\n 100% { transform: translateY(0px) scale(0.95); opacity: 0.3; }\r\n}\r\n\r\n@keyframes barGrowth1 {0%,100%{height:15%}50%{height:25%}}\r\n@keyframes barGrowth2 {0%,100%{height:25%}50%{height:40%}}\r\n@keyframes barGrowth3 {0%,100%{height:35%}50%{height:50%}}\r\n@keyframes barGrowth4 {0%,100%{height:45%}50%{height:65%}}\r\n@keyframes barGrowth5 {0%,100%{height:60%}50%{height:80%}}\r\n\r\n@keyframes arrowSlide {\r\n 0% { transform: translateX(-100px); opacity: 0; }\r\n 20% { opacity: 1; }\r\n 100% { transform: translateX(0); opacity: 1; }\r\n}\r\n\r\n@keyframes particleFloat {\r\n 0% { transform: translateY(0) scale(0); opacity: 0; }\r\n 50% { opacity: 1; }\r\n 100% { transform: translateY(-200px) scale(1); opacity: 0; }\r\n}\r\n\r\n.growth-bar {\r\n position: relative;\r\n background: linear-gradient(180deg, rgba(0, 255, 255, 0.3) 0%, rgba(0, 200, 255, 0.5) 100%);\r\n border: 2px solid rgba(0, 255, 255, 0.8);\r\n box-shadow: 0 0 20px rgba(0, 255, 255, 0.4), inset 0 0 20px rgba(0, 255, 255, 0.2);\r\n border-radius: 4px 4px 0 0;\r\n}\r\n\r\n.growth-bar::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: repeating-linear-gradient(\r\n 45deg,\r\n transparent,\r\n transparent 10px,\r\n rgba(0, 255, 255, 0.1) 10px,\r\n rgba(0, 255, 255, 0.1) 20px\r\n );\r\n}\r\n\r\n.bar1 { animation: barGrowth1 4s ease-in-out infinite; }\r\n.bar2 { animation: barGrowth2 4s ease-in-out infinite 0.2s; }\r\n.bar3 { animation: barGrowth3 4s ease-in-out infinite 0.4s; }\r\n.bar4 { animation: barGrowth4 4s ease-in-out infinite 0.6s; }\r\n.bar5 { animation: barGrowth5 4s ease-in-out infinite 0.8s; }\r\n\r\n.particle {\r\n position: absolute;\r\n width: 3px;\r\n height: 3px;\r\n background: rgba(0, 255, 255, 0.8);\r\n border-radius: 50%;\r\n animation: particleFloat 3s ease-out infinite;\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body class=\"bg-white\">\r\n\r\n<section class=\"relative overflow-hidden bg-[#0b0f1a] text-white\">\r\n\r\n\r\n<div class=\"absolute -top-40 -left-40 w-[450px] h-[450px] bg-gradient-to-tr from-[#2323af]\/40 to-[#dafb01]\/30 rounded-full blur-3xl animate-blob1\"><\/div>\r\n<div class=\"absolute -bottom-40 -right-40 w-[600px] h-[600px] bg-gradient-to-br from-[#dafb01]\/20 to-[#2323af]\/40 rounded-full blur-3xl animate-blob2\"><\/div>\r\n\r\n\r\n<div class=\"absolute inset-0 opacity-[0.05] bg-[linear-gradient(to_right,#ffffff_1px,transparent_1px),linear-gradient(to_bottom,#ffffff_1px,transparent_1px)] bg-[size:60px_60px]\"><\/div>\r\n\r\n\r\n<div class=\"relative z-20 max-w-6xl mx-auto px-4 sm:px-6 py-16 sm:py-28 text-center\">\r\n\r\n<h1 class=\"text-3xl sm:text-4xl md:text-7xl font-bold mb-6 animate-slideUp\">\r\nWe Engineer <span class=\"gradient-text\">Predictable Growth<\/span> For Ambitious Brands\r\n<\/h1>\r\n\r\n<p class=\"text-base sm:text-lg md:text-2xl text-gray-300 max-w-3xl mx-auto mb-12 animate-slideUp delay-300\">\r\nData-driven strategy. Conversion-first execution. AI-powered performance. Built for MENA's next category leaders.\r\n<\/p>\r\n\r\n<div class=\"flex flex-col sm:flex-row gap-3 sm:gap-4 justify-center mb-16 sm:mb-20 animate-slideUp delay-600\">\r\n\r\n<button class=\"px-8 py-4 bg-gradient-to-r from-[#dafb01] to-[#e3fd52] text-[#2423a8] rounded-lg font-bold text-lg\">\r\nStart Growth Now \u2192\r\n<\/button>\r\n\r\n\r\n<button \r\nclass=\"px-8 py-4 bg-white\/10 !text-white rounded-lg font-bold text-lg border-2 border-white\/20 hover:bg-white\/20\"\r\nstyle=\"color:#ffffff !important; -webkit-text-fill-color:#ffffff !important;\"\r\nonmouseover=\"this.style.color='#ffffff'\"\r\nonmouseout=\"this.style.color='#ffffff'\">\r\nChat on WhatsApp\r\n<\/button>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f2da5a6 e-flex e-con-boxed e-con e-parent\" data-id=\"f2da5a6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-898d1dd elementor-widget elementor-widget-html\" data-id=\"898d1dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <meta name=\"description\" content=\"Kitely Services Marquee\">\n <title>Services Marquee<\/title>\n <style>\n \/* ============================================\n CSS VARIABLES & THEMING\n ============================================ *\/\n :root {\n \/* Colors *\/\n --bg-primary: #0f0f0f;\n --text-secondary: #e4e4e7;\n --text-tertiary: #a1a1a6;\n --border-light: rgba(39, 39, 42, 0.5);\n --accent-color: #d4ff00;\n \n \/* Spacing *\/\n --spacing-unit: 8px;\n --spacing-md: calc(var(--spacing-unit) * 1.5);\n --spacing-lg: calc(var(--spacing-unit) * 2);\n --spacing-xl: calc(var(--spacing-unit) * 3);\n \n \/* Typography *\/\n --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n }\n\n \/* ============================================\n RESET & BASE STYLES\n ============================================ *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html {\n scroll-behavior: smooth;\n font-size: 16px;\n }\n\n body {\n font-family: var(--font-family);\n background: var(--bg-primary);\n color: var(--text-secondary);\n line-height: 1.6;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n overflow-x: hidden;\n }\n\n \/* ============================================\n MARQUEE - SERVICES\n ============================================ *\/\n .marquee-wrapper {\n overflow: hidden;\n background: linear-gradient(90deg, transparent, rgba(24, 24, 27, 0.3), transparent);\n border-top: 1px solid var(--border-light);\n border-bottom: 1px solid var(--border-light);\n padding: var(--spacing-xl) 0;\n }\n\n .marquee {\n display: flex;\n gap: var(--spacing-lg);\n animation: scroll 10s linear infinite;\n will-change: transform;\n }\n\n .marquee:hover {\n animation-play-state: paused;\n }\n\n .marquee-item {\n flex-shrink: 0;\n font-size: clamp(14px, 2vw, 18px);\n color: var(--text-secondary);\n font-weight: 500;\n letter-spacing: 0.05em;\n display: flex;\n align-items: center;\n gap: var(--spacing-md);\n white-space: nowrap;\n padding: 0 var(--spacing-lg);\n transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .marquee-item:hover {\n color: var(--accent-color);\n }\n\n .marquee-item::before {\n content: '\u2022';\n color: var(--accent-color);\n font-size: 20px;\n line-height: 1;\n }\n\n .marquee-item:first-child::before {\n display: none;\n }\n\n @keyframes scroll {\n 0% {\n transform: translateX(0);\n }\n 100% {\n transform: translateX(-50%);\n }\n }\n\n \/* ============================================\n RESPONSIVE\n ============================================ *\/\n @media (max-width: 768px) {\n .marquee-wrapper {\n padding: var(--spacing-lg) 0;\n }\n\n .marquee-item {\n font-size: 13px;\n gap: var(--spacing-md);\n padding: 0 var(--spacing-md);\n }\n }\n\n \/* ============================================\n ACCESSIBILITY\n ============================================ *\/\n @media (prefers-reduced-motion: reduce) {\n .marquee {\n animation: none;\n }\n }\n\n \/* ============================================\n PRINT STYLES\n ============================================ *\/\n @media print {\n .marquee-wrapper {\n display: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <div class=\"marquee-wrapper\" role=\"region\" aria-label=\"Services carousel\">\n <div class=\"marquee\">\n \n <div class=\"marquee-item\">Strategy & Positioning<\/div>\n <div class=\"marquee-item\">Performance Acquisition<\/div>\n <div class=\"marquee-item\">Analytics & Attribution<\/div>\n <div class=\"marquee-item\">Website & CRO<\/div>\n <div class=\"marquee-item\">Social & Content System<\/div>\n <div class=\"marquee-item\">Reels Video Engine<\/div>\n \n \n <div class=\"marquee-item\">Strategy & Positioning<\/div>\n <div class=\"marquee-item\">Performance Acquisition<\/div>\n <div class=\"marquee-item\">Analytics & Attribution<\/div>\n <div class=\"marquee-item\">Website & CRO<\/div>\n <div class=\"marquee-item\">Social & Content System<\/div>\n <div class=\"marquee-item\">Reels Video Engine<\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48dcd9d e-flex e-con-boxed e-con e-parent\" data-id=\"48dcd9d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-ff116f4 e-con-full e-flex e-con e-child\" data-id=\"ff116f4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5dc77d7 elementor-widget elementor-widget-counter\" data-id=\"5dc77d7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Completed Projects<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"500\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-cf9f696 e-con-full e-flex e-con e-child\" data-id=\"cf9f696\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c57c961 elementor-widget elementor-widget-counter\" data-id=\"c57c961\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Happy Clients<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"150\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f177686 e-con-full e-flex e-con e-child\" data-id=\"f177686\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-93b575e elementor-widget elementor-widget-counter\" data-id=\"93b575e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Years of Experience<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"10\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">+<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2d29ba5 e-con-full e-flex e-con e-child\" data-id=\"2d29ba5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-06b5112 elementor-widget elementor-widget-counter\" data-id=\"06b5112\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">On-time Delivery<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"100\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\">%<\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0267d5e e-flex e-con-boxed e-con e-parent\" data-id=\"0267d5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a7bcbb elementor-widget elementor-widget-heading\" data-id=\"7a7bcbb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Empowering your performance marketing journey<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-02664a0 elementor-widget elementor-widget-heading\" data-id=\"02664a0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Teams building future trust us\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-27058e60 e-con-full e-flex e-con e-parent\" data-id=\"27058e60\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-96e749d elementor-widget elementor-widget-html\" data-id=\"96e749d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Client Logos Carousel<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n background-color: #000;\r\n }\r\n\r\n .logos-section {\r\n width: 100%;\r\n overflow: hidden;\r\n padding: 3rem 0;\r\n background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(218, 251, 1, 0.02) 50%, rgba(0, 0, 0, 0) 100%);\r\n }\r\n\r\n .logos-container {\r\n display: flex;\r\n gap: 3rem;\r\n animation: scroll 30s linear infinite;\r\n width: fit-content;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-50% - 1.5rem));\r\n }\r\n }\r\n\r\n .logo-item {\r\n flex-shrink: 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n height: 120px;\r\n min-width: 200px;\r\n padding: 0 2rem;\r\n border-radius: 0.75rem;\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.05) 0%, rgba(227, 253, 82, 0.02) 100%);\r\n border: 1px solid rgba(218, 251, 1, 0.1);\r\n transition: all 0.3s ease;\r\n cursor: pointer;\r\n }\r\n\r\n .logo-item:hover {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.15) 0%, rgba(227, 253, 82, 0.08) 100%);\r\n border-color: rgba(218, 251, 1, 0.3);\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.1);\r\n transform: scale(1.05);\r\n }\r\n\r\n .logo-item img {\r\n max-width: 100%;\r\n max-height: 100%;\r\n object-fit: contain;\r\n filter: brightness(0.9) contrast(1.1);\r\n transition: filter 0.3s ease;\r\n }\r\n\r\n .logo-item:hover img {\r\n filter: brightness(1.2) contrast(1.2);\r\n }\r\n\r\n\r\n\r\n .logos-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n \/* Responsive adjustments *\/\r\n @media (max-width: 768px) {\r\n .logo-item {\r\n height: 90px;\r\n min-width: 150px;\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .logos-container {\r\n gap: 2rem;\r\n }\r\n\r\n @keyframes scroll {\r\n 0% {\r\n transform: translateX(0);\r\n }\r\n 100% {\r\n transform: translateX(calc(-50% - 1rem));\r\n }\r\n }\r\n }\r\n\r\n\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"logos-section\">\r\n <div class=\"logos-wrapper\">\r\n <div class=\"logos-container\">\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/caresync.png\" alt=\"CareSync\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/asino.png\" alt=\"Asino\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Dermacity.png\" alt=\"Dermacity\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/happiness.png\" alt=\"Happiness\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/invento.png\" alt=\"Invento\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia.png\" alt=\"Hospitalia\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/khaleej.png\" alt=\"Khaleej\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/namariq.png\" alt=\"Namariq\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/molnlycke.png\" alt=\"Molnlycke\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/regenlab.png\" alt=\"Regenlab\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/spectra.png\" alt=\"Spectra\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/sanofi.png\" alt=\"Sanofi\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/tamer.png\" alt=\"Tamer\">\r\n <\/div>\r\n\r\n \r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/caresync.png\" alt=\"CareSync\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/asino.png\" alt=\"Asino\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Dermacity.png\" alt=\"Dermacity\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/happiness.png\" alt=\"Happiness\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/invento.png\" alt=\"Invento\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia.png\" alt=\"Hospitalia\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/khaleej.png\" alt=\"Khaleej\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/namariq.png\" alt=\"Namariq\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/molnlycke.png\" alt=\"Molnlycke\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/regenlab.png\" alt=\"Regenlab\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/spectra.png\" alt=\"Spectra\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/sanofi.png\" alt=\"Sanofi\">\r\n <\/div>\r\n <div class=\"logo-item\">\r\n <img decoding=\"async\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/tamer.png\" alt=\"Tamer\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ccdc0bc e-flex e-con-boxed e-con e-parent\" data-id=\"ccdc0bc\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f8be6a elementor-widget elementor-widget-heading\" data-id=\"2f8be6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">End-to-End Growth Marketing Agency\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d4f9d44 elementor-widget elementor-widget-heading\" data-id=\"d4f9d44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Driving Accelerated Results\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d5f30a3 elementor-widget elementor-widget-heading\" data-id=\"d5f30a3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Strategy + execution under one roof\u2014so the funnel works end to end\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c12537c elementor-widget elementor-widget-html\" data-id=\"c12537c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Services Section<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n .glass-panel {\r\n background: rgba(255, 255, 255, 0.1);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n }\r\n\r\n .glass-panel-hover {\r\n transition: all 0.5s duration;\r\n }\r\n\r\n .glass-panel-hover:hover {\r\n background: rgba(255, 255, 255, 0.15);\r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n @keyframes carousel-slide {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .animate-carousel-slide {\r\n animation: carousel-slide 0.6s ease forwards;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-32 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n \r\n <div class=\"grid md:grid-cols-2 lg:grid-cols-3 gap-8\">\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-chart-bar text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Strategy & Positioning<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n North Star KPI + testing roadmap. We define your growth objectives and create a data-backed strategy for sustainable scaling.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 100ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-rocket text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Performance Acquisition<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Meta, Google, TikTok, LinkedIn (profit-first). We drive qualified traffic across channels with measurable ROI.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 200ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-chart-line text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Analytics & Attribution<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Full-funnel tracking that's decision-ready. We measure what matters and provide actionable insights for growth.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 300ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-bolt text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Website & CRO<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Turn visits into revenue. We optimize user experience and conversion paths to maximize your sales potential.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 400ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-comments text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Social & Content System<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Demand creation + conversion content. We build systems that engage audiences and drive qualified leads.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"group relative glass-panel glass-panel-hover p-8 rounded-2xl border border-white\/20 transition-all duration-500 hover:shadow-2xl animate-carousel-slide\" style=\"animation-delay: 500ms;\">\r\n <div class=\"absolute top-0 left-0 right-0 h-1.5 bg-gradient-to-r from-[#2423a8] via-[#e3fd52] to-[#2423a8]\"><\/div>\r\n <div class=\"mb-6\">\r\n <i class=\"fas fa-play text-3xl text-[#e3fd52] group-hover:scale-110 transition-transform duration-300 inline-block\"><\/i>\r\n <\/div>\r\n <h3 class=\"text-2xl font-bold text-[#DAFB01] mb-4 group-hover:text-[#e3fd52] transition\">Reels Video Engine<\/h3>\r\n <p class=\"text-white leading-relaxed\">\r\n Native-feel reels designed to sell. We create scroll-stopping video content that converts viewers into customers.\r\n <\/p>\r\n <div class=\"absolute inset-0 opacity-0 group-hover:opacity-100 transition-opacity duration-500 bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 pointer-events-none rounded-2xl\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9ce28c9 e-flex e-con-boxed e-con e-parent\" data-id=\"9ce28c9\" data-element_type=\"container\" data-e-type=\"container\" id=\"port\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d851abe elementor-widget elementor-widget-heading\" data-id=\"d851abe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Our Portfolio\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0732bf3 elementor-widget elementor-widget-heading\" data-id=\"0732bf3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Proven results across industries. Real brands, real growth, real impact.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-05588b5 e-grid e-con-full e-con e-child\" data-id=\"05588b5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4b752d4 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"4b752d4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"664\" height=\"1190\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1.png\" class=\"attachment-full size-full wp-image-131\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1.png 664w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1-167x300.png 167w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1-571x1024.png 571w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/PPT1-370x663.png 370w\" sizes=\"(max-width: 767px) 100vw, 664px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d752c32 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"d752c32\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":100}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"2190\" height=\"2230\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1.webp\" class=\"attachment-full size-full wp-image-132\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1.webp 2190w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-295x300.webp 295w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-1006x1024.webp 1006w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-768x782.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-1508x1536.webp 1508w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-2011x2048.webp 2011w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-760x774.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-02-1-1-370x377.webp 370w\" sizes=\"(max-width: 2190px) 100vw, 2190px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1484eb1 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"1484eb1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":200}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"664\" height=\"996\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck.png\" class=\"attachment-full size-full wp-image-133\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck.png 664w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck-200x300.png 200w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Slide-Deck-370x555.png 370w\" sizes=\"(max-width: 767px) 100vw, 664px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edcbca6 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"edcbca6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":300}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2189\" height=\"2231\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1.webp\" class=\"attachment-full size-full wp-image-134\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1.webp 2189w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-294x300.webp 294w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-1005x1024.webp 1005w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-768x783.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-1507x1536.webp 1507w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-2009x2048.webp 2009w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-760x775.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-09-1-370x377.webp 370w\" sizes=\"(max-width: 2189px) 100vw, 2189px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b97aae elementor-invisible elementor-widget elementor-widget-image\" data-id=\"6b97aae\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":400}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website.png\" class=\"attachment-full size-full wp-image-135\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website.png 1024w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-300x300.png 300w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-150x150.png 150w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-768x768.png 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-370x370.png 370w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-75x75.png 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Hospitalia-Website-760x760.png 760w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2e3a252 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"2e3a252\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1824\" height=\"2336\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design.png\" class=\"attachment-full size-full wp-image-136\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design.png 1824w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-234x300.png 234w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-800x1024.png 800w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-768x984.png 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-1199x1536.png 1199w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-1599x2048.png 1599w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-760x973.png 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Caresync-Website-design-370x474.png 370w\" sizes=\"(max-width: 1824px) 100vw, 1824px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-853e187 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"853e187\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup","_animation_delay":100}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1944\" height=\"1546\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth.png\" class=\"attachment-full size-full wp-image-137\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth.png 1944w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-300x239.png 300w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-1024x814.png 1024w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-768x611.png 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-1536x1222.png 1536w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-760x604.png 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/Monlycke-booth-370x294.png 370w\" sizes=\"(max-width: 1944px) 100vw, 1944px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ef9c23 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"6ef9c23\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2189\" height=\"2189\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1.webp\" class=\"attachment-full size-full wp-image-139\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1.webp 2189w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-300x300.webp 300w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-1024x1024.webp 1024w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-150x150.webp 150w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-768x768.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-1536x1536.webp 1536w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-2048x2048.webp 2048w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-370x370.webp 370w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-07-1-1-1-760x760.webp 760w\" sizes=\"(max-width: 2189px) 100vw, 2189px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-35798ba elementor-invisible elementor-widget elementor-widget-image\" data-id=\"35798ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2189\" height=\"2230\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1.webp\" class=\"attachment-full size-full wp-image-140\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1.webp 2189w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-294x300.webp 294w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-1005x1024.webp 1005w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-768x782.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-1508x1536.webp 1508w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-2010x2048.webp 2010w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-75x75.webp 75w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-760x774.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-04-1-1-370x377.webp 370w\" sizes=\"(max-width: 2189px) 100vw, 2189px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f12e3e5 elementor-invisible elementor-widget elementor-widget-image\" data-id=\"f12e3e5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"ta_fadeinup"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2138\" height=\"2231\" src=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1.webp\" class=\"attachment-full size-full wp-image-141\" alt=\"\" srcset=\"https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1.webp 2138w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-287x300.webp 287w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-981x1024.webp 981w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-768x801.webp 768w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-1472x1536.webp 1472w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-1963x2048.webp 1963w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-760x793.webp 760w, https:\/\/hello.kitely.co\/wp-content\/uploads\/2026\/03\/1-14-1-1-370x386.webp 370w\" sizes=\"(max-width: 2138px) 100vw, 2138px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d85e84e e-flex e-con-boxed e-con e-parent\" data-id=\"d85e84e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c7f7f18 elementor-widget elementor-widget-heading\" data-id=\"c7f7f18\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">From Brief to Live in 4 Strategic Phases\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eb45d4c elementor-widget elementor-widget-heading\" data-id=\"eb45d4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">A proven, data-driven framework that transforms your growth challenges into measurable wins. Each phase builds on the last, ensuring sustainable, scalable results.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-813f30c elementor-widget elementor-widget-html\" data-id=\"813f30c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - 4 Strategic Phases<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n background-color: #000;\r\n }\r\n\r\n .phases-container {\r\n max-width: 5xl;\r\n margin: 0;\r\n padding: 0 1rem;\r\n }\r\n\r\n .phase-accordion {\r\n border: 2px solid rgba(218, 251, 1, 0.3);\r\n border-radius: 1rem;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 25, 50, 0.8) 100%);\r\n backdrop-filter: blur(20px);\r\n position: relative;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .phase-accordion::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, #DAFB01, #e3fd52, #DAFB01);\r\n opacity: 0.8;\r\n }\r\n\r\n .phase-accordion:hover {\r\n border-color: rgba(218, 251, 1, 0.6);\r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.15), inset 0 1px 20px rgba(218, 251, 1, 0.05);\r\n }\r\n\r\n .phase-header {\r\n background: linear-gradient(to right, rgba(218, 251, 1, 0.08), rgba(227, 253, 82, 0.08));\r\n padding: 1.5rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n border: none;\r\n position: relative;\r\n z-index: 1;\r\n gap: 1rem;\r\n }\r\n\r\n .phase-header:hover {\r\n background: linear-gradient(to right, rgba(218, 251, 1, 0.15), rgba(227, 253, 82, 0.15));\r\n }\r\n\r\n .phase-header-content {\r\n display: flex;\r\n align-items: center;\r\n gap: 1rem;\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .phase-number {\r\n width: 3rem;\r\n height: 3rem;\r\n min-width: 3rem;\r\n border-radius: 9999px;\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #000;\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n flex-shrink: 0;\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.3);\r\n }\r\n\r\n .phase-info {\r\n flex: 1;\r\n min-width: 0;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.25rem;\r\n word-break: break-word;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.8rem;\r\n color: #9ca3af;\r\n word-break: break-word;\r\n }\r\n\r\n .phase-content {\r\n padding: 0;\r\n background: transparent;\r\n border-top: 1px solid rgba(218, 251, 1, 0.2);\r\n display: none;\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n }\r\n\r\n .phase-content.active {\r\n display: block;\r\n max-height: 2000px;\r\n padding: 1.5rem;\r\n }\r\n\r\n .chevron-icon {\r\n width: 20px;\r\n height: 20px;\r\n min-width: 20px;\r\n color: #DAFB01;\r\n transition: transform 0.3s;\r\n flex-shrink: 0;\r\n }\r\n\r\n .chevron-icon.rotated {\r\n transform: rotate(180deg);\r\n }\r\n\r\n .check-icon {\r\n width: 18px;\r\n height: 18px;\r\n color: #DAFB01;\r\n flex-shrink: 0;\r\n }\r\n\r\n .content-section {\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .content-section:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .content-title {\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.75rem;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 0.5rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .content-text {\r\n color: #d1d5db;\r\n line-height: 1.6;\r\n margin-bottom: 0.75rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .deliverable-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n }\r\n\r\n .deliverable-list li {\r\n color: #d1d5db;\r\n margin-bottom: 0.6rem;\r\n padding-left: 1.25rem;\r\n position: relative;\r\n line-height: 1.5;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .deliverable-list li::before {\r\n content: '\u2022';\r\n position: absolute;\r\n left: 0;\r\n color: #DAFB01;\r\n font-weight: bold;\r\n }\r\n\r\n .divider {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(218, 251, 1, 0.2), transparent);\r\n margin: 1.25rem 0;\r\n }\r\n\r\n .phases-grid {\r\n display: grid;\r\n gap: 1rem;\r\n }\r\n\r\n @keyframes slideDown {\r\n from {\r\n opacity: 0;\r\n transform: translateY(-10px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .phase-accordion {\r\n animation: slideDown 0.6s ease-out backwards;\r\n }\r\n\r\n .phase-accordion:nth-child(1) { animation-delay: 0s; }\r\n .phase-accordion:nth-child(2) { animation-delay: 0.1s; }\r\n .phase-accordion:nth-child(3) { animation-delay: 0.2s; }\r\n .phase-accordion:nth-child(4) { animation-delay: 0.3s; }\r\n\r\n \/* Mobile Responsive *\/\r\n @media (max-width: 768px) {\r\n .phases-container {\r\n padding: 0 0.75rem;\r\n }\r\n\r\n .phase-header {\r\n padding: 1.25rem;\r\n gap: 0.75rem;\r\n }\r\n\r\n .phase-number {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n min-width: 2.5rem;\r\n font-size: 1rem;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 1rem;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .chevron-icon {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n .phase-content.active {\r\n padding: 1.25rem;\r\n }\r\n\r\n .content-title {\r\n font-size: 0.95rem;\r\n gap: 0.4rem;\r\n }\r\n\r\n .check-icon {\r\n width: 16px;\r\n height: 16px;\r\n margin-top: 2px;\r\n }\r\n\r\n .content-text {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .deliverable-list li {\r\n font-size: 0.9rem;\r\n margin-bottom: 0.5rem;\r\n padding-left: 1.1rem;\r\n }\r\n\r\n .divider {\r\n margin: 1rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .phases-container {\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .phase-accordion {\r\n margin-bottom: 0.75rem;\r\n border-radius: 0.75rem;\r\n }\r\n\r\n .phase-header {\r\n padding: 1rem;\r\n gap: 0.5rem;\r\n }\r\n\r\n .phase-number {\r\n width: 2.25rem;\r\n height: 2.25rem;\r\n min-width: 2.25rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .phase-header-content {\r\n gap: 0.75rem;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 0.95rem;\r\n margin-bottom: 0.15rem;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .chevron-icon {\r\n width: 16px;\r\n height: 16px;\r\n }\r\n\r\n .phase-content.active {\r\n padding: 1rem;\r\n }\r\n\r\n .content-section {\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n .content-title {\r\n font-size: 0.9rem;\r\n gap: 0.35rem;\r\n }\r\n\r\n .check-icon {\r\n width: 15px;\r\n height: 15px;\r\n margin-top: 1px;\r\n }\r\n\r\n .content-text {\r\n font-size: 0.85rem;\r\n margin-bottom: 0.6rem;\r\n line-height: 1.5;\r\n }\r\n\r\n .deliverable-list li {\r\n font-size: 0.85rem;\r\n margin-bottom: 0.45rem;\r\n padding-left: 1rem;\r\n }\r\n\r\n .divider {\r\n margin: 0.9rem 0;\r\n }\r\n }\r\n\r\n @media (max-width: 360px) {\r\n .phase-number {\r\n width: 2rem;\r\n height: 2rem;\r\n min-width: 2rem;\r\n font-size: 0.85rem;\r\n }\r\n\r\n .phase-info h3 {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .phase-info p {\r\n font-size: 0.65rem;\r\n }\r\n\r\n .content-title {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .content-text {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .deliverable-list li {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-12 px-4 md:py-20\">\r\n <div class=\"phases-container\">\r\n \r\n <div class=\"phases-grid\">\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 0)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">1<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Diagnose & Strategize<\/h3>\r\n <p>Weeks 1-2 \u2022 Foundation & Roadmap<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-0\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Conduct comprehensive performance audits, competitive analysis, and market landscape assessment. We identify growth bottlenecks, untapped opportunities, and develop a data-backed growth roadmap tailored to your business.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>90-Day Growth Strategy Document<\/li>\r\n <li>Competitive Intelligence Report<\/li>\r\n <li>Performance Baseline & KPI Framework<\/li>\r\n <li>Opportunity Assessment & Prioritization Matrix<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 1)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">2<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Pilot & Launch<\/h3>\r\n <p>Weeks 3-5 \u2022 Rapid Testing & Validation<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-1\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Design and launch targeted experiments across channels. We rapidly test hypotheses, validate assumptions, and gather initial performance data. This phase emphasizes speed and learning over perfection.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>5-8 Validated Test Campaigns<\/li>\r\n <li>Initial Performance Data & Learnings<\/li>\r\n <li>Winning Creative Variations & Messaging<\/li>\r\n <li>Optimization Recommendations<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 2)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">3<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Optimize & Scale<\/h3>\r\n <p>Weeks 6-12 \u2022 Refinement & Growth<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-2\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Refine winning strategies, optimize funnels, and scale proven campaigns. We continuously A\/B test, improve targeting, and expand reach across channels while maintaining efficiency and profitability.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>Optimized Campaign Playbooks<\/li>\r\n <li>A\/B Testing Results & Insights<\/li>\r\n <li>Scaled Campaign Performance Reports<\/li>\r\n <li>Funnel Improvement Recommendations<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"phase-accordion\">\r\n <button class=\"phase-header\" onclick=\"togglePhase(this, 3)\">\r\n <div class=\"phase-header-content\">\r\n <div class=\"phase-number\">4<\/div>\r\n <div class=\"phase-info\">\r\n <h3>Measure & Report<\/h3>\r\n <p>Weeks 13+ \u2022 Sustainability & Growth<\/p>\r\n <\/div>\r\n <\/div>\r\n <svg class=\"chevron-icon\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\r\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M19 14l-7 7m0 0l-7-7m7 7V3\"><\/path>\r\n <\/svg>\r\n <\/button>\r\n <div class=\"phase-content\" id=\"phase-3\">\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n What We Do\r\n <\/div>\r\n <p class=\"content-text\">Establish comprehensive reporting frameworks, track KPIs, and provide actionable insights. We ensure transparency, accountability, and continuous improvement through data-driven decision making and regular strategy reviews.<\/p>\r\n <\/div>\r\n <div class=\"divider\"><\/div>\r\n <div class=\"content-section\">\r\n <div class=\"content-title\">\r\n <svg class=\"check-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Key Deliverables\r\n <\/div>\r\n <ul class=\"deliverable-list\">\r\n <li>Monthly Performance Reports & Dashboards<\/li>\r\n <li>ROI Analysis & Attribution Models<\/li>\r\n <li>Strategic Recommendations & Next Steps<\/li>\r\n <li>Quarterly Business Reviews with Stakeholders<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n function togglePhase(button, phaseIndex) {\r\n const content = document.getElementById(`phase-${phaseIndex}`);\r\n const chevron = button.querySelector('.chevron-icon');\r\n const isActive = content.classList.contains('active');\r\n\r\n \/\/ Close all other phases\r\n document.querySelectorAll('.phase-content').forEach(el => {\r\n if (el.id !== `phase-${phaseIndex}`) {\r\n el.classList.remove('active');\r\n }\r\n });\r\n\r\n document.querySelectorAll('.chevron-icon').forEach(el => {\r\n if (el !== chevron) {\r\n el.classList.remove('rotated');\r\n }\r\n });\r\n\r\n \/\/ Toggle current phase\r\n content.classList.toggle('active');\r\n chevron.classList.toggle('rotated');\r\n }\r\n\r\n \/\/ Open first phase by default\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const firstContent = document.getElementById('phase-0');\r\n const firstChevron = document.querySelector('.phase-header:first-child .chevron-icon');\r\n firstContent.classList.add('active');\r\n firstChevron.classList.add('rotated');\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-21eb98c e-flex e-con-boxed e-con e-parent\" data-id=\"21eb98c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a27395 elementor-widget elementor-widget-html\" data-id=\"7a27395\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - ROI Calculator<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: #000;\r\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\r\n }\r\n\r\n .roi-container {\r\n background: rgba(0, 0, 0, 0.4);\r\n backdrop-filter: blur(10px);\r\n border: 1px solid rgba(218, 251, 1, 0.2);\r\n border-radius: 1rem;\r\n }\r\n\r\n .roi-input {\r\n background-color: rgba(218, 251, 1, 0.08);\r\n border: 1px solid rgba(218, 251, 1, 0.2);\r\n color: white;\r\n width: 100%;\r\n }\r\n\r\n .roi-input:focus {\r\n outline: none;\r\n border-color: rgba(218, 251, 1, 0.5);\r\n background-color: rgba(218, 251, 1, 0.12);\r\n }\r\n\r\n input[type=\"range\"] {\r\n accent-color: #DAFB01;\r\n width: 100%;\r\n height: 8px;\r\n -webkit-appearance: none;\r\n appearance: none;\r\n background: linear-gradient(to right, rgba(218, 251, 1, 0.2), rgba(218, 251, 1, 0.3));\r\n border-radius: 5px;\r\n outline: none;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: #DAFB01;\r\n cursor: pointer;\r\n box-shadow: 0 0 10px rgba(218, 251, 1, 0.4);\r\n transition: all 0.2s;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb:hover {\r\n width: 24px;\r\n height: 24px;\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.6);\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background-color: #DAFB01;\r\n cursor: pointer;\r\n border: none;\r\n box-shadow: 0 0 10px rgba(218, 251, 1, 0.4);\r\n transition: all 0.2s;\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb:hover {\r\n width: 24px;\r\n height: 24px;\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.6);\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-track {\r\n background: transparent;\r\n border: none;\r\n }\r\n\r\n .result-card {\r\n background: rgba(218, 251, 1, 0.08);\r\n border: 1px solid rgba(218, 251, 1, 0.2);\r\n border-radius: 0.75rem;\r\n padding: 1.5rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .result-card:hover {\r\n background: rgba(218, 251, 1, 0.12);\r\n border-color: rgba(218, 251, 1, 0.4);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .result-highlight {\r\n background: rgba(218, 251, 1, 0.12);\r\n border: 1px solid rgba(218, 251, 1, 0.4);\r\n border-radius: 0.75rem;\r\n padding: 1.5rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .result-highlight:hover {\r\n background: rgba(218, 251, 1, 0.15);\r\n border-color: rgba(218, 251, 1, 0.6);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cta-button {\r\n background: linear-gradient(to right, #DAFB01, #e3fd52);\r\n color: #000;\r\n font-weight: bold;\r\n transition: all 0.3s;\r\n border: none;\r\n cursor: pointer;\r\n border-radius: 0.75rem;\r\n width: 100%;\r\n padding: 1rem;\r\n font-size: 1rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n }\r\n\r\n .cta-button:hover {\r\n box-shadow: 0 0 30px rgba(218, 251, 1, 0.4);\r\n transform: scale(1.02);\r\n }\r\n\r\n .cta-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .input-label {\r\n font-size: 0.875rem;\r\n font-weight: 600;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n color: #d1d5db;\r\n margin-bottom: 0.75rem;\r\n display: block;\r\n }\r\n\r\n .input-value {\r\n color: #DAFB01;\r\n font-weight: bold;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .label-row {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 0.75rem;\r\n gap: 1rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.875rem;\r\n color: #9ca3af;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 2rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n word-break: break-word;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2.5rem;\r\n }\r\n\r\n \/* Desktop *\/\r\n @media (min-width: 1024px) {\r\n .roi-container {\r\n padding: 3rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 2rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 2.25rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 3rem;\r\n }\r\n }\r\n\r\n \/* Tablet *\/\r\n @media (min-width: 768px) and (max-width: 1023px) {\r\n .roi-container {\r\n padding: 2.5rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1.75rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n margin-bottom: 1rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.9rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 2rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2.5rem;\r\n }\r\n }\r\n\r\n \/* Mobile Large (481px - 767px) *\/\r\n @media (min-width: 481px) and (max-width: 767px) {\r\n .roi-container {\r\n padding: 2rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.75rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.85rem;\r\n }\r\n\r\n .result-card {\r\n padding: 1.25rem;\r\n }\r\n\r\n .result-highlight {\r\n padding: 1.25rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2.25rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.8rem;\r\n }\r\n }\r\n\r\n \/* Mobile Medium (361px - 480px) *\/\r\n @media (min-width: 361px) and (max-width: 480px) {\r\n .roi-container {\r\n padding: 1.5rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1.25rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 0.75rem;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.8rem;\r\n }\r\n\r\n .label-row {\r\n gap: 0.5rem;\r\n }\r\n\r\n .input-value {\r\n font-size: 1rem;\r\n }\r\n\r\n .result-card {\r\n padding: 1rem;\r\n }\r\n\r\n .result-highlight {\r\n padding: 1rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 1.5rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 2rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .cta-button {\r\n padding: 0.875rem;\r\n font-size: 0.95rem;\r\n }\r\n }\r\n\r\n \/* Mobile Small (< 361px) *\/\r\n @media (max-width: 360px) {\r\n .roi-container {\r\n padding: 1.25rem;\r\n }\r\n\r\n .space-y-8 > * + * {\r\n margin-top: 1rem;\r\n }\r\n\r\n .result-grid {\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n gap: 0.5rem;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .input-label {\r\n font-size: 0.75rem;\r\n }\r\n\r\n .label-row {\r\n gap: 0.4rem;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .input-value {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .result-card {\r\n padding: 0.875rem;\r\n }\r\n\r\n .result-highlight {\r\n padding: 0.875rem;\r\n }\r\n\r\n .result-value {\r\n font-size: 1.25rem;\r\n }\r\n\r\n .result-highlight .result-value {\r\n font-size: 1.75rem;\r\n }\r\n\r\n .result-label {\r\n font-size: 0.7rem;\r\n }\r\n\r\n .cta-button {\r\n padding: 0.75rem;\r\n font-size: 0.9rem;\r\n }\r\n\r\n input[type=\"range\"]::-webkit-slider-thumb {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n\r\n input[type=\"range\"]::-moz-range-thumb {\r\n width: 18px;\r\n height: 18px;\r\n }\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes slideUp {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n\r\n .roi-container {\r\n animation: slideUp 0.6s ease-out;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-12 md:py-20 px-4\">\r\n <div class=\"max-w-2xl mx-auto\">\r\n <div class=\"roi-container\">\r\n <h2 class=\"text-2xl md:text-3xl font-bold mb-2 text-white\">Calculate Your Potential ROI<\/h2>\r\n <p class=\"text-gray-400 mb-6 md:mb-8 text-sm md:text-base\">See what's possible with data-driven growth<\/p>\r\n\r\n <div class=\"space-y-8\">\r\n \r\n <div>\r\n <div class=\"label-row\">\r\n <label class=\"input-label\">Monthly Ad Spend<\/label>\r\n <span class=\"input-value\" id=\"spendDisplay\">EGP 10,000<\/span>\r\n <\/div>\r\n <input\r\n type=\"range\"\r\n id=\"monthlySpend\"\r\n min=\"1000\"\r\n max=\"100000\"\r\n step=\"1000\"\r\n value=\"10000\"\r\n onchange=\"updateROI()\"\r\n oninput=\"updateROI()\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"label-row\">\r\n <label class=\"input-label\">Current ROAS<\/label>\r\n <span class=\"input-value\" id=\"roasDisplay\">2.5x<\/span>\r\n <\/div>\r\n <input\r\n type=\"range\"\r\n id=\"currentRoas\"\r\n min=\"0.5\"\r\n max=\"5\"\r\n step=\"0.1\"\r\n value=\"2.5\"\r\n onchange=\"updateROI()\"\r\n oninput=\"updateROI()\"\r\n \/>\r\n <\/div>\r\n\r\n \r\n <div class=\"border-t border-[#DAFB01]\/20 pt-6 md:pt-8 mt-6 md:mt-8\">\r\n <div class=\"result-grid\">\r\n <div class=\"result-card\">\r\n <div class=\"result-label\">Projected ROAS<\/div>\r\n <div class=\"result-value\" id=\"projectedRoas\">3.6x<\/div>\r\n <\/div>\r\n <div class=\"result-card\">\r\n <div class=\"result-label\">Projected Revenue<\/div>\r\n <div class=\"result-value\" id=\"projectedRevenue\">EGP 36,000<\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"result-highlight\">\r\n <div class=\"result-label\">Potential Revenue Increase<\/div>\r\n <div class=\"result-value\" id=\"revenueIncrease\">+EGP 16,000<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button mt-6 md:mt-8\">\r\n Get Your Custom Plan\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n function updateROI() {\r\n const monthlySpend = parseFloat(document.getElementById('monthlySpend').value);\r\n const currentRoas = parseFloat(document.getElementById('currentRoas').value);\r\n \r\n \/\/ Calculate projections\r\n const projectedRoas = currentRoas * 1.45;\r\n const projectedRevenue = monthlySpend * projectedRoas;\r\n const currentRevenue = monthlySpend * currentRoas;\r\n const revenueIncrease = projectedRevenue - currentRevenue;\r\n \r\n \/\/ Update display values\r\n document.getElementById('spendDisplay').textContent = 'EGP ' + monthlySpend.toLocaleString();\r\n document.getElementById('roasDisplay').textContent = currentRoas.toFixed(1) + 'x';\r\n document.getElementById('projectedRoas').textContent = projectedRoas.toFixed(1) + 'x';\r\n document.getElementById('projectedRevenue').textContent = 'EGP ' + Math.round(projectedRevenue).toLocaleString();\r\n document.getElementById('revenueIncrease').textContent = '+EGP ' + Math.round(revenueIncrease).toLocaleString();\r\n }\r\n \r\n \/\/ Initialize on page load\r\n updateROI();\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b910c67 e-flex e-con-boxed e-con e-parent\" data-id=\"b910c67\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d414618 elementor-widget elementor-widget-heading\" data-id=\"d414618\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Choose Your Growth Path\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-72893be elementor-widget elementor-widget-heading\" data-id=\"72893be\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Select the plan that fits your growth stage. Each tier is designed for different scales and ambition levels.\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0f1155 elementor-widget elementor-widget-html\" data-id=\"f0f1155\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Growth Plans<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n background-color: #000;\r\n }\r\n\r\n .pricing-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 2rem;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n .pricing-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n }\r\n }\r\n\r\n .pricing-card {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 1.5rem;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n height: 100%;\r\n }\r\n\r\n .pricing-card-base {\r\n background: linear-gradient(135deg, rgba(20, 20, 30, 0.95) 0%, rgba(30, 25, 50, 0.95) 100%);\r\n border: 1px solid rgba(218, 251, 1, 0.3);\r\n backdrop-filter: blur(20px);\r\n padding: 2rem;\r\n position: relative;\r\n z-index: 1;\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n min-height: 550px;\r\n }\r\n\r\n .pricing-card.featured .pricing-card-base {\r\n border: 2px solid rgba(218, 251, 1, 0.6);\r\n background: linear-gradient(135deg, rgba(30, 25, 50, 0.98) 0%, rgba(40, 30, 60, 0.98) 100%);\r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.15), inset 0 1px 20px rgba(218, 251, 1, 0.08);\r\n }\r\n\r\n .pricing-card:not(.featured):hover .pricing-card-base {\r\n border-color: rgba(218, 251, 1, 0.6);\r\n background: linear-gradient(135deg, rgba(30, 25, 50, 1) 0%, rgba(40, 30, 60, 1) 100%);\r\n box-shadow: 0 0 50px rgba(218, 251, 1, 0.2), inset 0 1px 20px rgba(218, 251, 1, 0.1);\r\n }\r\n\r\n .pricing-card.featured:hover .pricing-card-base {\r\n border-color: rgba(218, 251, 1, 0.8);\r\n background: linear-gradient(135deg, rgba(40, 30, 60, 1) 0%, rgba(50, 35, 70, 1) 100%);\r\n box-shadow: 0 0 60px rgba(218, 251, 1, 0.25), inset 0 1px 20px rgba(218, 251, 1, 0.12);\r\n }\r\n\r\n .pricing-card.featured {\r\n \/* Keep same size as others *\/\r\n }\r\n\r\n .pricing-card.featured:hover {\r\n \/* Keep same hover behavior *\/\r\n }\r\n\r\n .pricing-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 4px;\r\n background: linear-gradient(90deg, #DAFB01, #e3fd52, #DAFB01);\r\n opacity: 0.8;\r\n z-index: 2;\r\n }\r\n\r\n .pricing-card::after {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(135deg, transparent 0%, rgba(218, 251, 1, 0.05) 50%, transparent 100%);\r\n opacity: 0;\r\n transition: opacity 0.4s;\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n .pricing-card:hover::after {\r\n opacity: 1;\r\n }\r\n\r\n .featured-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n color: #000;\r\n padding: 0.75rem 2rem;\r\n border-radius: 50px;\r\n font-weight: bold;\r\n font-size: 0.85rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.1em;\r\n box-shadow: 0 0 30px rgba(218, 251, 1, 0.6), 0 0 60px rgba(218, 251, 1, 0.3);\r\n z-index: 3;\r\n animation: pulse-badge 2s ease-in-out infinite;\r\n }\r\n\r\n @keyframes pulse-badge {\r\n 0%, 100% { \r\n box-shadow: 0 0 30px rgba(218, 251, 1, 0.6), 0 0 60px rgba(218, 251, 1, 0.3);\r\n }\r\n 50% { \r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.8), 0 0 80px rgba(218, 251, 1, 0.5);\r\n }\r\n }\r\n\r\n @keyframes float {\r\n 0%, 100% { transform: translateY(0px); }\r\n 50% { transform: translateY(-8px); }\r\n }\r\n\r\n .package-icon {\r\n width: 3rem;\r\n height: 3rem;\r\n border-radius: 0.75rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.5rem;\r\n margin-bottom: 1rem;\r\n background: rgba(218, 251, 1, 0.15);\r\n border: 1px solid rgba(218, 251, 1, 0.3);\r\n }\r\n\r\n .package-name {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.5rem;\r\n }\r\n\r\n .package-description {\r\n font-size: 0.875rem;\r\n color: #9ca3af;\r\n margin-bottom: 1.5rem;\r\n line-height: 1.6;\r\n }\r\n\r\n .features-list {\r\n flex-grow: 1;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .feature-item {\r\n display: flex;\r\n gap: 0.5rem;\r\n align-items: flex-start;\r\n font-size: 0.875rem;\r\n color: #d1d5db;\r\n margin-bottom: 0.75rem;\r\n }\r\n\r\n .feature-icon {\r\n width: 1rem;\r\n height: 1rem;\r\n color: #DAFB01;\r\n flex-shrink: 0;\r\n margin-top: 0.125rem;\r\n }\r\n\r\n .more-features {\r\n font-size: 0.75rem;\r\n color: #6b7280;\r\n font-style: italic;\r\n margin-top: 0.5rem;\r\n }\r\n\r\n .cta-button {\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n color: #000;\r\n padding: 0.75rem 1.5rem;\r\n border-radius: 0.5rem;\r\n font-weight: bold;\r\n font-size: 0.875rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.05em;\r\n transition: all 0.3s;\r\n border: none;\r\n cursor: pointer;\r\n width: 100%;\r\n }\r\n\r\n .cta-button:hover {\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.4);\r\n transform: scale(1.02);\r\n }\r\n\r\n .cta-button:active {\r\n transform: scale(0.98);\r\n }\r\n\r\n .divider {\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(218, 251, 1, 0.2), transparent);\r\n margin: 1rem 0;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"py-20 px-4\">\r\n <div class=\"max-w-7xl mx-auto\">\r\n \r\n <div class=\"pricing-grid\">\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-card-base\">\r\n <div class=\"package-icon\">\ud83d\ude80<\/div>\r\n <h3 class=\"package-name\">Ignite<\/h3>\r\n <p class=\"package-description\">Perfect for brands just starting their growth journey<\/p>\r\n \r\n <div class=\"divider\"><\/div>\r\n \r\n <div class=\"features-list\">\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Comprehensive growth audit<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>3-month optimization sprint<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Meta & Google Ads management<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Dedicated account manager<\/span>\r\n <\/div>\r\n <div class=\"more-features\">+ 2 more features<\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button\">Start Ignite \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card featured\">\r\n <div class=\"featured-badge\">Popular<\/div>\r\n <div class=\"pricing-card-base\">\r\n <div class=\"package-icon\">\u26a1<\/div>\r\n <h3 class=\"package-name\">Velocity<\/h3>\r\n <p class=\"package-description\">For brands ready to scale aggressively<\/p>\r\n \r\n <div class=\"divider\"><\/div>\r\n \r\n <div class=\"features-list\">\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Everything in Ignite, plus:<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Multi-channel optimization<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Advanced attribution modeling<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Bi-weekly strategy sessions<\/span>\r\n <\/div>\r\n <div class=\"more-features\">+ 3 more features<\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button\">Start Velocity \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"pricing-card\">\r\n <div class=\"pricing-card-base\">\r\n <div class=\"package-icon\">\ud83c\udfc6<\/div>\r\n <h3 class=\"package-name\">Scale<\/h3>\r\n <p class=\"package-description\">Enterprise-level growth acceleration<\/p>\r\n \r\n <div class=\"divider\"><\/div>\r\n \r\n <div class=\"features-list\">\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Everything in Velocity, plus:<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Dedicated growth team<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Custom integrations<\/span>\r\n <\/div>\r\n <div class=\"feature-item\">\r\n <svg class=\"feature-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n <span>Real-time optimization<\/span>\r\n <\/div>\r\n <div class=\"more-features\">+ 3 more features<\/div>\r\n <\/div>\r\n\r\n <button class=\"cta-button\">Contact Sales \u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-15ad53c e-flex e-con-boxed e-con e-parent\" data-id=\"15ad53c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e602d93 elementor-widget elementor-widget-heading\" data-id=\"e602d93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Client Success Stories\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-283176d elementor-widget elementor-widget-heading\" data-id=\"283176d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Real results from real brands. See how we've transformed growth trajectories across industries.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6d9a838 elementor-widget elementor-widget-html\" data-id=\"6d9a838\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n <meta charset=\"UTF-8\">\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n <title>Kitely - Client Success Stories<\/title>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n background-color: transparent;\r\n }\r\n\r\n .stories-section {\r\n width: 100%;\r\n padding: 4rem 2rem;\r\n position: relative;\r\n z-index: 1;\r\n }\r\n\r\n .stories-container {\r\n max-width: 6xl;\r\n margin: 0 auto;\r\n position: relative;\r\n }\r\n\r\n \/* Slider Wrapper *\/\r\n .slider-wrapper {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 2rem;\r\n perspective: 1000px;\r\n }\r\n\r\n .slider-container {\r\n display: flex;\r\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\r\n width: 100%;\r\n }\r\n\r\n .story-slide {\r\n flex: 0 0 100%;\r\n min-width: 100%;\r\n padding: 0 1rem;\r\n }\r\n\r\n \/* Story Card *\/\r\n .story-card {\r\n position: relative;\r\n background: linear-gradient(135deg, rgba(20, 20, 30, 0.8) 0%, rgba(30, 25, 50, 0.8) 100%);\r\n border: 2px solid rgba(218, 251, 1, 0.25);\r\n backdrop-filter: blur(15px);\r\n border-radius: 1.5rem;\r\n padding: 2.5rem;\r\n min-height: 450px;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n overflow: hidden;\r\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n transform: scale(0.95);\r\n opacity: 0.6;\r\n }\r\n\r\n .story-card.active {\r\n transform: scale(1);\r\n opacity: 1;\r\n border-color: rgba(218, 251, 1, 0.5);\r\n box-shadow: 0 0 60px rgba(218, 251, 1, 0.2), inset 0 1px 20px rgba(218, 251, 1, 0.1);\r\n }\r\n\r\n .story-card::before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n height: 5px;\r\n background: linear-gradient(90deg, #DAFB01, #e3fd52, #DAFB01);\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .story-card.active::before {\r\n opacity: 1;\r\n }\r\n\r\n .story-card::after {\r\n content: '';\r\n position: absolute;\r\n top: -50%;\r\n right: -20%;\r\n width: 350px;\r\n height: 350px;\r\n background: radial-gradient(circle, rgba(218, 251, 1, 0.1) 0%, transparent 70%);\r\n border-radius: 50%;\r\n pointer-events: none;\r\n opacity: 0;\r\n transition: opacity 0.4s ease;\r\n }\r\n\r\n .story-card.active::after {\r\n opacity: 1;\r\n }\r\n\r\n .story-content {\r\n position: relative;\r\n z-index: 2;\r\n }\r\n\r\n \/* Header *\/\r\n .story-header {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.25rem;\r\n margin-bottom: 1.5rem;\r\n }\r\n\r\n .story-avatar {\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #DAFB01, #e3fd52);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n font-size: 1.75rem;\r\n box-shadow: 0 0 25px rgba(218, 251, 1, 0.25);\r\n flex-shrink: 0;\r\n transition: all 0.4s ease;\r\n }\r\n\r\n .story-card.active .story-avatar {\r\n box-shadow: 0 0 40px rgba(218, 251, 1, 0.4);\r\n transform: scale(1.1);\r\n }\r\n\r\n .story-info h3 {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .story-info p {\r\n font-size: 0.875rem;\r\n color: #9ca3af;\r\n }\r\n\r\n \/* Body *\/\r\n .story-body {\r\n margin: 1.5rem 0;\r\n }\r\n\r\n .story-section {\r\n margin-bottom: 1.25rem;\r\n }\r\n\r\n .story-section:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .section-label {\r\n font-size: 0.7rem;\r\n text-transform: uppercase;\r\n letter-spacing: 0.12em;\r\n color: #6b7280;\r\n margin-bottom: 0.5rem;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n }\r\n\r\n .label-icon {\r\n width: 14px;\r\n height: 14px;\r\n color: #DAFB01;\r\n }\r\n\r\n .section-text {\r\n font-size: 1rem;\r\n color: #d1d5db;\r\n line-height: 1.6;\r\n }\r\n\r\n \/* Footer *\/\r\n .story-footer {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 1rem;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(218, 251, 1, 0.15);\r\n margin-top: 1.5rem;\r\n }\r\n\r\n .metric-box {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.06) 0%, rgba(227, 253, 82, 0.03) 100%);\r\n border: 1px solid rgba(218, 251, 1, 0.15);\r\n border-radius: 0.75rem;\r\n padding: 1rem;\r\n text-align: center;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .story-card.active .metric-box:hover {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.12) 0%, rgba(227, 253, 82, 0.06) 100%);\r\n border-color: rgba(218, 251, 1, 0.3);\r\n transform: translateY(-3px);\r\n }\r\n\r\n .metric-value {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: #DAFB01;\r\n margin-bottom: 0.25rem;\r\n }\r\n\r\n .metric-label {\r\n font-size: 0.8rem;\r\n color: #9ca3af;\r\n }\r\n\r\n \/* Controls *\/\r\n .slider-controls {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 2rem;\r\n margin-top: 2.5rem;\r\n }\r\n\r\n .slider-button {\r\n width: 45px;\r\n height: 45px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.08) 0%, rgba(227, 253, 82, 0.04) 100%);\r\n border: 2px solid rgba(218, 251, 1, 0.25);\r\n color: #DAFB01;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.3s ease;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n }\r\n\r\n .slider-button:hover {\r\n background: linear-gradient(135deg, rgba(218, 251, 1, 0.15) 0%, rgba(227, 253, 82, 0.08) 100%);\r\n border-color: rgba(218, 251, 1, 0.5);\r\n box-shadow: 0 0 20px rgba(218, 251, 1, 0.15);\r\n transform: scale(1.1);\r\n }\r\n\r\n .slider-dots {\r\n display: flex;\r\n gap: 0.75rem;\r\n align-items: center;\r\n }\r\n\r\n .dot {\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 50%;\r\n background: rgba(218, 251, 1, 0.15);\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border: 2px solid rgba(218, 251, 1, 0.2);\r\n }\r\n\r\n .dot.active {\r\n background: #DAFB01;\r\n box-shadow: 0 0 12px rgba(218, 251, 1, 0.5);\r\n transform: scale(1.4);\r\n }\r\n\r\n .dot:hover {\r\n background: rgba(218, 251, 1, 0.3);\r\n border-color: rgba(218, 251, 1, 0.5);\r\n }\r\n\r\n \/* Animations *\/\r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateX(30px) scale(0.95);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateX(0) scale(1);\r\n }\r\n }\r\n\r\n .story-card.active {\r\n animation: slideIn 0.6s ease-out;\r\n }\r\n\r\n \/* Responsive *\/\r\n @media (max-width: 768px) {\r\n .stories-section {\r\n padding: 3rem 1rem;\r\n }\r\n\r\n .story-slide {\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .story-card {\r\n padding: 2rem;\r\n min-height: 400px;\r\n }\r\n\r\n .story-info h3 {\r\n font-size: 1.25rem;\r\n }\r\n\r\n .story-footer {\r\n grid-template-columns: 1fr;\r\n gap: 0.75rem;\r\n }\r\n\r\n .slider-controls {\r\n gap: 1.5rem;\r\n }\r\n\r\n .slider-button {\r\n width: 40px;\r\n height: 40px;\r\n font-size: 1rem;\r\n }\r\n }\r\n\r\n @media (max-width: 480px) {\r\n .stories-section {\r\n padding: 2rem 1rem;\r\n }\r\n\r\n .story-card {\r\n padding: 1.5rem;\r\n min-height: 350px;\r\n }\r\n\r\n .story-info h3 {\r\n font-size: 1.1rem;\r\n }\r\n\r\n .section-text {\r\n font-size: 0.95rem;\r\n }\r\n\r\n .metric-value {\r\n font-size: 1.25rem;\r\n }\r\n\r\n .slider-button {\r\n width: 36px;\r\n height: 36px;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .dot {\r\n width: 8px;\r\n height: 8px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n \r\n <section class=\"stories-section\">\r\n <div class=\"stories-container\">\r\n <div class=\"slider-wrapper\">\r\n <div class=\"slider-container\" id=\"sliderContainer\">\r\n \r\n <div class=\"story-slide\">\r\n <div class=\"story-card active\">\r\n <div class=\"story-content\">\r\n <div class=\"story-header\">\r\n <div class=\"story-avatar\">\ud83c\uddea\ud83c\uddec<\/div>\r\n <div class=\"story-info\">\r\n <h3>Luxury Healthcare<\/h3>\r\n <p>Healthcare Sector<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-body\">\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v1h8v-1zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Challenge\r\n <\/div>\r\n <p class=\"section-text\">Low patient acquisition and high treatment value perception<\/p>\r\n <\/div>\r\n\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 17v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.454z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Actions Taken\r\n <\/div>\r\n <p class=\"section-text\">Repositioning and journey redesign<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-footer\">\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">+40%<\/div>\r\n <div class=\"metric-label\">New Patients<\/div>\r\n <\/div>\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">+60%<\/div>\r\n <div class=\"metric-label\">Treatment Value<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"story-slide\">\r\n <div class=\"story-card\">\r\n <div class=\"story-content\">\r\n <div class=\"story-header\">\r\n <div class=\"story-avatar\">\ud83c\udde6\ud83c\uddea<\/div>\r\n <div class=\"story-info\">\r\n <h3>Premium FMCG<\/h3>\r\n <p>Consumer Goods<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-body\">\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v1h8v-1zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Challenge\r\n <\/div>\r\n <p class=\"section-text\">Limited reach to affluent consumer segments<\/p>\r\n <\/div>\r\n\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 17v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.454z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Actions Taken\r\n <\/div>\r\n <p class=\"section-text\">Micro-targeting and creator activations<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-footer\">\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">2x<\/div>\r\n <div class=\"metric-label\">Sales Increase<\/div>\r\n <\/div>\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">150%<\/div>\r\n <div class=\"metric-label\">ROAS<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"story-slide\">\r\n <div class=\"story-card\">\r\n <div class=\"story-content\">\r\n <div class=\"story-header\">\r\n <div class=\"story-avatar\">\ud83c\udde6\ud83c\uddea<\/div>\r\n <div class=\"story-info\">\r\n <h3>Regional SaaS<\/h3>\r\n <p>Software & Services<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-body\">\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M13 6a3 3 0 11-6 0 3 3 0 016 0zM18 8a2 2 0 11-4 0 2 2 0 014 0zM14 15a4 4 0 00-8 0v1h8v-1zM6 8a2 2 0 11-4 0 2 2 0 014 0zM16 18v-3a5.972 5.972 0 00-.75-2.906A3.005 3.005 0 0119 15v3h-3zM4.75 12.094A5.973 5.973 0 004 15v3H1v-3a3 3 0 013.75-2.906z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Challenge\r\n <\/div>\r\n <p class=\"section-text\">High customer acquisition cost and low conversion<\/p>\r\n <\/div>\r\n\r\n <div class=\"story-section\">\r\n <div class=\"section-label\">\r\n <svg class=\"label-icon\" fill=\"currentColor\" viewBox=\"0 0 20 20\">\r\n <path fill-rule=\"evenodd\" d=\"M11.3 1.046A1 1 0 0112 2v5h4a1 1 0 01.82 1.573l-7 10A1 1 0 018 17v-5H4a1 1 0 01-.82-1.573l7-10a1 1 0 011.12-.454z\" clip-rule=\"evenodd\"><\/path>\r\n <\/svg>\r\n Actions Taken\r\n <\/div>\r\n <p class=\"section-text\">Funnel and trial redesign<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"story-footer\">\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">-33%<\/div>\r\n <div class=\"metric-label\">CAC Reduction<\/div>\r\n <\/div>\r\n <div class=\"metric-box\">\r\n <div class=\"metric-value\">+45%<\/div>\r\n <div class=\"metric-label\">Conversion<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n \r\n <div class=\"slider-controls\">\r\n <button class=\"slider-button\" onclick=\"previousSlide()\">\u2190<\/button>\r\n <div class=\"slider-dots\">\r\n <div class=\"dot active\" onclick=\"goToSlide(0)\"><\/div>\r\n <div class=\"dot\" onclick=\"goToSlide(1)\"><\/div>\r\n <div class=\"dot\" onclick=\"goToSlide(2)\"><\/div>\r\n <\/div>\r\n <button class=\"slider-button\" onclick=\"nextSlide()\">\u2192<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <script>\r\n let currentSlide = 0;\r\n const slides = document.querySelectorAll('.story-slide');\r\n const cards = document.querySelectorAll('.story-card');\r\n const totalSlides = slides.length;\r\n\r\n function updateSlider() {\r\n const slider = document.getElementById('sliderContainer');\r\n slider.style.transform = `translateX(-${currentSlide * 100}%)`;\r\n\r\n \/\/ Update cards\r\n cards.forEach((card, index) => {\r\n card.classList.toggle('active', index === currentSlide);\r\n });\r\n\r\n \/\/ Update dots\r\n document.querySelectorAll('.dot').forEach((dot, index) => {\r\n dot.classList.toggle('active', index === currentSlide);\r\n });\r\n }\r\n\r\n function nextSlide() {\r\n currentSlide = (currentSlide + 1) % totalSlides;\r\n updateSlider();\r\n }\r\n\r\n function previousSlide() {\r\n currentSlide = (currentSlide - 1 + totalSlides) % totalSlides;\r\n updateSlider();\r\n }\r\n\r\n function goToSlide(index) {\r\n currentSlide = index;\r\n updateSlider();\r\n }\r\n\r\n \/\/ Auto-advance slides every 7 seconds\r\n setInterval(nextSlide, 7000);\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-09c25e5 e-flex e-con-boxed e-con e-parent\" data-id=\"09c25e5\" data-element_type=\"container\" data-e-type=\"container\" id=\"contact\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b633b91 elementor-widget elementor-widget-heading\" data-id=\"b633b91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Ready to Transform Your Growth?\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-138640d elementor-widget elementor-widget-heading\" data-id=\"138640d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Join 50+ brands scaling with data-driven strategies. Fill out the form below and get your free growth audit today.\n\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fa052b0 e-flex e-con-boxed e-con e-parent\" data-id=\"fa052b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-abd8e64 elementor-widget elementor-widget-shortcode\" data-id=\"abd8e64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f4-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"4\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F11#wpcf7-f4-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"4\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f4-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"kitely-contact-form-compact\">\n\t<div class=\"form-columns\">\n\n \n\t\t<div class=\"form-column\">\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Company Name <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"company-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your company\" value=\"\" type=\"text\" name=\"company-name\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Email <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"your@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\n \n\t\t<div class=\"form-column\">\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Your Name <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Phone<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"phone-number\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel form-input\" aria-invalid=\"false\" placeholder=\"+20 1234567890\" value=\"\" type=\"tel\" name=\"phone-number\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\n \n\t\t<div class=\"form-column\">\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Industry <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"industry\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required form-select\" aria-required=\"true\" aria-invalid=\"false\" name=\"industry\"><option value=\"Select an industry\">Select an industry<\/option><option value=\"Healthcare\">Healthcare<\/option><option value=\"E-Commerce\">E-Commerce<\/option><option value=\"SaaS\">SaaS<\/option><option value=\"FinTech\">FinTech<\/option><option value=\"Real Estate\">Real Estate<\/option><option value=\"Other\">Other<\/option><\/select><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t\t<div class=\"form-group\">\n\t\t\t\t<p><label>Monthly Ad Spend (EGP) <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"monthly-spend\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-required wpcf7-validates-as-number form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"10000\" value=\"\" type=\"number\" name=\"monthly-spend\" \/><\/span>\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\n \n\t<div class=\"form-group\">\n\t\t<p><label>Services Interested In<\/label>\n\t\t<\/p>\n\t\t<div class=\"services-grid\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"services\"><span class=\"wpcf7-form-control wpcf7-checkbox\"><span class=\"wpcf7-list-item first\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Performance Media Buying\" \/><span class=\"wpcf7-list-item-label\">Performance Media Buying<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Brand Strategy\" \/><span class=\"wpcf7-list-item-label\">Brand Strategy<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Content Creation\" \/><span class=\"wpcf7-list-item-label\">Content Creation<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Funnel Engineering\" \/><span class=\"wpcf7-list-item-label\">Funnel Engineering<\/span><\/label><\/span><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"services[]\" value=\"CRM Optimization\" \/><span class=\"wpcf7-list-item-label\">CRM Optimization<\/span><\/label><\/span><span class=\"wpcf7-list-item last\"><label><input type=\"checkbox\" name=\"services[]\" value=\"Conversion Rate Optimization\" \/><span class=\"wpcf7-list-item-label\">Conversion Rate Optimization<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\n \n\t<div class=\"form-group\">\n\t\t<p><label>What is Your Main Challenge? <span class=\"required\">*<\/span><\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required form-input\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tell us about your growth challenges...\" name=\"your-message\"><\/textarea><\/span>\n\t\t<\/p>\n\t<\/div>\n\n \n\t<div class=\"form-submit-group\">\n\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner form-submit\" type=\"submit\" value=\"Start Your Growth Journey\" \/>\n\t\t<\/p>\n\t<\/div>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Kitely – Hero Section We Engineer Predictable Growth For Ambitious Brands Data-driven strategy. Conversion-first execution. AI-powered performance. Built for MENA’s next category leaders. Start Growth Now \u2192 Chat on WhatsApp Services Marquee Strategy & Positioning Performance Acquisition Analytics & Attribution Website & CRO Social & Content System Reels Video Engine Strategy & Positioning Performance Acquisition […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-11","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages\/11","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11"}],"version-history":[{"count":109,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":271,"href":"https:\/\/hello.kitely.co\/index.php?rest_route=\/wp\/v2\/pages\/11\/revisions\/271"}],"wp:attachment":[{"href":"https:\/\/hello.kitely.co\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}