{"id":18588,"date":"2026-06-22T20:48:49","date_gmt":"2026-06-22T15:18:49","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?page_id=18588"},"modified":"2026-06-27T17:20:50","modified_gmt":"2026-06-27T11:50:50","slug":"digital-marketing-service-in-jeddah","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/digital-marketing-service-in-jeddah\/","title":{"rendered":"jedahh"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18588\" class=\"elementor elementor-18588\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7d75d73 e-con-full e-flex e-con e-parent\" data-id=\"7d75d73\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a74efc6 elementor-widget elementor-widget-html\" data-id=\"a74efc6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- PURE CUSTOM CSS -->\r\n<style>\r\n  \/* 1. Header Variables & Scope *\/\r\n  #wfd-site-header {\r\n    --jl-bg: rgba(255, 255, 255, 0.9) !important;\r\n    --jl-border: rgba(226, 232, 240, 0.8) !important;\r\n    --jl-text: #0f172a !important;\r\n    --jl-hover: #f1f5f9 !important;\r\n    --jl-brand-start: #2563eb !important;\r\n    --jl-brand-end: #1d4ed8 !important;\r\n    --jl-whatsapp: #25D366 !important;\r\n    \r\n    position: sticky !important;\r\n    top: 0 !important;\r\n    z-index: 99999 !important;\r\n    width: 100% !important;\r\n    border-bottom: 1px solid var(--jl-border) !important;\r\n    background-color: var(--jl-bg) !important;\r\n    -webkit-backdrop-filter: blur(16px) saturate(180%) !important;\r\n    backdrop-filter: blur(16px) saturate(180%) !important;\r\n    font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif !important;\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  #wfd-site-header *, #wfd-site-header *::before, #wfd-site-header *::after {\r\n    box-sizing: inherit !important;\r\n  }\r\n\r\n  \/* 2. Container Layout - STRICT SINGLE ROW FOR MOBILE *\/\r\n  .jl-container {\r\n    max-width: 1280px !important;\r\n    margin: 0 auto !important;\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    justify-content: space-between !important;\r\n    padding: 8px 10px !important; \/* Tight mobile padding *\/\r\n    gap: 6px !important;           \/* Space between logo and controls *\/\r\n    flex-wrap: nowrap !important;  \/* Prevents breaking into second line *\/\r\n  }\r\n\r\n  \/* 3. Logo Optimized & Scaled Down for Mobile *\/\r\n  .jl-logo-link {\r\n    display: flex !important;\r\n    flex-shrink: 0 !important;     \/* Prevents logo from crushing *\/\r\n    align-items: center !important;\r\n    text-decoration: none !important;\r\n  }\r\n  .jl-logo-img {\r\n    height: 20px !important;       \/* Perfectly small on mobile *\/\r\n    width: auto !important;\r\n    max-width: 85px !important;    \/* Hard ceiling for mobile *\/\r\n    object-fit: contain !important;\r\n    transition: all 0.3s ease !important;\r\n  }\r\n\r\n  \/* 4. Controls Wrapper - STRICT NO WRAP *\/\r\n  .jl-controls {\r\n    display: flex !important;\r\n    align-items: center !important;\r\n    gap: 4px !important;           \/* Tight gap for mobile buttons *\/\r\n    flex-wrap: nowrap !important;  \/* Locks all buttons in one row *\/\r\n    flex-shrink: 0 !important;\r\n  }\r\n\r\n  \/* 5. Buttons Base Styles *\/\r\n  .jl-btn {\r\n    display: inline-flex !important;\r\n    align-items: center !important;\r\n    justify-content: center !important;\r\n    gap: 4px !important;\r\n    height: 30px !important;       \/* Sleek height for mobile mobile *\/\r\n    border-radius: 6px !important;\r\n    font-size: 11px !important;    \/* Compact readable text *\/\r\n    font-weight: 600 !important;\r\n    cursor: pointer !important;\r\n    text-decoration: none !important;\r\n    transition: all 0.2s ease !important;\r\n    border: none !important;\r\n    outline: none !important;\r\n    flex-shrink: 0 !important;     \/* Keeps buttons from distorting *\/\r\n    padding: 0 6px !important;    \/* Balanced horizontal padding *\/\r\n  }\r\n\r\n  \/* Outline Buttons (Lang & WhatsApp) *\/\r\n  .jl-btn-outline {\r\n    background-color: transparent !important;\r\n    border: 1px solid #e2e8f0 !important;\r\n    color: var(--jl-text) !important;\r\n  }\r\n  .jl-btn-outline:hover {\r\n    background-color: var(--jl-hover) !important;\r\n  }\r\n\r\n  \/* Mobile WhatsApp Button (Circular \/ Compact) *\/\r\n  .jl-btn-wa {\r\n    width: 30px !important;\r\n    padding: 0 !important;\r\n    border-radius: 50% !important; \r\n  }\r\n  .jl-wa-icon {\r\n    color: var(--jl-whatsapp) !important;\r\n  }\r\n\r\n  \/* CTA Button (Gradient) *\/\r\n  .jl-btn-cta {\r\n    background: linear-gradient(135deg, var(--jl-brand-start) 0%, var(--jl-brand-end) 100%) !important;\r\n    color: #ffffff !important;\r\n    box-shadow: 0 4px 10px 0 rgba(37, 99, 235, 0.2) !important;\r\n    padding: 0 8px !important;    \/* Extra breathing room for CTA text *\/\r\n  }\r\n  .jl-btn-cta:hover {\r\n    box-shadow: 0 6px 15px rgba(37, 99, 235, 0.35) !important;\r\n    transform: translateY(-1px) !important;\r\n    opacity: 0.95 !important;\r\n  }\r\n\r\n  \/* Icons *\/\r\n  .jl-icon {\r\n    width: 13px !important;\r\n    height: 13px !important;\r\n  }\r\n  .jl-arrow-icon {\r\n    transition: transform 0.2s ease !important;\r\n  }\r\n\r\n  \/* Visibility Utilities (Mobile First) *\/\r\n  .jl-desktop-only { display: none !important; }\r\n  .jl-mobile-only { display: inline-block !important; font-weight: bold !important; }\r\n\r\n  \/* RTL \/ LTR Adjustments *\/\r\n  [dir=\"rtl\"] .jl-arrow-rotate { transform: scaleX(-1) !important; }\r\n  [dir=\"ltr\"] .jl-wa-text { margin-left: 4px !important; }\r\n  [dir=\"rtl\"] .jl-wa-text { margin-right: 4px !important; }\r\n\r\n  \/* 6. Media Queries for Tablet\/Desktop (min-width: 640px) *\/\r\n  @media (min-width: 640px) {\r\n    .jl-container { padding: 12px 24px !important; gap: 16px !important; }\r\n    .jl-logo-img { height: 26px !important; max-width: 140px !important; }\r\n    .jl-controls { gap: 8px !important; }\r\n    \r\n    .jl-btn { height: 36px !important; padding: 0 14px !important; font-size: 13px !important; border-radius: 8px !important; }\r\n    .jl-btn-wa { width: auto !important; padding: 0 12px !important; border-radius: 50px !important; }\r\n    .jl-icon { width: 15px !important; height: 15px !important; }\r\n    \r\n    .jl-desktop-only { display: inline-block !important; }\r\n    .jl-mobile-only { display: none !important; }\r\n  }\r\n\r\n  \/* Desktop Large (min-width: 1024px) *\/\r\n  @media (min-width: 1024px) {\r\n    .jl-container { padding: 14px 32px !important; }\r\n    .jl-logo-img { height: 30px !important; max-width: 170px !important; }\r\n    .jl-btn { font-size: 14px !important; padding: 0 16px !important; }\r\n  }\r\n<\/style>\r\n\r\n<!-- PURE HTML HEADER -->\r\n<header id=\"wfd-site-header\" dir=\"ltr\">\r\n  <div class=\"jl-container\">\r\n    \r\n    <!-- Logo Section -->\r\n    <a href=\"#top\" class=\"jl-logo-link\">\r\n      <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" alt=\"Logo\" class=\"jl-logo-img\">\r\n    <\/a>\r\n    \r\n    <!-- Controls Section -->\r\n    <div class=\"jl-controls\">\r\n      \r\n      <!-- Language Toggle -->\r\n      <button id=\"lang-toggle-btn\" class=\"jl-btn jl-btn-outline\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"jl-icon\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><path d=\"M2 12h20\"\/><\/svg>\r\n        <span id=\"lang-toggle-text\"><\/span>\r\n      <\/button>\r\n\r\n      <!-- WhatsApp Button -->\r\n      <a id=\"header-btn-wa\" href=\"#\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"jl-btn jl-btn-outline jl-btn-wa\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"jl-icon jl-wa-icon\"><path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 .099.092 10 10 0 1 0-4.777-4.719\"><\/path><\/svg> \r\n        <span id=\"header-text-wa\" class=\"jl-desktop-only jl-wa-text\">WhatsApp<\/span>\r\n      <\/a>\r\n      \r\n      <!-- CTA Button -->\r\n      <button class=\"open-jeddah-modal jl-btn jl-btn-cta\">\r\n        <span id=\"header-text-audit\">Free Audit<\/span>\r\n        <svg id=\"header-icon-arrow\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"jl-icon jl-arrow-icon\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n      <\/button>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- VANILLA JAVASCRIPT -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \r\n    \/\/ Translation Database\r\n    const langData = {\r\n        en: {\r\n            toggleText: \"<span class='jl-desktop-only'>Arabic<\/span><span class='jl-mobile-only'>AR<\/span>\", \r\n            waText: \"WhatsApp\",\r\n            waMsg: \"Hi \u2014 I'd like a Free Marketing Audit for my business.\",\r\n            auditText: \"Free Audit\",\r\n            dir: \"ltr\",\r\n            arrowClass: \"jl-icon jl-arrow-icon\"\r\n        },\r\n        ar: {\r\n            toggleText: \"<span class='jl-desktop-only'>English<\/span><span class='jl-mobile-only'>EN<\/span>\", \r\n            waText: \"\u0648\u0627\u062a\u0633\u0627\u0628\",\r\n            waMsg: \"\u0645\u0631\u062d\u0628\u0627\u064b \u2014 \u0623\u0648\u062f \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u062f\u0642\u064a\u0642 \u062a\u0633\u0648\u064a\u0642\u064a \u0645\u062c\u0627\u0646\u064a \u0644\u0639\u0645\u0644\u064a.\",\r\n            auditText: \"\u062a\u062f\u0642\u064a\u0642 \u0645\u062c\u0627\u0646\u064a\",\r\n            dir: \"rtl\",\r\n            arrowClass: \"jl-icon jl-arrow-icon jl-arrow-rotate\"\r\n        }\r\n    };\r\n\r\n    const contactNumber = \"966574306441\"; \r\n    let currentLang = 'en'; \r\n\r\n    \/\/ DOM Elements\r\n    const headerElement = document.getElementById('wfd-site-header');\r\n    const toggleBtn = document.getElementById('lang-toggle-btn');\r\n    const toggleText = document.getElementById('lang-toggle-text');\r\n    const waLink = document.getElementById('header-btn-wa');\r\n    const waText = document.getElementById('header-text-wa');\r\n    const auditText = document.getElementById('header-text-audit');\r\n    const arrowIcon = document.getElementById('header-icon-arrow');\r\n\r\n    \/\/ Language Apply Function\r\n    function applyLanguage(lang) {\r\n        currentLang = lang;\r\n        const data = langData[lang];\r\n\r\n        \/\/ Update Document & Header Direction\r\n        document.documentElement.dir = data.dir; \r\n        headerElement.setAttribute('dir', data.dir); \r\n\r\n        \/\/ Update Texts\r\n        toggleText.innerHTML = data.toggleText;\r\n        waText.innerText = data.waText;\r\n        auditText.innerText = data.auditText;\r\n\r\n        \/\/ Update WhatsApp Link\r\n        waLink.href = `https:\/\/wa.me\/${contactNumber}?text=${encodeURIComponent(data.waMsg)}`;\r\n        \r\n        \/\/ Update Arrow Icon Class\r\n        arrowIcon.className = data.arrowClass;\r\n    }\r\n\r\n    \/\/ Detect initial language\r\n    const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyLanguage(isRtl ? 'ar' : 'en');\r\n\r\n    \/\/ Toggle Click Event\r\n    toggleBtn.addEventListener('click', (e) => {\r\n        e.preventDefault();\r\n        const targetLang = currentLang === 'en' ? 'ar' : 'en';\r\n        applyLanguage(targetLang);\r\n    });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-99ff188 e-con-full e-flex e-con e-parent\" data-id=\"99ff188\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7696442 elementor-widget elementor-widget-html\" data-id=\"7696442\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<style>\r\n  \/* Base Variables Scoped to this section *\/\r\n  #jl-hero-section {\r\n    --jl-primary-gradient: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);\r\n    --jl-avatar-gradient: linear-gradient(135deg, #fbcfe8 0%, #e879f9 100%);\r\n    --jl-success: #10b981;\r\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    background: radial-gradient(circle at top left, #f8f9fa 0%, #ffffff 70%);\r\n  }\r\n\r\n  \/* Typography *\/\r\n  #jl-hero-section .jl-text-gradient {\r\n    background: var(--jl-primary-gradient);\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    background-clip: text;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  #jl-hero-section .jl-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 3.5rem;\r\n    padding: 0 1.75rem;\r\n    border-radius: 0.75rem;\r\n    font-size: 1rem;\r\n    font-weight: 500;\r\n    white-space: nowrap;\r\n    transition: all 0.3s ease;\r\n    cursor: pointer;\r\n    text-decoration: none;\r\n  }\r\n  \r\n  #jl-hero-section .jl-btn-primary {\r\n    background: var(--jl-primary-gradient);\r\n    color: #ffffff;\r\n    box-shadow: 0 4px 14px 0 rgba(124, 58, 237, 0.3);\r\n    border: none;\r\n  }\r\n  \r\n  #jl-hero-section .jl-btn-primary:hover {\r\n    opacity: 0.9;\r\n    box-shadow: 0 6px 20px 0 rgba(124, 58, 237, 0.4);\r\n    transform: translateY(-1px);\r\n  }\r\n\r\n  #jl-hero-section .jl-btn-outline {\r\n    background: #ffffff;\r\n    color: #4b5563;\r\n    border: 1px solid #d1d5db;\r\n    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);\r\n  }\r\n\r\n  #jl-hero-section .jl-btn-outline:hover {\r\n    background: #f9fafb;\r\n    color: #111827;\r\n    border-color: #9ca3af;\r\n  }\r\n\r\n  \/* RTL Support for Icons *\/\r\n  #jl-hero-section .jl-icon-gap { margin-inline-start: 6px; }\r\n  [dir=\"rtl\"] #jl-hero-section .jl-rtl-flip { transform: scaleX(-1); }\r\n\r\n  \/* Images & Avatars *\/\r\n  #jl-hero-section .jl-avatar-img {\r\n    height: 2.5rem;\r\n    width: 2.5rem;\r\n    border-radius: 9999px;\r\n    object-fit: cover;\r\n    border: 2px solid #ffffff;\r\n    background: var(--jl-avatar-gradient);\r\n  }\r\n<\/style>\r\n\r\n<section id=\"jl-hero-section\" class=\"relative overflow-hidden w-full\" dir=\"ltr\">\r\n    <div class=\"mx-auto grid max-w-7xl gap-10 px-4 py-14 sm:px-6 lg:grid-cols-2 lg:gap-16 lg:px-8 lg:py-20\">\r\n        \r\n        <div class=\"flex flex-col justify-center\">\r\n            \r\n            <div class=\"self-start\">\r\n                <span class=\"inline-flex items-center gap-2 rounded-full border border-gray-200 bg-white px-3 py-1 text-xs font-semibold text-indigo-900 shadow-sm\">\r\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-indigo-600\">\r\n                        <path d=\"m15.477 12.89 1.515 8.526a.5.5 0 0 1-.81.47l-3.58-2.687a1 1 0 0 0-1.197 0l-3.586 2.686a.5.5 0 0 1-.81-.469l1.514-8.526\"><\/path>\r\n                        <circle cx=\"12\" cy=\"8\" r=\"6\"><\/circle>\r\n                    <\/svg> \r\n                    <span id=\"jl-h-badge\">Google Partner Agency \u00b7 Jeddah, KSA<\/span>\r\n                <\/span>\r\n            <\/div>\r\n            \r\n            <h1 id=\"jl-h-title\" class=\"mt-6 text-4xl font-bold leading-tight tracking-tight text-gray-900 sm:text-5xl lg:text-6xl\">\r\n                Google Partner <br class=\"hidden sm:block\" \/>\r\n                <span class=\"jl-text-gradient\">Digital Marketing Agency<\/span> <br class=\"hidden sm:block\" \/>\r\n                in Jeddah, Saudi Arabia\r\n            <\/h1>\r\n            \r\n            <p id=\"jl-h-sub\" class=\"mt-5 max-w-xl text-base text-gray-500 sm:text-lg leading-relaxed\">\r\n                Generate more leads, increase visibility, improve Google rankings, dominate local search and grow revenue with proven SEO, Local SEO, Google Ads, Social Media Marketing and Website Development services across Saudi Arabia.\r\n            <\/p>\r\n            \r\n            <ul class=\"mt-7 flex flex-wrap gap-x-5 gap-y-3 text-sm font-medium text-gray-700\">\r\n                <li class=\"flex items-center gap-1.5\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" class=\"text-emerald-500\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n                    <span id=\"jl-h-l1\">Google Partner<\/span>\r\n                <\/li>\r\n                <li class=\"flex items-center gap-1.5\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" class=\"text-emerald-500\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n                    <span id=\"jl-h-l2\">7+ Years Experience<\/span>\r\n                <\/li>\r\n                <li class=\"flex items-center gap-1.5\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" class=\"text-emerald-500\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n                    <span id=\"jl-h-l3\">200+ Clients<\/span>\r\n                <\/li>\r\n                <li class=\"flex items-center gap-1.5\">\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" class=\"text-emerald-500\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n                    <span id=\"jl-h-l4\">20+ Countries<\/span>\r\n                <\/li>\r\n            <\/ul>\r\n            \r\n            <div class=\"mt-8 flex flex-col sm:flex-row flex-wrap gap-4\">\r\n                <a href=\"#audit\" class=\"jl-btn jl-btn-primary\">\r\n                    <span id=\"jl-h-btn1\">Get Free Marketing Audit<\/span>\r\n                    <svg class=\"jl-icon-gap jl-rtl-flip\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n                <\/a>\r\n                <a href=\"#consult\" class=\"jl-btn jl-btn-outline open-jeddah-modal\">\r\n                    <span id=\"jl-h-btn2\">Book Free Consultation<\/span>\r\n                <\/a>\r\n            <\/div>\r\n            \r\n            <div class=\"mt-8 flex flex-col sm:flex-row sm:items-center gap-4\">\r\n                <div class=\"flex -space-x-3\">\r\n                    <img decoding=\"async\" class=\"jl-avatar-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/44.jpg\" alt=\"Client 1\">\r\n                    <img decoding=\"async\" class=\"jl-avatar-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/men\/32.jpg\" alt=\"Client 2\">\r\n                    <img decoding=\"async\" class=\"jl-avatar-img\" src=\"https:\/\/randomuser.me\/api\/portraits\/women\/68.jpg\" alt=\"Client 3\">\r\n                    <div class=\"jl-avatar-img flex items-center justify-center text-xs font-bold text-white border-2 border-white z-10\" style=\"background: #1f2937;\">+2k<\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"text-sm\">\r\n                    <div class=\"flex items-center gap-1 text-gray-900\">\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n                        <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"text-yellow-400\"><path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n                        <span class=\"ml-2 font-bold text-base\">4.9\/5<\/span>\r\n                    <\/div>\r\n                    <p id=\"jl-h-trust\" class=\"text-gray-500 mt-0.5\">From 200+ businesses across KSA & GCC<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n        \r\n        <div id=\"audit\" class=\"relative z-10 flex items-center justify-center lg:pl-6 w-full mt-10 lg:mt-0\">\r\n                    \n        <style>\n            .jl-wfd-wrapper {\n                all: initial; \n                display: block;\n                width: 100%;\n                max-width: 500px;\n                margin: 0 auto;\n                font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n                box-sizing: border-box;\n            }\n            .jl-wfd-wrapper * { box-sizing: border-box; font-family: inherit; }\n            .jl-wfd-wrapper .jl-wfd-form { background-color: #ffffff; border-radius: 1rem; width: 100%; padding: 24px; }\n            .jl-wfd-wrapper .jl-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.25rem 0 !important; line-height: 1.2 !important; }\n            .jl-wfd-wrapper .jl-subtitle { font-size: 0.875rem !important; color: #6b7280 !important; margin: 0 !important; }\n            .jl-wfd-wrapper .jl-prog-container { display: flex; gap: 0.375rem; }\n            .jl-wfd-wrapper .jl-prog-bar { height: 0.375rem; width: 2rem; border-radius: 9999px; transition: background-color 0.3s ease; }\n            .jl-wfd-wrapper .jl-bg-active { background-color: #7c3aed; }\n            .jl-wfd-wrapper .jl-bg-inactive { background-color: #e5e7eb; }\n            .jl-wfd-wrapper .jl-form-group { margin-bottom: 1.25rem; text-align: left; }\n            .jl-wfd-wrapper .jl-form-group label { display: block !important; font-size: 0.875rem !important; font-weight: 600 !important; color: #374151 !important; margin-bottom: 0.375rem !important; line-height: 1.5 !important; }\n            .jl-wfd-wrapper .jl-input { width: 100% !important; height: 3rem !important; padding: 0.5rem 1rem !important; border: 1px solid #d1d5db !important; border-radius: 0.5rem !important; font-size: 0.95rem !important; color: #111827 !important; background-color: #ffffff !important; transition: all 0.2s !important; outline: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important; }\n            .jl-wfd-wrapper .jl-input:focus { border-color: #7c3aed !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important; }\n            .jl-wfd-wrapper .jl-btn { display: inline-flex !important; justify-content: center !important; align-items: center !important; height: 3rem !important; padding: 0 1.5rem !important; border-radius: 0.5rem !important; font-size: 1rem !important; font-weight: 600 !important; cursor: pointer !important; border: none !important; transition: all 0.2s !important; width: 100% !important; text-decoration: none !important; }\n            .jl-wfd-wrapper .jl-btn-primary { background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important; color: #ffffff !important; box-shadow: 0 4px 14px 0 rgba(124, 58, 237, 0.3) !important; }\n            .jl-wfd-wrapper .jl-btn-primary:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; }\n            .jl-wfd-wrapper .jl-btn-secondary { background-color: #f3f4f6 !important; color: #4b5563 !important; border: 1px solid #d1d5db !important; box-shadow: none !important; }\n            .jl-wfd-wrapper .jl-btn-secondary:hover { background-color: #e5e7eb !important; }\n            .jl-wfd-wrapper .jl-flex { display: flex; }\n            .jl-wfd-wrapper .jl-justify-between { justify-content: space-between; }\n            .jl-wfd-wrapper .jl-items-center { align-items: center; }\n            .jl-wfd-wrapper .jl-mt-6 { margin-top: 1.5rem; }\n            .jl-wfd-wrapper .jl-hidden { display: none !important; }\n            .jl-wfd-wrapper .jl-text-center { text-align: center; }\n            .jl-wfd-wrapper .jl-trust { display: flex; align-items: center; justify-content: center; gap: 0.375rem; font-size: 0.8rem; color: #6b7280; margin-top: 1.25rem; font-weight: 500; }\n\n            @media (max-width: 480px) {\n                .jl-wfd-wrapper .jl-title { font-size: 1.15rem !important; }\n                .jl-wfd-wrapper .jl-input { height: 2.75rem !important; font-size: 16px !important; }\n                .jl-wfd-wrapper .jl-btn { height: 2.75rem !important; font-size: 0.95rem !important; }\n                .jl-wfd-wrapper .jl-action-row { flex-direction: column-reverse; gap: 0.75rem; }\n                .jl-wfd-wrapper .jl-btn-secondary, .jl-wfd-wrapper .jl-btn-primary { width: 100% !important; }\n            }\n            @media (min-width: 481px) {\n                .jl-wfd-wrapper .jl-action-row { display: flex; justify-content: space-between; gap: 1rem; }\n                .jl-wfd-wrapper .jl-btn-secondary { width: 30% !important; }\n                .jl-wfd-wrapper .jl-btn-primary { width: 66% !important; }\n            }\n        <\/style>\n\n        <div id=\"jl_form_instance_19306\" class=\"jl-wfd-wrapper\">\n            <form class=\"jl-wfd-form\">\n                <div class=\"jl-flex jl-justify-between jl-items-center\" style=\"margin-bottom: 1.5rem;\">\n                    <div>\n                        <h3 class=\"jl-title\">Get Your Free Marketing Audit<\/h3>\n                        <p class=\"jl-subtitle\">Step <span class=\"jl-step-text\">1<\/span> of 2 \u00b7 Takes 30 seconds<\/p>\n                    <\/div>\n                    <div class=\"jl-prog-container\">\n                        <span class=\"jl-prog-bar jl-prog-1 jl-bg-active\"><\/span>\n                        <span class=\"jl-prog-bar jl-prog-2 jl-bg-inactive\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"jl-step-1\">\n                    <div class=\"jl-form-group\">\n                        <label>Full Name *<\/label>\n                        <input type=\"text\" name=\"full_name\" required class=\"jl-input\" placeholder=\"Mohammed Al-Saud\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Company Name<\/label>\n                        <input type=\"text\" name=\"business_name\" class=\"jl-input\" placeholder=\"Your business\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Phone \/ WhatsApp *<\/label>\n                        <input type=\"tel\" name=\"phone\" required class=\"jl-input\" placeholder=\"+966 5X XXX XXXX\">\n                    <\/div>\n                    <button type=\"button\" class=\"jl-btn jl-btn-primary jl-btn-next jl-mt-6\">\n                        Continue \n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:6px;\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n\n                <div class=\"jl-step-2 jl-hidden\">\n                    <div class=\"jl-form-group\">\n                        <label>Business Email *<\/label>\n                        <input type=\"email\" name=\"email\" required class=\"jl-input\" placeholder=\"you@company.com\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Website (optional)<\/label>\n                        <input type=\"url\" name=\"website\" class=\"jl-input\" placeholder=\"https:\/\/\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Service Required *<\/label>\n                        <select name=\"service\" required class=\"jl-input\">\n                            <option value=\"\">Select a service<\/option>\n                            <option value=\"SEO\">SEO Services<\/option>\n                            <option value=\"Local SEO\">Local SEO<\/option>\n                            <option value=\"Google Ads\">Google Ads<\/option>\n                            <option value=\"Meta Ads\">Meta Ads<\/option>\n                            <option value=\"Web Dev\">Website Development<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"jl-action-row jl-mt-6\">\n                        <button type=\"button\" class=\"jl-btn jl-btn-secondary jl-btn-prev\">&larr; Back<\/button>\n                        <button type=\"submit\" class=\"jl-btn jl-btn-primary jl-btn-submit\">Claim Free Audit<\/button>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"jl-trust\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg> \n                    100% Confidential \u00b7 Response in 1\u20132 hours\n                <\/div>\n\n                <div class=\"jl-msg-box jl-mt-6 jl-text-center jl-hidden\" style=\"font-weight:600; font-size:0.9rem;\"><\/div>\n            <\/form>\n        <\/div>\n\n        <script>\n            (function() {\n                const wrapper = document.getElementById('jl_form_instance_19306');\n                if (!wrapper) return;\n\n                const form = wrapper.querySelector('.jl-wfd-form');\n                const step1 = wrapper.querySelector('.jl-step-1');\n                const step2 = wrapper.querySelector('.jl-step-2');\n                const nextBtn = wrapper.querySelector('.jl-btn-next');\n                const prevBtn = wrapper.querySelector('.jl-btn-prev');\n                const submitBtn = wrapper.querySelector('.jl-btn-submit');\n                const prog2 = wrapper.querySelector('.jl-prog-2');\n                const stepText = wrapper.querySelector('.jl-step-text');\n                const msgBox = wrapper.querySelector('.jl-msg-box');\n\n                nextBtn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    let valid = true;\n                    const step1Inputs = step1.querySelectorAll('input[required]');\n                    for (let i = 0; i < step1Inputs.length; i++) {\n                        if (!step1Inputs[i].checkValidity()) {\n                            step1Inputs[i].reportValidity();\n                            valid = false;\n                            break; \n                        }\n                    }\n                    if (valid) {\n                        step1.classList.add('jl-hidden');\n                        step2.classList.remove('jl-hidden');\n                        prog2.classList.replace('jl-bg-inactive', 'jl-bg-active');\n                        stepText.textContent = '2';\n                    }\n                });\n\n                prevBtn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    step2.classList.add('jl-hidden');\n                    step1.classList.remove('jl-hidden');\n                    prog2.classList.replace('jl-bg-active', 'jl-bg-inactive');\n                    stepText.textContent = '1';\n                });\n\n                form.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                    if (typeof jeddahLeadsObj === 'undefined') return;\n\n                    submitBtn.innerHTML = 'Processing...';\n                    submitBtn.style.pointerEvents = 'none';\n                    submitBtn.style.opacity = '0.7';\n\n                    const formData = new FormData(form);\n                    formData.append('action', 'submit_jeddah_lead');\n                    formData.append('nonce', jeddahLeadsObj.nonce);\n\n                    fetch(jeddahLeadsObj.ajax_url, { method: 'POST', body: formData })\n                    .then(response => response.json())\n                    .then(data => {\n                        msgBox.classList.remove('jl-hidden');\n                        if (data.success) {\n                            msgBox.innerHTML = '<span style=\"color:#10b981;\">' + data.data.message + '<\/span>';\n                            form.reset();\n                            setTimeout(() => { window.location.href = jeddahLeadsObj.success_redirect; }, 1500);\n                        } else {\n                            msgBox.innerHTML = '<span style=\"color:#ef4444;\">' + data.data.message + '<\/span>';\n                            submitBtn.innerHTML = 'Claim Free Audit';\n                            submitBtn.style.pointerEvents = 'auto';\n                            submitBtn.style.opacity = '1';\n                        }\n                    })\n                    .catch(error => {\n                        msgBox.classList.remove('jl-hidden');\n                        msgBox.innerHTML = '<span style=\"color:#ef4444;\">Connection error. Please try again.<\/span>';\n                        submitBtn.innerHTML = 'Claim Free Audit';\n                        submitBtn.style.pointerEvents = 'auto';\n                        submitBtn.style.opacity = '1';\n                    });\n                });\n            })();\n        <\/script>\n        \r\n        <\/div>\r\n        \r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    \/\/ 1. Language Data Dictionary\r\n    const heroLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            badge: \"Google Partner Agency \u00b7 Jeddah, KSA\",\r\n            title: \"Google Partner <br class='hidden sm:block' \/><span class='jl-text-gradient'>Digital Marketing Agency<\/span> <br class='hidden sm:block' \/>in Jeddah, Saudi Arabia\",\r\n            sub: \"Generate more leads, increase visibility, improve Google rankings, dominate local search and grow revenue with proven SEO, Local SEO, Google Ads, Social Media Marketing and Website Development services across Saudi Arabia.\",\r\n            l1: \"Google Partner\",\r\n            l2: \"7+ Years Experience\",\r\n            l3: \"200+ Clients\",\r\n            l4: \"20+ Countries\",\r\n            btn1: \"Get Free Marketing Audit\",\r\n            btn2: \"Book Free Consultation\",\r\n            trust: \"From 200+ businesses across KSA & GCC\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            badge: \"\u0648\u0643\u0627\u0644\u0629 \u0634\u0631\u064a\u0643\u0629 \u0644\u062c\u0648\u062c\u0644 \u00b7 \u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            title: \"\u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a <br class='hidden sm:block' \/><span class='jl-text-gradient'>\u0634\u0631\u064a\u0643\u0629 \u0644\u062c\u0648\u062c\u0644<\/span> <br class='hidden sm:block' \/>\u0641\u064a \u062c\u062f\u0629\u060c \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            sub: \"\u0639\u0632\u0632 \u0645\u0628\u064a\u0639\u0627\u062a\u0643\u060c \u0632\u062f \u0645\u0646 \u0638\u0647\u0648\u0631\u0643\u060c \u062d\u0633\u0651\u0646 \u062a\u0631\u062a\u064a\u0628\u0643 \u0641\u064a \u062c\u0648\u062c\u0644\u060c \u0648\u062a\u0635\u062f\u0631 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062d\u0644\u064a \u0645\u0639 \u062e\u062f\u0645\u0627\u062a \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\u060c \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644\u060c \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0639\u0628\u0631 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\",\r\n            l1: \"\u0634\u0631\u064a\u0643 \u062c\u0648\u062c\u0644\",\r\n            l2: \"+7 \u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629\",\r\n            l3: \"+200 \u0639\u0645\u064a\u0644\",\r\n            l4: \"+20 \u062f\u0648\u0644\u0629\",\r\n            btn1: \"\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u062f\u0642\u064a\u0642 \u062a\u0633\u0648\u064a\u0642\u064a \u0645\u062c\u0627\u0646\u064a\",\r\n            btn2: \"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\",\r\n            trust: \"\u0645\u0646 \u0623\u0643\u062b\u0631 \u0645\u0646 200 \u0634\u0631\u0643\u0629 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u0644\u062e\u0644\u064a\u062c\"\r\n        }\r\n    };\r\n\r\n    \/\/ 2. Fetch scoped prefixed IDs securely\r\n    const heroSection = document.getElementById('jl-hero-section');\r\n    if (!heroSection) return;\r\n\r\n    const els = {\r\n        badge: document.getElementById('jl-h-badge'), \r\n        title: document.getElementById('jl-h-title'), \r\n        sub: document.getElementById('jl-h-sub'),\r\n        l1: document.getElementById('jl-h-l1'), \r\n        l2: document.getElementById('jl-h-l2'), \r\n        l3: document.getElementById('jl-h-l3'),\r\n        l4: document.getElementById('jl-h-l4'), \r\n        btn1: document.getElementById('jl-h-btn1'), \r\n        btn2: document.getElementById('jl-h-btn2'),\r\n        trust: document.getElementById('jl-h-trust')\r\n    };\r\n\r\n    \/\/ 3. Application Function\r\n    function applyHeroLanguage(lang) {\r\n        const data = heroLangData[lang];\r\n        if (!data) return;\r\n        \r\n        \/\/ Change direction of the specific section for RTL flex support\r\n        heroSection.setAttribute('dir', data.dir);\r\n        \r\n        \/\/ Safely update innerHTML (Allows <br> and <span> gradients to work)\r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) {\r\n                element.innerHTML = data[key];\r\n            }\r\n        }\r\n    }\r\n\r\n    \/\/ 4. TranslatePress MutationObserver\r\n    \/\/ TranslatePress dynamically changes the <html lang=\"ar\"> attribute when switching languages\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyHeroLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    \/\/ Observe HTML tag for language changes\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    \r\n    \/\/ Initial Load Check\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyHeroLanguage(initialIsRtl ? 'ar' : 'en');\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-600e89f e-con-full e-flex e-con e-parent\" data-id=\"600e89f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-95a8930 elementor-widget elementor-widget-html\" data-id=\"95a8930\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--color-background)',\r\n          foreground: 'var(--color-foreground)',\r\n          primary: 'var(--color-primary)',\r\n          'primary-dark': 'var(--primary-dark)',\r\n          border: 'var(--color-border)',\r\n          card: 'var(--card)',\r\n          'muted-foreground': 'var(--muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'soft': 'var(--shadow-soft)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n  \/* --- STRICTLY SCOPED CSS VARIABLES & RESET --- *\/\r\n  #wfd-cert-section {\r\n    \/* User Provided Variables *\/\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    --color-background: oklch(100% 0 0);\r\n    --color-foreground: oklch(23.5% 0 0);\r\n    --color-primary: oklch(66% .16 274);\r\n    --primary-dark: oklch(34% .21 271);\r\n    --color-border: oklch(92% .01 270);\r\n    --card: oklch(100% 0 0);\r\n    --muted-foreground: oklch(48% .02 270);\r\n    --shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n    \r\n    font-family: var(--font-sans);\r\n    background-color: var(--color-background);\r\n    color: var(--color-foreground);\r\n    box-sizing: border-box;\r\n    display: block;\r\n    width: 100%;\r\n    \r\n    \/* Block Theme Overrides *\/\r\n    all: initial;\r\n    font-family: var(--font-sans);\r\n  }\r\n\r\n  #wfd-cert-section * {\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n  }\r\n<\/style>\r\n\r\n<section id=\"wfd-cert-section\" class=\"border-y border-border bg-background\" dir=\"ltr\">\r\n  <div class=\"mx-auto max-w-7xl px-4 py-10 sm:px-6 lg:px-8\">\r\n    \r\n    <p id=\"cert-eyebrow\" class=\"text-center text-xs font-semibold uppercase tracking-wider text-muted-foreground\">\r\n      Certified, accredited & trusted by leading platforms\r\n    <\/p>\r\n    \r\n    <div class=\"mt-6 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-6\">\r\n      <div class=\"flex h-16 items-center justify-center rounded-xl border border-border bg-card px-3 text-center text-sm font-semibold text-primary-dark shadow-soft transition-transform hover:-translate-y-1 hover:shadow-md\">\r\n        <span id=\"cert-badge-1\">Google Partner<\/span>\r\n      <\/div>\r\n      <div class=\"flex h-16 items-center justify-center rounded-xl border border-border bg-card px-3 text-center text-sm font-semibold text-primary-dark shadow-soft transition-transform hover:-translate-y-1 hover:shadow-md\">\r\n        <span id=\"cert-badge-2\">Google Workspace<\/span>\r\n      <\/div>\r\n      <div class=\"flex h-16 items-center justify-center rounded-xl border border-border bg-card px-3 text-center text-sm font-semibold text-primary-dark shadow-soft transition-transform hover:-translate-y-1 hover:shadow-md\">\r\n        <span id=\"cert-badge-3\">Microsoft<\/span>\r\n      <\/div>\r\n      <div class=\"flex h-16 items-center justify-center rounded-xl border border-border bg-card px-3 text-center text-sm font-semibold text-primary-dark shadow-soft transition-transform hover:-translate-y-1 hover:shadow-md\">\r\n        <span id=\"cert-badge-4\">AWS<\/span>\r\n      <\/div>\r\n      <div class=\"flex h-16 items-center justify-center rounded-xl border border-border bg-card px-3 text-center text-sm font-semibold text-primary-dark shadow-soft transition-transform hover:-translate-y-1 hover:shadow-md\">\r\n        <span id=\"cert-badge-5\">Google Cloud<\/span>\r\n      <\/div>\r\n      <div class=\"flex h-16 items-center justify-center rounded-xl border border-border bg-card px-3 text-center text-sm font-semibold text-primary-dark shadow-soft transition-transform hover:-translate-y-1 hover:shadow-md\">\r\n        <span id=\"cert-badge-6\">HubSpot<\/span>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <p id=\"cert-footer\" class=\"mx-auto mt-6 max-w-3xl text-center text-sm text-muted-foreground leading-relaxed\">\r\n      As an officially recognised <strong class=\"text-foreground\">Google Partner<\/strong> with active certifications across Google Ads, Analytics, and Workspace \u2014 plus Microsoft, AWS, Google Cloud and HubSpot \u2014 Aspire delivers campaigns that meet enterprise-grade standards for performance, transparency and compliance.\r\n    <\/p>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \r\n    \/\/ 1. Dual Language Dictionary\r\n    const certLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"Certified, accredited & trusted by leading platforms\",\r\n            badge1: \"Google Partner\",\r\n            badge2: \"Google Workspace\",\r\n            badge3: \"Microsoft\",\r\n            badge4: \"AWS\",\r\n            badge5: \"Google Cloud\",\r\n            badge6: \"HubSpot\",\r\n            footer: \"As an officially recognised <strong class='text-foreground'>Google Partner<\/strong> with active certifications across Google Ads, Analytics, and Workspace \u2014 plus Microsoft, AWS, Google Cloud and HubSpot \u2014 Aspire delivers campaigns that meet enterprise-grade standards for performance, transparency and compliance.\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u0645\u0639\u062a\u0645\u062f\u0629 \u0648\u0645\u0648\u062b\u0648\u0642\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0627\u0644\u0645\u0646\u0635\u0627\u062a \u0627\u0644\u0631\u0627\u0626\u062f\u0629\",\r\n            badge1: \"\u0634\u0631\u064a\u0643 \u062c\u0648\u062c\u0644\",\r\n            badge2: \"\u0645\u0633\u0627\u062d\u0629 \u0639\u0645\u0644 \u062c\u0648\u062c\u0644\",\r\n            badge3: \"\u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a\",\r\n            badge4: \"AWS\",\r\n            badge5: \"\u062c\u0648\u062c\u0644 \u0643\u0644\u0627\u0648\u062f\",\r\n            badge6: \"\u0647\u0627\u0628 \u0633\u0628\u0648\u062a\",\r\n            footer: \"\u0628\u0635\u0641\u062a\u0646\u0627 <strong class='text-foreground'>\u0634\u0631\u064a\u0643 \u062c\u0648\u062c\u0644<\/strong> \u0645\u0639\u062a\u0645\u062f \u0631\u0633\u0645\u064a\u064b\u0627 \u0645\u0639 \u0634\u0647\u0627\u062f\u0627\u062a \u0646\u0634\u0637\u0629 \u0641\u064a \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644\u060c \u0648\u0627\u0644\u0625\u062d\u0635\u0627\u0621\u0627\u062a\u060c \u0648\u0645\u0633\u0627\u062d\u0629 \u0627\u0644\u0639\u0645\u0644 \u2014 \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0645\u0627\u064a\u0643\u0631\u0648\u0633\u0648\u0641\u062a\u060c AWS\u060c \u062c\u0648\u062c\u0644 \u0643\u0644\u0627\u0648\u062f\u060c \u0648\u0647\u0627\u0628 \u0633\u0628\u0648\u062a \u2014 \u062a\u0642\u062f\u0645 \u0623\u0633\u0628\u0627\u064a\u0631 \u062d\u0645\u0644\u0627\u062a \u062a\u0644\u0628\u064a \u0645\u0639\u0627\u064a\u064a\u0631 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0644\u0644\u0623\u062f\u0627\u0621 \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0627\u0645\u062a\u062b\u0627\u0644.\"\r\n        }\r\n    };\r\n\r\n    \/\/ 2. Map Elements\r\n    const certSection = document.getElementById('wfd-cert-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('cert-eyebrow'),\r\n        badge1: document.getElementById('cert-badge-1'),\r\n        badge2: document.getElementById('cert-badge-2'),\r\n        badge3: document.getElementById('cert-badge-3'),\r\n        badge4: document.getElementById('cert-badge-4'),\r\n        badge5: document.getElementById('cert-badge-5'),\r\n        badge6: document.getElementById('cert-badge-6'),\r\n        footer: document.getElementById('cert-footer')\r\n    };\r\n\r\n    \/\/ 3. Apply Language Function\r\n    function applyCertLanguage(lang) {\r\n        const data = certLangData[lang];\r\n        if (!data) return;\r\n\r\n        \/\/ Set direction (RTL\/LTR)\r\n        certSection.setAttribute('dir', data.dir);\r\n\r\n        \/\/ Safely update texts\r\n        if(els.eyebrow) els.eyebrow.innerHTML = data.eyebrow;\r\n        if(els.badge1) els.badge1.innerHTML = data.badge1;\r\n        if(els.badge2) els.badge2.innerHTML = data.badge2;\r\n        if(els.badge3) els.badge3.innerHTML = data.badge3;\r\n        if(els.badge4) els.badge4.innerHTML = data.badge4;\r\n        if(els.badge5) els.badge5.innerHTML = data.badge5;\r\n        if(els.badge6) els.badge6.innerHTML = data.badge6;\r\n        if(els.footer) els.footer.innerHTML = data.footer;\r\n    }\r\n\r\n    \/\/ 4. SMART SYNC (MutationObserver)\r\n    \/\/ Ye code ensure karega ki jaise hi Header language change karega, ye section automatically translate ho jayega\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyCertLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    \/\/ Start listening to the HTML tag\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n\r\n    \/\/ 5. Initial trigger on page load\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyCertLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c2a729d e-con-full e-flex e-con e-parent\" data-id=\"c2a729d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d47053 elementor-widget elementor-widget-html\" data-id=\"6d47053\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--background)',\r\n          foreground: 'var(--foreground)',\r\n          primary: 'var(--primary)',\r\n          'primary-dark': 'var(--primary-dark)',\r\n          secondary: 'var(--secondary)',\r\n          border: 'var(--border)',\r\n          card: 'var(--card)',\r\n          destructive: 'var(--destructive)',\r\n          'muted-foreground': 'var(--muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'elevated': 'var(--shadow-elevated)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n  \/* --- STRICTLY SCOPED CSS VARIABLES & RESET --- *\/\r\n  #wfd-comparison-section {\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    --background: oklch(100% 0 0);\r\n    --foreground: oklch(23.5% 0 0);\r\n    --card: oklch(100% 0 0);\r\n    --primary: oklch(66% .16 274);\r\n    --primary-dark: oklch(34% .21 271);\r\n    --secondary: oklch(97% .012 270);\r\n    --muted-foreground: oklch(48% .02 270);\r\n    --destructive: oklch(60% .22 25);\r\n    --success: oklch(68% .16 152);\r\n    --border: oklch(92% .01 270);\r\n    --gradient-brand: linear-gradient(135deg, #1e2f97 0%, #758bfd 60%, #edb0f8 100%);\r\n    --shadow-elevated: 0 12px 32px -12px rgba(30, 47, 151, 0.15);\r\n    \r\n    all: initial;\r\n    display: block;\r\n    box-sizing: border-box;\r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    background-color: color-mix(in oklab, var(--secondary) 40%, transparent);\r\n  }\r\n\r\n  #wfd-comparison-section * {\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #wfd-comparison-section .bg-gradient-brand {\r\n    background: var(--gradient-brand);\r\n  }\r\n\r\n  \/* Custom Scrollbar for Desktop\/Tablet View *\/\r\n  #wfd-comparison-section .custom-scrollbar::-webkit-scrollbar {\r\n    height: 6px;\r\n  }\r\n  #wfd-comparison-section .custom-scrollbar::-webkit-scrollbar-track {\r\n    background: var(--border); \r\n    border-radius: 10px;\r\n  }\r\n  #wfd-comparison-section .custom-scrollbar::-webkit-scrollbar-thumb {\r\n    background: var(--primary); \r\n    border-radius: 10px;\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     STRICT MOBILE TRANSFORMATION (< 768px)\r\n     Converts side-by-side table into beautifully stacked cards\r\n     ========================================================================== *\/\r\n  @media (max-width: 767px) {\r\n    \/* Hide desktop table headers completely *\/\r\n    #wfd-comparison-section .desktop-th {\r\n      display: none !important;\r\n    }\r\n\r\n    \/* Change grid into a single column stack *\/\r\n    #wfd-comparison-section .responsive-grid {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      min-width: 100% !important;\r\n      gap: 16px !important;\r\n      padding: 16px !important;\r\n      background-color: color-mix(in oklab, var(--secondary) 30%, transparent) !important;\r\n    }\r\n\r\n    \/* Wrap each group of 3 cells into an independent Card *\/\r\n    #wfd-comparison-section .comp-row-group {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      background: var(--card) !important;\r\n      border: 1px solid var(--border) !important;\r\n      border-radius: 16px !important;\r\n      overflow: hidden !important;\r\n      box-shadow: 0 4px 12px rgba(0,0,0,0.03) !important;\r\n    }\r\n\r\n    \/* Criteria Title inside Mobile Card *\/\r\n    #wfd-comparison-section .comp-cell-criteria {\r\n      background-color: var(--secondary) !important;\r\n      color: var(--primary-dark) !important;\r\n      font-size: 14px !important;\r\n      font-weight: 700 !important;\r\n      padding: 12px 16px !important;\r\n      border-top: none !important;\r\n      border-bottom: 1px solid var(--border) !important;\r\n      text-align: center !important;\r\n    }\r\n\r\n    \/* Generic Agency Row inside Mobile Card *\/\r\n    #wfd-comparison-section .comp-cell-generic {\r\n      justify-content: flex-start !important;\r\n      padding: 10px 16px !important;\r\n      border-top: none !important;\r\n      border-bottom: 1px dashed var(--border) !important;\r\n      font-size: 13px !important;\r\n      text-align: left !important;\r\n      background: #fafafa !important;\r\n    }\r\n\r\n    \/* Aspire Row inside Mobile Card *\/\r\n    #wfd-comparison-section .comp-cell-aspire {\r\n      justify-content: flex-start !important;\r\n      padding: 12px 16px !important;\r\n      border-top: none !important;\r\n      font-size: 13px !important;\r\n      font-weight: 600 !important;\r\n      text-align: left !important;\r\n      background: #ffffff !important;\r\n    }\r\n\r\n    \/* Inject dynamic labels for mobile layout using pseudo-elements *\/\r\n    #wfd-comparison-section .comp-cell-generic::before {\r\n      content: \"Generic: \";\r\n      font-weight: 700;\r\n      color: var(--muted-foreground);\r\n      margin-right: 6px;\r\n    }\r\n    \r\n    #wfd-comparison-section .comp-cell-aspire::before {\r\n      content: \"Aspire: \";\r\n      font-weight: 700;\r\n      color: var(--primary);\r\n      margin-right: 6px;\r\n    }\r\n\r\n    \/* RTL Support for Mobile Pseudo-elements *\/\r\n    #wfd-comparison-section[dir=\"rtl\"] .comp-cell-generic::before {\r\n      content: \"\u062a\u0642\u0644\u064a\u062f\u064a: \";\r\n      margin-right: 0;\r\n      margin-left: 6px;\r\n    }\r\n    #wfd-comparison-section[dir=\"rtl\"] .comp-cell-aspire::before {\r\n      content: \"\u0623\u0633\u0628\u0627\u064a\u0631: \";\r\n      margin-right: 0;\r\n      margin-left: 6px;\r\n    }\r\n    \r\n    #wfd-comparison-section[dir=\"rtl\"] .comp-cell-generic,\r\n    #wfd-comparison-section[dir=\"rtl\"] .comp-cell-aspire {\r\n      text-align: right !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"wfd-comparison-section\" class=\"py-12 sm:py-24 lg:py-28\" dir=\"ltr\">\r\n  <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n    \r\n    <div class=\"mx-auto text-center max-w-3xl\">\r\n      <span class=\"inline-flex items-center gap-2 rounded-full border border-border bg-white px-4 py-1.5 text-xs font-semibold uppercase tracking-wider text-primary-dark shadow-sm\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-3.5 w-3.5 text-primary\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n        <span id=\"comp-eyebrow\">Why Aspire<\/span>\r\n      <\/span>\r\n      <h2 id=\"comp-title\" class=\"mt-4 sm:mt-6 text-2xl sm:text-4xl md:text-[2.75rem] font-bold tracking-tight text-foreground md:leading-[1.15]\">\r\n        Why businesses in Saudi Arabia<br\/>choose Aspire Digital Solutions\r\n      <\/h2>\r\n      <p id=\"comp-subtitle\" class=\"mt-3 sm:mt-5 text-sm sm:text-lg text-muted-foreground\">\r\n        A side-by-side look at how Aspire compares to a generic marketing agency.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mx-auto mt-8 sm:mt-16 max-w-5xl overflow-hidden rounded-2xl sm:rounded-3xl border border-border bg-card shadow-elevated\">\r\n      <div class=\"overflow-x-auto custom-scrollbar\">\r\n        \r\n        <div class=\"responsive-grid grid grid-cols-[1fr_1fr_1.3fr] text-sm min-w-[750px] md:min-w-0\">\r\n          \r\n          <div id=\"comp-th-1\" class=\"desktop-th bg-secondary\/50 px-5 py-5 sm:px-8 sm:py-6 text-xs font-semibold uppercase tracking-wider text-muted-foreground text-left\">Criteria<\/div>\r\n          <div id=\"comp-th-2\" class=\"desktop-th bg-secondary\/50 px-5 py-5 sm:px-8 sm:py-6 text-center text-xs font-semibold uppercase tracking-wider text-muted-foreground\">Generic Agency<\/div>\r\n          <div id=\"comp-th-3\" class=\"desktop-th bg-gradient-brand px-5 py-5 sm:px-8 sm:py-6 text-center text-xs font-semibold uppercase tracking-wider text-white\">Aspire Digital Solutions<\/div>\r\n          \r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r1-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">Industry Experience<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r1-c2\">1\u20133 years, generalist<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r1-c3\">7+ years specialised in SEO, Google Ads & Local SEO<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r2-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">Response Time<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r2-c2\">24\u201372 hours<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r2-c3\">Within 1\u20132 hours \u00b7 English & Arabic<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r3-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">Reporting<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r3-c2\">Generic monthly PDF<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r3-c3\">Live dashboard + monthly strategy reviews<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r4-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">ROI Focus<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r4-c2\">Vanity metrics<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r4-c3\">Pipeline, leads, revenue & ROAS<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r5-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">Transparency<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r5-c2\">Hidden ad spend & fees<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r5-c3\">100% transparent spend, fees & KPIs<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r6-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">Communication<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r6-c2\">Account manager only<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r6-c3\">Dedicated strategist + WhatsApp support<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r7-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">Strategy<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r7-c2\">Templated playbooks<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r7-c3\">Custom strategy per industry & city<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <div class=\"comp-row-group contents group\">\r\n            <div id=\"comp-r8-c1\" class=\"comp-cell-criteria border-t border-border px-5 py-5 sm:px-8 sm:py-6 font-semibold text-foreground text-left bg-white\">Saudi Market<\/div>\r\n            <div class=\"comp-cell-generic flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center text-muted-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0 text-destructive\/70\"><path d=\"M18 6 6 18\"><\/path><path d=\"m6 6 12 12\"><\/path><\/svg> \r\n              <span id=\"comp-r8-c2\">Limited local context<\/span>\r\n            <\/div>\r\n            <div class=\"comp-cell-aspire flex items-center justify-center gap-2.5 border-t border-border px-5 py-5 sm:px-8 sm:py-6 text-center font-medium text-foreground bg-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 shrink-0\" style=\"color: var(--success);\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n              <span id=\"comp-r8-c3\">Deep Jeddah, Riyadh & GCC market understanding<\/span>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \r\n    const compLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"Why Aspire\",\r\n            title: \"Why businesses in Saudi Arabia<br\/>choose Aspire Digital Solutions\",\r\n            subtitle: \"A side-by-side look at how Aspire compares to a generic marketing agency.\",\r\n            th1: \"Criteria\", th2: \"Generic Agency\", th3: \"Aspire Digital Solutions\",\r\n            r1c1: \"Industry Experience\", r1c2: \"1\u20133 years, generalist\", r1c3: \"7+ years specialised in SEO, Google Ads & Local SEO\",\r\n            r2c1: \"Response Time\", r2c2: \"24\u201372 hours\", r2c3: \"Within 1\u20132 hours \u00b7 English & Arabic\",\r\n            r3c1: \"Reporting\", r3c2: \"Generic monthly PDF\", r3c3: \"Live dashboard + monthly strategy reviews\",\r\n            r4c1: \"ROI Focus\", r4c2: \"Vanity metrics\", r4c3: \"Pipeline, leads, revenue & ROAS\",\r\n            r5c1: \"Transparency\", r5c2: \"Hidden ad spend & fees\", r5c3: \"100% transparent spend, fees & KPIs\",\r\n            r6c1: \"Communication\", r6c2: \"Account manager only\", r6c3: \"Dedicated strategist + WhatsApp support\",\r\n            r7c1: \"Strategy\", r7c2: \"Templated playbooks\", r7c3: \"Custom strategy per industry & city\",\r\n            r8c1: \"Saudi Market\", r8c2: \"Limited local context\", r8c3: \"Deep Jeddah, Riyadh & GCC market understanding\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u0644\u0645\u0627\u0630\u0627 \u0623\u0633\u0628\u0627\u064a\u0631\",\r\n            title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062e\u062a\u0627\u0631 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629<br\/>\u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\",\r\n            subtitle: \"\u0646\u0638\u0631\u0629 \u0645\u0642\u0627\u0631\u0646\u0629 \u0628\u064a\u0646 \u0623\u0633\u0628\u0627\u064a\u0631 \u0648\u0648\u0643\u0627\u0644\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u062a\u0642\u0644\u064a\u062f\u064a\u0629.\",\r\n            th1: \"\u0627\u0644\u0645\u0639\u0627\u064a\u064a\u0631\", th2: \"\u0648\u0643\u0627\u0644\u0629 \u062a\u0642\u0644\u064a\u062f\u064a\u0629\", th3: \"\u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\",\r\n            r1c1: \"\u062e\u0628\u0631\u0629 \u0627\u0644\u0635\u0646\u0627\u0639\u0629\", r1c2: \"1\u20133 \u0633\u0646\u0648\u0627\u062a\u060c \u0639\u0627\u0645\u0629\", r1c3: \"\u0623\u0643\u062b\u0631 \u0645\u0646 7 \u0633\u0646\u0648\u0627\u062a \u0645\u062a\u062e\u0635\u0635\u0629 \u0641\u064a \u0627\u0644\u0633\u064a\u0648 \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644\",\r\n            r2c1: \"\u0648\u0642\u062a \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629\", r2c2: \"24\u201372 \u0633\u0627\u0639\u0629\", r2c3: \"\u062e\u0644\u0627\u0644 1\u20132 \u0633\u0627\u0639\u0629 \u00b7 \u0639\u0631\u0628\u064a \u0648\u0625\u0646\u062c\u0644\u064a\u0632\u064a\",\r\n            r3c1: \"\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631\", r3c2: \"\u0645\u0644\u0641 PDF \u0634\u0647\u0631\u064a \u0639\u0627\u062f\u064a\", r3c3: \"\u0644\u0648\u062d\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0645\u0628\u0627\u0634\u0631\u0629 + \u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\",\r\n            r4c1: \"\u0627\u0644\u062a\u0631\u0643\u064a\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0627\u0626\u062f\", r4c2: \"\u0645\u0642\u0627\u064a\u064a\u0633 \u0648\u0647\u0645\u064a\u0629\", r4c3: \"\u0627\u0644\u0645\u0628\u064a\u0639\u0627\u062a\u060c \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0648\u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a\",\r\n            r5c1: \"\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629\", r5c2: \"\u0631\u0633\u0648\u0645 \u0648\u0625\u0646\u0641\u0627\u0642 \u0625\u0639\u0644\u0627\u0646\u064a \u0645\u062e\u0641\u064a\", r5c3: \"\u0634\u0641\u0627\u0641\u064a\u0629 100% \u0641\u064a \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u0631\u0633\u0648\u0645\",\r\n            r6c1: \"\u0627\u0644\u062a\u0648\u0627\u0635\u0644\", r6c2: \"\u0645\u062f\u064a\u0631 \u062d\u0633\u0627\u0628\u0627\u062a \u0641\u0642\u0637\", r6c3: \"\u062e\u0628\u064a\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0645\u062e\u0635\u0635 + \u062f\u0639\u0645 \u0648\u0627\u062a\u0633\u0627\u0628\",\r\n            r7c1: \"\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\", r7c2: \"\u0642\u0648\u0627\u0644\u0628 \u062c\u0627\u0647\u0632\u0629\", r7c3: \"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0642\u0637\u0627\u0639 \u0648\u0645\u062f\u064a\u0646\u0629\",\r\n            r8c1: \"\u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\", r8c2: \"\u0633\u064a\u0627\u0642 \u0645\u062d\u0644\u064a \u0645\u062d\u062f\u0648\u062f\", r8c3: \"\u0641\u0647\u0645 \u0639\u0645\u064a\u0642 \u0644\u0633\u0648\u0642 \u062c\u062f\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c\"\r\n        }\r\n    };\r\n\r\n    const compSection = document.getElementById('wfd-comparison-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('comp-eyebrow'),\r\n        title: document.getElementById('comp-title'),\r\n        subtitle: document.getElementById('comp-subtitle'),\r\n        th1: document.getElementById('comp-th-1'), th2: document.getElementById('comp-th-2'), th3: document.getElementById('comp-th-3'),\r\n        r1c1: document.getElementById('comp-r1-c1'), r1c2: document.getElementById('comp-r1-c2'), r1c3: document.getElementById('comp-r1-c3'),\r\n        r2c1: document.getElementById('comp-r2-c1'), r2c2: document.getElementById('comp-r2-c2'), r2c3: document.getElementById('comp-r2-c3'),\r\n        r3c1: document.getElementById('comp-r3-c1'), r3c2: document.getElementById('comp-r3-c2'), r3c3: document.getElementById('comp-r3-c3'),\r\n        r4c1: document.getElementById('comp-r4-c1'), r4c2: document.getElementById('comp-r4-c2'), r4c3: document.getElementById('comp-r4-c3'),\r\n        r5c1: document.getElementById('comp-r5-c1'), r5c2: document.getElementById('comp-r5-c2'), r5c3: document.getElementById('comp-r5-c3'),\r\n        r6c1: document.getElementById('comp-r6-c1'), r6c2: document.getElementById('comp-r6-c2'), r6c3: document.getElementById('comp-r6-c3'),\r\n        r7c1: document.getElementById('comp-r7-c1'), r7c2: document.getElementById('comp-r7-c2'), r7c3: document.getElementById('comp-r7-c3'),\r\n        r8c1: document.getElementById('comp-r8-c1'), r8c2: document.getElementById('comp-r8-c2'), r8c3: document.getElementById('comp-r8-c3')\r\n    };\r\n\r\n    function applyCompLanguage(lang) {\r\n        const data = compLangData[lang];\r\n        if (!data) return;\r\n\r\n        compSection.setAttribute('dir', data.dir);\r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) element.innerHTML = data[key];\r\n        }\r\n    }\r\n\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyCompLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyCompLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-113f273 e-con-full e-flex e-con e-parent\" data-id=\"113f273\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a88792 elementor-widget elementor-widget-html\" data-id=\"1a88792\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* --- STRICTLY SCOPED CSS VARIABLES & RESET --- *\/\r\n  #wfd-results-section {\r\n    --font-sans: \"Inter\", system-ui, -apple-system, sans-serif;\r\n    --background: #ffffff;\r\n    --foreground: #0f172a;\r\n    --card-bg: #ffffff;\r\n    --primary: #8b5cf6;\r\n    --primary-dark: #5b21b6;\r\n    --secondary: #f5f3ff;\r\n    --muted-foreground: #64748b;\r\n    --border: #e2e8f0;\r\n    \r\n    \/* \u090f\u0915\u0926\u092e \u0938\u0949\u092b\u094d\u091f \u092a\u094d\u0930\u0940\u092e\u093f\u092f\u092e \u0936\u0948\u0921\u094b *\/\r\n    --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 2px -1px rgba(0, 0, 0, 0.05);\r\n\r\n    all: initial;\r\n    display: block;\r\n    box-sizing: border-box;\r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    background-color: var(--background);\r\n    padding: 3.5rem 1rem; \/* \u0938\u0947\u0915\u094d\u0936\u0928 \u0915\u0940 \u0906\u0909\u091f\u0930 \u092a\u0948\u0921\u093f\u0902\u0917 \u0938\u0947\u091f \u0915\u0940 \u0917\u0908 *\/\r\n    direction: ltr;\r\n  }\r\n\r\n  #wfd-results-section * {\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    \r\n  }\r\n\r\n  \/* --- CONTAINER & HEADER --- *\/\r\n  #wfd-results-section .res-container {\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #wfd-results-section .res-header {\r\n    text-align: center;\r\n    max-width: 650px;\r\n    margin: 0 auto 2.5rem auto; \/* \u0939\u0947\u0921\u0930 \u0914\u0930 \u0921\u093f\u092c\u094d\u092c\u094b\u0902 \u0915\u0947 \u092c\u0940\u091a \u0915\u093e \u0938\u0939\u0940 \u0917\u0948\u092a *\/\r\n  }\r\n\r\n  #wfd-results-section .res-eyebrow-badge {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 0.4rem;\r\n    background-color: var(--secondary);\r\n    border: 1px solid #ddd6fe;\r\n    padding: 0.3rem 0.75rem;\r\n    border-radius: 9999px;\r\n    font-size: 0.725rem;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.06em;\r\n    color: var(--primary-dark);\r\n    margin-bottom: 0.85rem;\r\n  }\r\n\r\n  #wfd-results-section .res-eyebrow-badge svg {\r\n    width: 13px;\r\n    height: 13px;\r\n    color: var(--primary);\r\n  }\r\n\r\n  #wfd-results-section .res-title {\r\n    font-size: 2rem;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    color: var(--foreground);\r\n    margin-bottom: 0.75rem;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  #wfd-results-section .res-subtitle {\r\n    font-size: 0.95rem;\r\n    line-height: 1.5;\r\n    color: var(--muted-foreground);\r\n    padding: 0 0.5rem;\r\n  }\r\n\r\n  \/* --- STATS GRID --- *\/\r\n  #wfd-results-section .res-grid {\r\n    display: grid;\r\n    width: 100%;\r\n  }\r\n\r\n  #wfd-results-section .stat-card {\r\n    background-color: var(--card-bg);\r\n    border: 1px solid var(--border);\r\n    box-shadow: var(--shadow-card);\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    align-items: center;\r\n    text-align: center;\r\n    transition: all 0.2s ease-in-out;\r\n  }\r\n\r\n  #wfd-results-section .stat-card:hover {\r\n    border-color: #c4b5fd;\r\n    transform: translateY(-2px);\r\n  }\r\n\r\n  #wfd-results-section .stat-val {\r\n    font-weight: 800;\r\n    color: var(--primary-dark);\r\n    line-height: 1.1;\r\n    margin-bottom: 0.35rem;\r\n  }\r\n\r\n  #wfd-results-section .stat-label {\r\n    font-weight: 500;\r\n    color: var(--muted-foreground);\r\n    line-height: 1.25;\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     STRICT RESPONSIVE BREAKPOINTS (The Magic Fix)\r\n     ========================================================================== *\/\r\n\r\n  \/* 1. MOBILE FIRST (< 640px) : Exactly 2 Columns *\/\r\n  @media (max-width: 639px) {\r\n    #wfd-results-section .res-grid {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 0.65rem; \/* \u0921\u093f\u092c\u094d\u092c\u094b\u0902 \u0915\u0947 \u092c\u0940\u091a \u0938\u093f\u0930\u094d\u092b 10px \u0915\u093e \u0917\u0948\u092a (Clean Look) *\/\r\n    }\r\n    \r\n    #wfd-results-section .stat-card {\r\n      border-radius: 0.75rem; \/* 12px \u0930\u0947\u0921\u093f\u092f\u0938 \u092b\u094b\u0928 \u092a\u0930 \u092c\u0947\u0938\u094d\u091f \u0932\u0917\u0924\u093e \u0939\u0948 *\/\r\n      padding: 5px 5px 5px 5px;   \/* \u0935\u0930\u094d\u091f\u093f\u0915\u0932 \u092a\u0948\u0921\u093f\u0902\u0917 \u0918\u091f\u093e\u0908 \u0917\u0908 *\/\r\n      min-height: 98px;       \/* \u0938\u093e\u0930\u0947 \u0921\u093f\u092c\u094d\u092c\u094b\u0902 \u0915\u0940 \u0939\u093e\u0907\u091f \u0932\u0949\u0915 \u0915\u0930 \u0926\u0940 *\/\r\n    }\r\n\r\n    #wfd-results-section .stat-val {\r\n      font-size: 1.55rem; \/* 24.8px - \u0921\u093f\u092c\u094d\u092c\u0947 \u0938\u0947 \u092c\u093e\u0939\u0930 \u0928\u0939\u0940\u0902 \u092d\u093e\u0917\u0947\u0917\u093e *\/\r\n    }\r\n\r\n    #wfd-results-section .stat-label {\r\n      font-size: 0.76rem; \/* ~12px *\/\r\n      padding: 0 2px;\r\n    }\r\n  }\r\n\r\n  \/* 2. TABLET VIEW (640px to 1023px) : 3 Columns *\/\r\n  @media (min-width: 640px) and (max-width: 1023px) {\r\n    #wfd-results-section { padding: 4.5rem 2rem; }\r\n    #wfd-results-section .res-title { font-size: 2.35rem; }\r\n    \r\n    #wfd-results-section .res-grid {\r\n      grid-template-columns: repeat(3, 1fr);\r\n      gap: 1rem;\r\n    }\r\n    #wfd-results-section .stat-card {\r\n      border-radius: 1rem;\r\n      padding: 1.35rem 1rem;\r\n      min-height: 115px;\r\n    }\r\n    #wfd-results-section .stat-val { font-size: 1.85rem; }\r\n    #wfd-results-section .stat-label { font-size: 0.85rem; }\r\n  }\r\n\r\n  \/* 3. DESKTOP VIEW (1024px+) : 4 Columns *\/\r\n  @media (min-width: 1024px) {\r\n    #wfd-results-section { padding: 6rem 2rem; }\r\n    #wfd-results-section .res-title { font-size: 2.75rem; }\r\n    \r\n    #wfd-results-section .res-grid {\r\n      grid-template-columns: repeat(4, 1fr);\r\n      gap: 1.25rem;\r\n    }\r\n    #wfd-results-section .stat-card {\r\n      border-radius: 1rem;\r\n      padding: 1.5rem 1rem;\r\n      min-height: 130px;\r\n    }\r\n    #wfd-results-section .stat-val { font-size: 2.15rem; }\r\n    #wfd-results-section .stat-label { font-size: 0.875rem; }\r\n  }\r\n<\/style>\r\n\r\n<section id=\"wfd-results-section\">\r\n  <div class=\"res-container\">\r\n    \r\n    <div class=\"res-header\">\r\n      <div class=\"res-eyebrow-badge\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n        <span id=\"res-eyebrow\">Proven Results<\/span>\r\n      <\/div>\r\n      <h2 id=\"res-title\" class=\"res-title\">Results that build trust<\/h2>\r\n      <p id=\"res-subtitle\" class=\"res-subtitle\">Numbers Saudi businesses can verify \u2014 backed by case studies, dashboards and audits.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"res-grid\">\r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-1\">7+<\/span><\/div>\r\n        <div id=\"res-label-1\" class=\"stat-label\">Years Experience<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-2\">200+<\/span><\/div>\r\n        <div id=\"res-label-2\" class=\"stat-label\">Clients Served<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-3\">20+<\/span><\/div>\r\n        <div id=\"res-label-3\" class=\"stat-label\">Countries Served<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-4\">95%<\/span><\/div>\r\n        <div id=\"res-label-4\" class=\"stat-label\">Client Satisfaction<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-5\">$200M+<\/span><\/div>\r\n        <div id=\"res-label-5\" class=\"stat-label\">Revenue Generated<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-6\">1M+<\/span><\/div>\r\n        <div id=\"res-label-6\" class=\"stat-label\">Leads Generated<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-7\">$2M+<\/span><\/div>\r\n        <div id=\"res-label-7\" class=\"stat-label\">Ad Spend Managed<\/div>\r\n      <\/div>\r\n      \r\n      <div class=\"stat-card\">\r\n        <div class=\"stat-val\"><span id=\"res-val-8\">1\u20132 hrs<\/span><\/div>\r\n        <div id=\"res-label-8\" class=\"stat-label\">Avg. Response Time<\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const resLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"Proven Results\",\r\n            title: \"Results that build trust\",\r\n            subtitle: \"Numbers Saudi businesses can verify \u2014 backed by case studies, dashboards and audits.\",\r\n            val1: \"7+\", label1: \"Years Experience\",\r\n            val2: \"200+\", label2: \"Clients Served\",\r\n            val3: \"20+\", label3: \"Countries Served\",\r\n            val4: \"95%\", label4: \"Client Satisfaction\",\r\n            val5: \"$200M+\", label5: \"Revenue Generated\",\r\n            val6: \"1M+\", label6: \"Leads Generated\",\r\n            val7: \"$2M+\", label7: \"Ad Spend Managed\",\r\n            val8: \"1\u20132 hrs\", label8: \"Avg. Response Time\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u0646\u062a\u0627\u0626\u062c \u0645\u062b\u0628\u062a\u0629\",\r\n            title: \"\u0646\u062a\u0627\u0626\u062c \u062a\u0628\u0646\u064a \u0627\u0644\u062b\u0642\u0629\",\r\n            subtitle: \"\u0623\u0631\u0642\u0627\u0645 \u064a\u0645\u0643\u0646 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u062a\u062d\u0642\u0642 \u0645\u0646\u0647\u0627 \u2014 \u0645\u062f\u0639\u0648\u0645\u0629 \u0628\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629 \u0648\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0648\u0627\u0644\u062a\u062f\u0642\u064a\u0642\u0627\u062a.\",\r\n            val1: \"+7\", label1: \"\u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0629\",\r\n            val2: \"+200\", label2: \"\u0639\u0645\u064a\u0644 \u062a\u0645\u062a \u062e\u062f\u0645\u062a\u0647\u0645\",\r\n            val3: \"+20\", label3: \"\u062f\u0648\u0644\u0629 \u062a\u0645\u062a \u062e\u062f\u0645\u062a\u0647\u0627\",\r\n            val4: \"95%\", label4: \"\u0646\u0633\u0628\u0629 \u0631\u0636\u0627 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\",\r\n            val5: \"+200 \u0645\u0644\u064a\u0648\u0646 \u062f\u0648\u0644\u0627\u0631\", label5: \"\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u062a\u0645 \u062a\u062d\u0642\u064a\u0642\u0647\u0627\",\r\n            val6: \"+1 \u0645\u0644\u064a\u0648\u0646\", label6: \"\u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646 (Leads)\",\r\n            val7: \"+2 \u0645\u0644\u064a\u0648\u0646 \u062f\u0648\u0644\u0627\u0631\", label7: \"\u0625\u0646\u0641\u0627\u0642 \u0625\u0639\u0644\u0627\u0646\u064a \u0645\u064f\u062f\u0627\u0631\",\r\n            val8: \"1\u20132 \u0633\u0627\u0639\u0629\", label8: \"\u0645\u062a\u0648\u0633\u0637 \u0648\u0642\u062a \u0627\u0644\u0627\u0633\u062a\u062c\u0627\u0628\u0629\"\r\n        }\r\n    };\r\n\r\n    const resSection = document.getElementById('wfd-results-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('res-eyebrow'),\r\n        title: document.getElementById('res-title'),\r\n        subtitle: document.getElementById('res-subtitle'),\r\n        val1: document.getElementById('res-val-1'), label1: document.getElementById('res-label-1'),\r\n        val2: document.getElementById('res-val-2'), label2: document.getElementById('res-label-2'),\r\n        val3: document.getElementById('res-val-3'), label3: document.getElementById('res-label-3'),\r\n        val4: document.getElementById('res-val-4'), label4: document.getElementById('res-label-4'),\r\n        val5: document.getElementById('res-val-5'), label5: document.getElementById('res-label-5'),\r\n        val6: document.getElementById('res-val-6'), label6: document.getElementById('res-label-6'),\r\n        val7: document.getElementById('res-val-7'), label7: document.getElementById('res-label-7'),\r\n        val8: document.getElementById('res-val-8'), label8: document.getElementById('res-label-8')\r\n    };\r\n\r\n    function applyResLanguage(lang) {\r\n        const data = resLangData[lang];\r\n        if (!data) return;\r\n\r\n        resSection.style.direction = data.dir;\r\n\r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) {\r\n                element.innerHTML = data[key];\r\n            }\r\n        }\r\n    }\r\n\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyResLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyResLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bc3f543 e-con-full e-flex e-con e-parent\" data-id=\"bc3f543\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eafad28 elementor-widget elementor-widget-html\" data-id=\"eafad28\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--background)',\r\n          foreground: 'var(--foreground)',\r\n          primary: 'var(--primary)',\r\n          'primary-dark': 'var(--primary-dark)',\r\n          secondary: 'var(--secondary)',\r\n          border: 'var(--border)',\r\n          card: 'var(--card)',\r\n          'muted-foreground': 'var(--muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'soft': 'var(--shadow-soft)',\r\n          'elevated': 'var(--shadow-elevated)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n  \/* --- STRICTLY SCOPED CSS VARIABLES & RESET --- *\/\r\n  #wfd-services-section {\r\n    \/* Fonts & Core *\/\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    \r\n    \/* OKLCH Color Palette *\/\r\n    --background: oklch(100% 0 0);\r\n    --foreground: oklch(23.5% 0 0);\r\n    --card: oklch(100% 0 0);\r\n    --primary: oklch(66% .16 274);\r\n    --primary-dark: oklch(34% .21 271);\r\n    --secondary: oklch(97% .012 270);\r\n    --muted-foreground: oklch(48% .02 270);\r\n    --border: oklch(92% .01 270);\r\n    \r\n    \/* Gradients & Shadows *\/\r\n    --gradient-soft: linear-gradient(135deg, #758bfd14, #edb0f81a);\r\n    --shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n    --shadow-elevated: 0 12px 32px -12px #1e2f9740;\r\n    \r\n    \/* Theme Resets *\/\r\n    all: initial;\r\n    display: block;\r\n    box-sizing: border-box;\r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    \r\n    \/* Section Background *\/\r\n    background-color: color-mix(in oklab, var(--secondary) 40%, transparent);\r\n  }\r\n\r\n  #wfd-services-section * {\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n  }\r\n\r\n  #wfd-services-section a {\r\n    text-decoration: none !important;\r\n    outline: none !important;\r\n  }\r\n\r\n  \/* Custom Scoped Classes for variables *\/\r\n  #wfd-services-section .bg-gradient-soft {\r\n    background: var(--gradient-soft);\r\n  }\r\n<\/style>\r\n\r\n<section id=\"wfd-services-section\" class=\"py-16 sm:py-24 lg:py-28\" dir=\"ltr\">\r\n  <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n    \r\n    <div class=\"mx-auto text-center max-w-3xl\">\r\n      <span class=\"inline-flex items-center gap-2 rounded-full border border-border bg-white px-4 py-1.5 text-xs font-semibold uppercase tracking-wider text-primary-dark shadow-sm\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-3.5 w-3.5 text-primary\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n        <span id=\"srv-eyebrow\">What We Do<\/span>\r\n      <\/span>\r\n      <h2 id=\"srv-title\" class=\"mt-6 text-3xl font-bold tracking-tight text-foreground sm:text-4xl md:text-[2.75rem] md:leading-[1.15]\">\r\n        Digital marketing services built for Saudi growth\r\n      <\/h2>\r\n      <p id=\"srv-subtitle\" class=\"mt-5 text-base text-muted-foreground sm:text-lg\">\r\n        From SEO and Google Ads to website development and lead generation \u2014 every service is engineered around one outcome: measurable business growth.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"mt-14 grid gap-5 sm:gap-6 sm:grid-cols-2 lg:grid-cols-4\">\r\n      \r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><path d=\"m21 21-4.34-4.34\"><\/path><circle cx=\"11\" cy=\"11\" r=\"8\"><\/circle><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c1-title\" class=\"text-lg font-bold text-foreground\">SEO Services<\/h3>\r\n        <p id=\"srv-c1-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Rank #1 on Google Saudi Arabia and capture high-intent organic traffic that converts into qualified leads \u2014 month after month.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><path d=\"M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712\"><\/path><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c2-title\" class=\"text-lg font-bold text-foreground\">Local SEO<\/h3>\r\n        <p id=\"srv-c2-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Dominate Google Maps & \u201cnear me\u201d searches in Jeddah, Riyadh and Dammam to attract walk-ins, calls and direction requests.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"6\"><\/circle><circle cx=\"12\" cy=\"12\" r=\"2\"><\/circle><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c3-title\" class=\"text-lg font-bold text-foreground\">Google Ads Management<\/h3>\r\n        <p id=\"srv-c3-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Lower cost per lead and higher Quality Scores with conversion-optimised Search, Performance Max and YouTube campaigns.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><path d=\"M11 6a13 13 0 0 0 8.4-2.8A1 1 0 0 1 21 4v12a1 1 0 0 1-1.6.8A13 13 0 0 0 11 14H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2z\"><\/path><path d=\"M6 14a12 12 0 0 0 2.4 7.2 2 2 0 0 0 3.2-2.4A8 8 0 0 1 10 14\"><\/path><path d=\"M8 6v8\"><\/path><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c4-title\" class=\"text-lg font-bold text-foreground\">Meta Ads Management<\/h3>\r\n        <p id=\"srv-c4-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Scale Facebook & Instagram ads with creative testing, audience research and ROAS-focused funnels built for KSA buyers.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><circle cx=\"18\" cy=\"5\" r=\"3\"><\/circle><circle cx=\"6\" cy=\"12\" r=\"3\"><\/circle><circle cx=\"18\" cy=\"19\" r=\"3\"><\/circle><line x1=\"8.59\" x2=\"15.42\" y1=\"13.51\" y2=\"17.49\"><\/line><line x1=\"15.41\" x2=\"8.59\" y1=\"6.51\" y2=\"10.49\"><\/line><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c5-title\" class=\"text-lg font-bold text-foreground\">Social Media Marketing<\/h3>\r\n        <p id=\"srv-c5-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Build a credible brand in Arabic & English with content that earns followers, engagement and inbound leads.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><path d=\"M21.54 15H17a2 2 0 0 0-2 2v4.54\"><\/path><path d=\"M7 3.34V5a3 3 0 0 0 3 3a2 2 0 0 1 2 2c0 1.1.9 2 2 2a2 2 0 0 0 2-2c0-1.1.9-2 2-2h3.17\"><\/path><path d=\"M11 21.95V18a2 2 0 0 0-2-2a2 2 0 0 1-2-2v-1a2 2 0 0 0-2-2H2.05\"><\/path><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c6-title\" class=\"text-lg font-bold text-foreground\">Website Design & Development<\/h3>\r\n        <p id=\"srv-c6-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Fast, mobile-first, SEO-ready websites engineered to convert visitors into customers.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><path d=\"M16 7h6v6\"><\/path><path d=\"m22 7-8.5 8.5-5-5L2 17\"><\/path><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c7-title\" class=\"text-lg font-bold text-foreground\">Performance Marketing<\/h3>\r\n        <p id=\"srv-c7-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Full-funnel paid media powered by attribution, CRO and weekly optimisation against revenue KPIs.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"group flex flex-col rounded-3xl border border-border bg-card p-6 shadow-soft transition-all duration-300 hover:-translate-y-1 hover:shadow-elevated cursor-pointer\">\r\n        <div class=\"mb-5 inline-flex h-14 w-14 items-center justify-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-6 w-6\"><path d=\"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z\"><\/path><\/svg>\r\n        <\/div>\r\n        <h3 id=\"srv-c8-title\" class=\"text-lg font-bold text-foreground\">Lead Generation<\/h3>\r\n        <p id=\"srv-c8-desc\" class=\"mt-3 flex-1 text-sm text-muted-foreground leading-relaxed\">Predictable B2B & B2C lead pipelines with qualified, sales-ready prospects delivered to your CRM.<\/p>\r\n        <a href=\"tel:+966574306441\" class=\"mt-5 inline-flex flex-wrap items-center gap-1.5 text-sm font-semibold text-primary-dark group-hover:text-primary transition-colors\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-4 w-4 transition-transform duration-300 group-hover:scale-110\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg>\r\n          <span class=\"srv-link-text\">Get a free strategy call<\/span> \r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \r\n    \/\/ 1. Dual Language Dictionary\r\n    const srvLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"What We Do\",\r\n            title: \"Digital marketing services built for Saudi growth\",\r\n            subtitle: \"From SEO and Google Ads to website development and lead generation \u2014 every service is engineered around one outcome: measurable business growth.\",\r\n            c1Title: \"SEO Services\", c1Desc: \"Rank #1 on Google Saudi Arabia and capture high-intent organic traffic that converts into qualified leads \u2014 month after month.\",\r\n            c2Title: \"Local SEO\", c2Desc: \"Dominate Google Maps & \u201cnear me\u201d searches in Jeddah, Riyadh and Dammam to attract walk-ins, calls and direction requests.\",\r\n            c3Title: \"Google Ads Management\", c3Desc: \"Lower cost per lead and higher Quality Scores with conversion-optimised Search, Performance Max and YouTube campaigns.\",\r\n            c4Title: \"Meta Ads Management\", c4Desc: \"Scale Facebook & Instagram ads with creative testing, audience research and ROAS-focused funnels built for KSA buyers.\",\r\n            c5Title: \"Social Media Marketing\", c5Desc: \"Build a credible brand in Arabic & English with content that earns followers, engagement and inbound leads.\",\r\n            c6Title: \"Website Design & Development\", c6Desc: \"Fast, mobile-first, SEO-ready websites engineered to convert visitors into customers.\",\r\n            c7Title: \"Performance Marketing\", c7Desc: \"Full-funnel paid media powered by attribution, CRO and weekly optimisation against revenue KPIs.\",\r\n            c8Title: \"Lead Generation\", c8Desc: \"Predictable B2B & B2C lead pipelines with qualified, sales-ready prospects delivered to your CRM.\",\r\n            linkText: \"Get a free strategy call\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u062e\u062f\u0645\u0627\u062a\u0646\u0627\",\r\n            title: \"\u062e\u062f\u0645\u0627\u062a \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0645\u0635\u0645\u0645\u0629 \u0644\u0646\u0645\u0648 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            subtitle: \"\u0645\u0646 \u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644 \u0625\u0644\u0649 \u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0648\u062c\u0644\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u2014 \u0643\u0644 \u062e\u062f\u0645\u0629 \u0645\u0635\u0645\u0645\u0629 \u0644\u0647\u062f\u0641 \u0648\u0627\u062d\u062f: \u0646\u0645\u0648 \u0645\u0644\u062d\u0648\u0638 \u0644\u0644\u0623\u0639\u0645\u0627\u0644.\",\r\n            c1Title: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0648 (SEO)\", c1Desc: \"\u062a\u0635\u062f\u0631 \u0646\u062a\u0627\u0626\u062c \u0628\u062d\u062b \u062c\u0648\u062c\u0644 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0648\u0627\u062c\u0630\u0628 \u0632\u064a\u0627\u0631\u0627\u062a \u0639\u0636\u0648\u064a\u0629 \u0639\u0627\u0644\u064a\u0629 \u0627\u0644\u062c\u0648\u062f\u0629 \u062a\u062a\u062d\u0648\u0644 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0645\u0624\u0647\u0644\u064a\u0646 \u2014 \u0634\u0647\u0631\u0627\u064b \u0628\u0639\u062f \u0634\u0647\u0631.\",\r\n            c2Title: \"\u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a (Local SEO)\", c2Desc: \"\u062a\u0635\u062f\u0631 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644 \u0648\u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062d\u0644\u064a \u0641\u064a \u062c\u062f\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636 \u0648\u0627\u0644\u062f\u0645\u0627\u0645 \u0644\u062c\u0630\u0628 \u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0648\u0627\u0644\u0645\u0643\u0627\u0644\u0645\u0627\u062a \u0648\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a.\",\r\n            c3Title: \"\u0625\u062f\u0627\u0631\u0629 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644\", c3Desc: \"\u062a\u0643\u0644\u0641\u0629 \u0623\u0642\u0644 \u0644\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 \u0645\u0639 \u062d\u0645\u0644\u0627\u062a \u0645\u062d\u0633\u0646\u0629 \u0644\u0644\u0628\u062d\u062b \u0648\u0627\u0644\u0623\u062f\u0627\u0621 \u0627\u0644\u0623\u0641\u0636\u0644 (Performance Max) \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u064a\u0648\u062a\u064a\u0648\u0628.\",\r\n            c4Title: \"\u0625\u062f\u0627\u0631\u0629 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u064a\u062a\u0627\", c4Desc: \"\u0648\u0633\u0651\u0639 \u0646\u0637\u0627\u0642 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0641\u064a\u0633\u0628\u0648\u0643 \u0648\u0625\u0646\u0633\u062a\u062c\u0631\u0627\u0645 \u0645\u0639 \u0627\u062e\u062a\u0628\u0627\u0631\u0627\u062a \u0625\u0628\u062f\u0627\u0639\u064a\u0629 \u0648\u0645\u0633\u0627\u0631\u0627\u062a \u062a\u0631\u0643\u0632 \u0639\u0644\u0649 \u0627\u0644\u0639\u0627\u0626\u062f \u0648\u0645\u0635\u0645\u0645\u0629 \u0644\u0644\u0645\u0634\u062a\u0631\u064a\u0646 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\",\r\n            c5Title: \"\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0639\u0628\u0631 \u0645\u0646\u0635\u0627\u062a \u0627\u0644\u062a\u0648\u0627\u0635\u0644 \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639\u064a\", c5Desc: \"\u0627\u0628\u0646\u0650 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0645\u0648\u062b\u0648\u0642\u0629 \u0628\u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u0639\u0631\u0628\u064a \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a \u0627\u0644\u0630\u064a \u064a\u062c\u0630\u0628 \u0627\u0644\u0645\u062a\u0627\u0628\u0639\u064a\u0646 \u0648\u0627\u0644\u062a\u0641\u0627\u0639\u0644 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646.\",\r\n            c6Title: \"\u062a\u0635\u0645\u064a\u0645 \u0648\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\", c6Desc: \"\u0645\u0648\u0642\u0639 \u0633\u0631\u064a\u0639 \u0648\u0645\u062a\u0648\u0627\u0641\u0642 \u0645\u0639 \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0645\u0647\u064a\u0623 \u0644\u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0648\u0645\u0635\u0645\u0645 \u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0632\u0648\u0627\u0631 \u0625\u0644\u0649 \u0639\u0645\u0644\u0627\u0621.\",\r\n            c7Title: \"\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0628\u0627\u0644\u0623\u062f\u0627\u0621\", c7Desc: \"\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u062f\u0641\u0648\u0639\u0629 \u0645\u062a\u0643\u0627\u0645\u0644\u0629 \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u062a\u062d\u0633\u064a\u0646 \u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0648\u062a\u062a\u0628\u0639 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0623\u0633\u0628\u0648\u0639\u064a\u0627\u064b.\",\r\n            c8Title: \"\u062a\u0648\u0644\u064a\u062f \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646\", c8Desc: \"\u0645\u0633\u0627\u0631\u0627\u062a \u0645\u0633\u062a\u0645\u0631\u0629 \u0644\u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0645\u0624\u0647\u0644\u064a\u0646 \u0648\u062c\u0627\u0647\u0632\u064a\u0646 \u0644\u0644\u0645\u0628\u064a\u0639\u0627\u062a \u0644\u0634\u0631\u0643\u0627\u062a B2B \u0648 B2C \u0645\u0628\u0627\u0634\u0631\u0629 \u0625\u0644\u0649 \u0646\u0638\u0627\u0645 CRM \u0627\u0644\u062e\u0627\u0635 \u0628\u0643.\",\r\n            linkText: \"\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u0627\u0633\u062a\u0634\u0627\u0631\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\"\r\n        }\r\n    };\r\n\r\n    \/\/ 2. Map Elements Safely\r\n    const srvSection = document.getElementById('wfd-services-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('srv-eyebrow'),\r\n        title: document.getElementById('srv-title'),\r\n        subtitle: document.getElementById('srv-subtitle'),\r\n        c1Title: document.getElementById('srv-c1-title'), c1Desc: document.getElementById('srv-c1-desc'),\r\n        c2Title: document.getElementById('srv-c2-title'), c2Desc: document.getElementById('srv-c2-desc'),\r\n        c3Title: document.getElementById('srv-c3-title'), c3Desc: document.getElementById('srv-c3-desc'),\r\n        c4Title: document.getElementById('srv-c4-title'), c4Desc: document.getElementById('srv-c4-desc'),\r\n        c5Title: document.getElementById('srv-c5-title'), c5Desc: document.getElementById('srv-c5-desc'),\r\n        c6Title: document.getElementById('srv-c6-title'), c6Desc: document.getElementById('srv-c6-desc'),\r\n        c7Title: document.getElementById('srv-c7-title'), c7Desc: document.getElementById('srv-c7-desc'),\r\n        c8Title: document.getElementById('srv-c8-title'), c8Desc: document.getElementById('srv-c8-desc')\r\n    };\r\n\r\n    \/\/ 3. Apply Language Function\r\n    function applySrvLanguage(lang) {\r\n        const data = srvLangData[lang];\r\n        if (!data) return;\r\n\r\n        \/\/ Flip Direction\r\n        srvSection.setAttribute('dir', data.dir);\r\n\r\n        \/\/ Update Text\r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) {\r\n                element.innerHTML = data[key];\r\n            }\r\n        }\r\n\r\n        \/\/ Update Link Texts globally inside the section\r\n        const linkTexts = srvSection.querySelectorAll('.srv-link-text');\r\n        linkTexts.forEach(el => el.innerHTML = data.linkText);\r\n    }\r\n\r\n    \/\/ 4. SMART SYNC (MutationObserver) synchronizes with HTML lang\/dir\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applySrvLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n\r\n    \/\/ 5. Initial Execution\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applySrvLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-359fa64 e-con-full e-flex e-con e-parent\" data-id=\"359fa64\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-508bbce elementor-widget elementor-widget-html\" data-id=\"508bbce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n  \/* --- STRICTLY SCOPED CSS VARIABLES & RESET --- *\/\r\n  #wfd-localseo-section {\r\n    --font-sans: \"Inter\", system-ui, -apple-system, sans-serif;\r\n    \r\n    \/* Color Palette *\/\r\n    --background: #ffffff;\r\n    --foreground: #0f172a;\r\n    --card-bg: #ffffff;\r\n    --primary: #8b5cf6;\r\n    --primary-dark: #5b21b6;\r\n    --secondary: #f5f3ff;\r\n    --muted-foreground: #64748b;\r\n    --success: #10b981;\r\n    --border: #e2e8f0;\r\n    \r\n    \/* Gradients & Shadows *\/\r\n    --gradient-brand: linear-gradient(135deg, #1e2f97 0%, #758bfd 60%, #edb0f8 100%);\r\n    --gradient-accent: linear-gradient(120deg, #edb0f8 0%, #fdbfac 100%);\r\n    --shadow-elevated: 0 12px 32px -12px rgba(30, 47, 151, 0.25);\r\n    --shadow-glow: 0 20px 60px -20px rgba(117, 139, 253, 0.55);\r\n    \r\n    all: initial;\r\n    display: block;\r\n    box-sizing: border-box;\r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    background-color: var(--background);\r\n    padding: 4rem 0; \r\n    direction: ltr;\r\n    width: 100%;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  #wfd-localseo-section * {\r\n    box-sizing: border-box;\r\n    font-family: inherit;\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  #wfd-localseo-section a, \r\n  #wfd-localseo-section button {\r\n    outline: none;\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* --- LAYOUT GRID --- *\/\r\n  #wfd-localseo-section .lseo-container {\r\n    width: 100%;\r\n    max-width: 1280px;\r\n    margin: 0 auto;\r\n    \/* Proper Mobile Padding for Left & Right *\/\r\n    padding: 0 1.25rem; \r\n  }\r\n\r\n  #wfd-localseo-section .lseo-grid {\r\n    display: grid;\r\n    gap: 3rem;\r\n    align-items: center;\r\n  }\r\n\r\n  \/* --- LEFT CONTENT --- *\/\r\n  #wfd-localseo-section .lseo-content {\r\n    min-width: 0; \r\n  }\r\n\r\n  #wfd-localseo-section .lseo-badge {\r\n    display: inline-flex;\r\n    align-items: flex-start;\r\n    gap: 0.5rem;\r\n    background-color: var(--secondary);\r\n    border: 1px solid var(--border);\r\n    padding: 0.5rem 1rem;\r\n    border-radius: 9999px;\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 0.05em;\r\n    color: var(--primary-dark);\r\n    line-height: 1.4;\r\n  }\r\n\r\n  #wfd-localseo-section .lseo-badge svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    flex-shrink: 0;\r\n    margin-top: 1px;\r\n  }\r\n\r\n  #wfd-localseo-section .lseo-title {\r\n    font-size: 2.25rem;\r\n    font-weight: 800;\r\n    line-height: 1.2;\r\n    color: var(--foreground);\r\n    margin-top: 1.25rem;\r\n    letter-spacing: -0.025em;\r\n  }\r\n\r\n  #wfd-localseo-section .lseo-desc {\r\n    font-size: 1rem;\r\n    line-height: 1.6;\r\n    color: var(--muted-foreground);\r\n    margin-top: 1.25rem;\r\n  }\r\n\r\n  \/* Checklist *\/\r\n  #wfd-localseo-section .lseo-checklist {\r\n    list-style: none;\r\n    margin-top: 2rem;\r\n    display: grid;\r\n    gap: 1rem;\r\n  }\r\n\r\n  #wfd-localseo-section .lseo-chk-item {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    gap: 0.65rem;\r\n    font-size: 0.9rem;\r\n    font-weight: 500;\r\n    color: var(--foreground);\r\n    line-height: 1.4;\r\n  }\r\n\r\n  #wfd-localseo-section .lseo-chk-item svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    color: var(--success);\r\n    margin-top: 2px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* CTA Button *\/\r\n  #wfd-localseo-section .lseo-cta-btn {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    gap: 0.5rem;\r\n    background: var(--gradient-brand);\r\n    color: #ffffff !important;\r\n    font-size: 0.95rem;\r\n    font-weight: 600;\r\n    height: 48px;\r\n    padding: 0 1.75rem;\r\n    border-radius: 0.75rem;\r\n    margin-top: 2.5rem;\r\n    box-shadow: var(--shadow-glow);\r\n    transition: opacity 0.2s, box-shadow 0.2s;\r\n    cursor: pointer;\r\n  }\r\n\r\n  #wfd-localseo-section .lseo-cta-btn:hover {\r\n    opacity: 0.95;\r\n    box-shadow: var(--shadow-elevated);\r\n  }\r\n\r\n  #wfd-localseo-section .lseo-cta-btn svg {\r\n    width: 16px;\r\n    height: 16px;\r\n    transition: transform 0.2s ease;\r\n  }\r\n\r\n  \/* --- RIGHT GOOGLE MAP CARD --- *\/\r\n  #wfd-localseo-section .map-card-wrapper {\r\n    width: 100%;\r\n    max-width: 448px;\r\n    min-width: 0; \r\n    margin: 0 auto;\r\n  }\r\n\r\n  #wfd-localseo-section .map-card {\r\n    background-color: var(--card-bg);\r\n    border: 1px solid var(--border);\r\n    border-radius: 1.5rem;\r\n    padding: 1.5rem;\r\n    box-shadow: var(--shadow-elevated);\r\n  }\r\n\r\n  #wfd-localseo-section .map-header {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    border-bottom: 1px solid var(--border);\r\n    padding-bottom: 1rem;\r\n  }\r\n\r\n  #wfd-localseo-section .map-loc {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 0.5rem;\r\n    font-size: 0.875rem;\r\n    font-weight: 700;\r\n  }\r\n\r\n  #wfd-localseo-section .map-loc svg {\r\n    width: 18px;\r\n    height: 18px;\r\n    color: var(--primary);\r\n  }\r\n\r\n  #wfd-localseo-section .map-badge {\r\n    background-color: rgba(16, 185, 129, 0.1);\r\n    color: var(--success);\r\n    font-size: 0.75rem;\r\n    font-weight: 700;\r\n    padding: 0.25rem 0.65rem;\r\n    border-radius: 9999px;\r\n    white-space: nowrap;\r\n  }\r\n\r\n  \/* Map Rankings *\/\r\n  #wfd-localseo-section .map-list {\r\n    list-style: none;\r\n    margin-top: 1.25rem;\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 0.75rem;\r\n  }\r\n\r\n  #wfd-localseo-section .map-item {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    padding: 0.85rem 1rem;\r\n    border-radius: 1rem;\r\n    border: 1px solid var(--border);\r\n  }\r\n\r\n  #wfd-localseo-section .map-item.sponsored {\r\n    border: 2px solid rgba(139, 92, 246, 0.4);\r\n    background-color: rgba(139, 92, 246, 0.04);\r\n  }\r\n\r\n  #wfd-localseo-section .item-info {\r\n    min-width: 0; \r\n    padding-right: 0.5rem;\r\n  }\r\n\r\n  #wfd-localseo-section .item-title {\r\n    font-size: 0.95rem;\r\n    font-weight: 700;\r\n    white-space: nowrap;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n  }\r\n\r\n  #wfd-localseo-section .item-sub {\r\n    font-size: 0.75rem;\r\n    color: var(--muted-foreground);\r\n    margin-top: 2px;\r\n  }\r\n\r\n  #wfd-localseo-section .sponsored-tag {\r\n    background: var(--gradient-accent);\r\n    color: var(--primary-dark);\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    padding: 0.25rem 0.6rem;\r\n    border-radius: 9999px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  \/* Map Stats Footer *\/\r\n  #wfd-localseo-section .map-stats {\r\n    margin-top: 1.5rem;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 0.5rem;\r\n    text-align: center;\r\n  }\r\n\r\n  #wfd-localseo-section .stat-box {\r\n    background-color: var(--secondary);\r\n    border: 1px solid var(--border);\r\n    border-radius: 0.75rem;\r\n    padding: 0.75rem 0.25rem;\r\n  }\r\n\r\n  #wfd-localseo-section .stat-box-val {\r\n    font-size: 1.1rem;\r\n    font-weight: 800;\r\n    color: var(--primary-dark);\r\n  }\r\n\r\n  #wfd-localseo-section .stat-box-lbl {\r\n    font-size: 0.65rem;\r\n    font-weight: 600;\r\n    color: var(--foreground);\r\n    display: block;\r\n    margin-top: 2px;\r\n  }\r\n\r\n  \/* ==========================================================================\r\n     UPDATED RESPONSIVE MEDIA QUERIES\r\n     ========================================================================== *\/\r\n\r\n  \/* 1. Mobile Layout (< 768px) *\/\r\n  @media (max-width: 767px) {\r\n    #wfd-localseo-section { \r\n      padding: 5px 0; \r\n    }\r\n    #wfd-localseo-section .lseo-grid { \r\n      grid-template-columns: 1fr; \r\n      gap: 2.5rem; \r\n    }\r\n    #wfd-localseo-section .lseo-title { \r\n      font-size: 2rem; \r\n    }\r\n    #wfd-localseo-section .lseo-desc { \r\n      font-size: 0.95rem; \r\n    }\r\n    #wfd-localseo-section .lseo-checklist { \r\n      grid-template-columns: 1fr; \r\n    }\r\n    #wfd-localseo-section .map-card { \r\n      padding: 1.25rem; \r\n    }\r\n    #wfd-localseo-section .map-item { \r\n      padding: 0.75rem; \r\n    }\r\n    #wfd-localseo-section .item-title { \r\n      font-size: 0.85rem; \r\n    }\r\n    #wfd-localseo-section .stat-box-val { \r\n      font-size: 0.95rem; \r\n    }\r\n  }\r\n\r\n  \/* 2. Tablet Layout (768px to 1023px) *\/\r\n  @media (min-width: 768px) and (max-width: 1023px) {\r\n    #wfd-localseo-section { \r\n      padding: 1rem 0; \r\n    }\r\n    #wfd-localseo-section .lseo-container {\r\n      padding: 0 2rem; \r\n    }\r\n    #wfd-localseo-section .lseo-grid { \r\n      grid-template-columns: 1fr; \r\n      gap: 3rem; \r\n    } \r\n    #wfd-localseo-section .lseo-checklist { \r\n      grid-template-columns: repeat(2, 1fr); \r\n    }\r\n    #wfd-localseo-section .lseo-title { \r\n      font-size: 2.5rem; \r\n    }\r\n    #wfd-localseo-section .map-card-wrapper { \r\n      max-width: 550px; \r\n      margin: 0 auto; \r\n    }\r\n  }\r\n\r\n  \/* 3. Desktop Layout (1024px+) *\/\r\n  @media (min-width: 1024px) {\r\n    #wfd-localseo-section { \r\n      padding: 5rem 0; \r\n    }\r\n    #wfd-localseo-section .lseo-container {\r\n      padding: 0 2.5rem; \r\n    }\r\n    #wfd-localseo-section .lseo-grid { \r\n      grid-template-columns: 1.2fr 1fr; \r\n      gap: 4rem; \r\n    }\r\n    #wfd-localseo-section .lseo-checklist { \r\n      grid-template-columns: repeat(2, 1fr); \r\n    }\r\n    #wfd-localseo-section .lseo-title { \r\n      font-size: 3rem; \r\n    }\r\n    #wfd-localseo-section .stat-box-val { \r\n      font-size: 1.25rem; \r\n    }\r\n    #wfd-localseo-section .stat-box-lbl { \r\n      font-size: 0.75rem; \r\n    }\r\n  }\r\n\r\n  \/* RTL Support for Arab world *\/\r\n  #wfd-localseo-section[dir=\"rtl\"] .item-info { padding-right: 0; padding-left: 0.5rem; }\r\n  #wfd-localseo-section[dir=\"rtl\"] .lseo-cta-btn:hover svg { transform: translateX(-4px); }\r\n  #wfd-localseo-section[dir=\"ltr\"] .lseo-cta-btn:hover svg { transform: translateX(4px); }\r\n<\/style>\r\n\r\n<section id=\"wfd-localseo-section\">\r\n  <div class=\"lseo-container\">\r\n    <div class=\"lseo-grid\">\r\n      \r\n      <div class=\"lseo-content\">\r\n        <div class=\"lseo-badge\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M18 8c0 3.613-3.869 7.429-5.393 8.795a1 1 0 0 1-1.214 0C9.87 15.429 6 11.613 6 8a6 6 0 0 1 12 0\"><\/path><circle cx=\"12\" cy=\"8\" r=\"2\"><\/circle><path d=\"M8.714 14h-3.71a1 1 0 0 0-.948.683l-2.004 6A1 1 0 0 0 3 22h18a1 1 0 0 0 .948-1.316l-2-6a1 1 0 0 0-.949-.684h-3.712\"><\/path><\/svg> \r\n          <span id=\"lseo-eyebrow\">Local SEO Saudi Arabia<\/span>\r\n        <\/div>\r\n        \r\n        <h2 id=\"lseo-title\" class=\"lseo-title\">Get found by customers searching near you<\/h2>\r\n        <p id=\"lseo-desc\" class=\"lseo-desc\">Rank higher on Google Maps, Google Business Profile and local search results across Jeddah, Riyadh, Dammam and the rest of Saudi Arabia \u2014 and turn \u201cnear me\u201d searches into store visits, calls and bookings.<\/p>\r\n        \r\n        <ul class=\"lseo-checklist\">\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-1\">Google Business Profile Optimization<\/span>\r\n          <\/li>\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-2\">Google Maps SEO<\/span>\r\n          <\/li>\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-3\">Local Citation Building<\/span>\r\n          <\/li>\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-4\">Review Management<\/span>\r\n          <\/li>\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-5\">Local Link Building<\/span>\r\n          <\/li>\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-6\">Location Landing Pages<\/span>\r\n          <\/li>\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-7\">NAP Consistency<\/span>\r\n          <\/li>\r\n          <li class=\"lseo-chk-item\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> \r\n            <span id=\"lseo-chk-8\">Local Keyword Targeting<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n        \r\n        <a href=\"#audit\" class=\"lseo-cta-btn open-jeddah-modal\">\r\n          <span id=\"lseo-btn-text\">Get Free Local SEO Audit<\/span> \r\n          <svg id=\"lseo-btn-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n        <\/a>\r\n      <\/div>\r\n      \r\n      <div class=\"map-card-wrapper\">\r\n        <div class=\"map-card\">\r\n          \r\n          <div class=\"map-header\">\r\n            <div class=\"map-loc\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n              <span id=\"lseo-card-loc\">Jeddah, Saudi Arabia<\/span>\r\n            <\/div>\r\n            <div class=\"map-badge\">\r\n              <span id=\"lseo-card-badge\">Top 3 Map Pack<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <ol class=\"map-list\">\r\n            <li class=\"map-item sponsored\">\r\n              <div class=\"item-info\">\r\n                <p class=\"item-title\" id=\"lseo-r1-title\">1. Aspire Digital Solutions<\/p>\r\n                <p class=\"item-sub\" id=\"lseo-r1-sub\">4.9 \u2605 \u00b7 187 reviews<\/p>\r\n              <\/div>\r\n              <span id=\"lseo-r1-tag\" class=\"sponsored-tag\">Sponsored<\/span>\r\n            <\/li>\r\n            \r\n            <li class=\"map-item\">\r\n              <div class=\"item-info\">\r\n                <p class=\"item-title\" id=\"lseo-r2-title\">2. Local Marketing Co.<\/p>\r\n                <p class=\"item-sub\" id=\"lseo-r2-sub\">4.5 \u2605 \u00b7 92 reviews<\/p>\r\n              <\/div>\r\n            <\/li>\r\n            \r\n            <li class=\"map-item\">\r\n              <div class=\"item-info\">\r\n                <p class=\"item-title\" id=\"lseo-r3-title\">3. Jeddah Agency Hub<\/p>\r\n                <p class=\"item-sub\" id=\"lseo-r3-sub\">4.3 \u2605 \u00b7 64 reviews<\/p>\r\n              <\/div>\r\n            <\/li>\r\n          <\/ol>\r\n          \r\n          <div class=\"map-stats\">\r\n            <div class=\"stat-box\">\r\n              <div id=\"lseo-s1-val\" class=\"stat-box-val\">+312%<\/div>\r\n              <span id=\"lseo-s1-lbl\" class=\"stat-box-lbl\">GBP Calls<\/span>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div id=\"lseo-s2-val\" class=\"stat-box-val\">+478%<\/div>\r\n              <span id=\"lseo-s2-lbl\" class=\"stat-box-lbl\">Direction Requests<\/span>\r\n            <\/div>\r\n            <div class=\"stat-box\">\r\n              <div id=\"lseo-s3-val\" class=\"stat-box-val\">#1<\/div>\r\n              <span id=\"lseo-s3-lbl\" class=\"stat-box-lbl\">Map Pack<\/span>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n        <\/div>\r\n      <\/div>\r\n      \r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const lseoLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"Local SEO Saudi Arabia\",\r\n            title: \"Get found by customers searching near you\",\r\n            desc: \"Rank higher on Google Maps, Google Business Profile and local search results across Jeddah, Riyadh, Dammam and the rest of Saudi Arabia \u2014 and turn \u201cnear me\u201d searches into store visits, calls and bookings.\",\r\n            chk1: \"Google Business Profile Optimization\",\r\n            chk2: \"Google Maps SEO\",\r\n            chk3: \"Local Citation Building\",\r\n            chk4: \"Review Management\",\r\n            chk5: \"Local Link Building\",\r\n            chk6: \"Location Landing Pages\",\r\n            chk7: \"NAP Consistency\",\r\n            chk8: \"Local Keyword Targeting\",\r\n            btnText: \"Get Free Local SEO Audit\",\r\n            cardLoc: \"Jeddah, Saudi Arabia\",\r\n            cardBadge: \"Top 3 Map Pack\",\r\n            r1Title: \"1. Aspire Digital Solutions\", r1Sub: \"4.9 \u2605 \u00b7 187 reviews\", r1Tag: \"Sponsored\",\r\n            r2Title: \"2. Local Marketing Co.\", r2Sub: \"4.5 \u2605 \u00b7 92 reviews\",\r\n            r3Title: \"3. Jeddah Agency Hub\", r3Sub: \"4.3 \u2605 \u00b7 64 reviews\",\r\n            s1Val: \"+312%\", s1Lbl: \"GBP Calls\",\r\n            s2Val: \"+478%\", s2Lbl: \"Direction Requests\",\r\n            s3Val: \"#1\", s3Lbl: \"Map Pack\",\r\n            isRtl: false\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            title: \"\u0627\u062c\u0639\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0642\u0631\u064a\u0628\u064a\u0646 \u0645\u0646\u0643 \u064a\u0639\u062b\u0631\u0648\u0646 \u0639\u0644\u064a\u0643 \u0628\u0633\u0647\u0648\u0644\u0629\",\r\n            desc: \"\u062a\u0635\u062f\u0631 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644\u060c \u0648\u0645\u0644\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u060c \u0648\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0641\u064a \u062c\u062f\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0627\u0644\u062f\u0645\u0627\u0645 \u0648\u0643\u0627\u0641\u0629 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2014 \u0648\u062d\u0648\u0651\u0644 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0642\u0631\u064a\u0628\u0629 \u0625\u0644\u0649 \u0632\u064a\u0627\u0631\u0627\u062a \u0644\u0644\u0645\u062a\u062c\u0631\u060c \u0645\u0643\u0627\u0644\u0645\u0627\u062a\u060c \u0648\u062d\u062c\u0648\u0632\u0627\u062a.\",\r\n            chk1: \"\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0639\u0644\u0649 \u062c\u0648\u062c\u0644\",\r\n            chk2: \"\u0633\u064a\u0648 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644\",\r\n            chk3: \"\u0628\u0646\u0627\u0621 \u0627\u0644\u0627\u0633\u062a\u0634\u0647\u0627\u062f\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629\",\r\n            chk4: \"\u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a \u0648\u0627\u0644\u0645\u0631\u0627\u062c\u0639\u0627\u062a\",\r\n            chk5: \"\u0628\u0646\u0627\u0621 \u0627\u0644\u0631\u0648\u0627\u0628\u0637 \u0627\u0644\u0645\u062d\u0644\u064a\u0629\",\r\n            chk6: \"\u0635\u0641\u062d\u0627\u062a \u0627\u0644\u0647\u0628\u0648\u0637 \u0644\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0641\u0631\u0648\u0639\",\r\n            chk7: \"\u062a\u0646\u0627\u0633\u0642 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0627\u062a\u0635\u0627\u0644 (NAP)\",\r\n            chk8: \"\u0627\u0633\u062a\u0647\u062f\u0627\u0641 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0627\u0644\u0645\u062d\u0644\u064a\u0629\",\r\n            btnText: \"\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062a\u062f\u0642\u064a\u0642 \u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a\",\r\n            cardLoc: \"\u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            cardBadge: \"\u0623\u0641\u0636\u0644 3 \u0641\u064a \u0627\u0644\u062e\u0631\u0627\u0626\u0637\",\r\n            r1Title: \"1. \u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\", r1Sub: \"4.9 \u2605 \u00b7 187 \u062a\u0642\u064a\u064a\u0645\", r1Tag: \"\u0625\u0639\u0644\u0627\u0646 \u0645\u0645\u0648\u0644\",\r\n            r2Title: \"2. \u0634\u0631\u0643\u0629 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0645\u062d\u0644\u064a\", r2Sub: \"4.5 \u2605 \u00b7 92 \u062a\u0642\u064a\u064a\u0645\",\r\n            r3Title: \"3. \u0645\u0631\u0643\u0632 \u0648\u0643\u0627\u0644\u0627\u062a \u062c\u062f\u0629\", r3Sub: \"4.3 \u2605 \u00b7 64 \u062a\u0642\u064a\u064a\u0645\",\r\n            s1Val: \"+312%\", s1Lbl: \"\u0645\u0643\u0627\u0644\u0645\u0627\u062a \u062c\u0648\u062c\u0644\",\r\n            s2Val: \"+478%\", s2Lbl: \"\u0637\u0644\u0628\u0627\u062a \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a\",\r\n            s3Val: \"#1\", s3Lbl: \"\u062d\u0632\u0645\u0629 \u0627\u0644\u062e\u0631\u0627\u0626\u0637\",\r\n            isRtl: true\r\n        }\r\n    };\r\n\r\n    const lseoSection = document.getElementById('wfd-localseo-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('lseo-eyebrow'),\r\n        title: document.getElementById('lseo-title'),\r\n        desc: document.getElementById('lseo-desc'),\r\n        chk1: document.getElementById('lseo-chk-1'), chk2: document.getElementById('lseo-chk-2'),\r\n        chk3: document.getElementById('lseo-chk-3'), chk4: document.getElementById('lseo-chk-4'),\r\n        chk5: document.getElementById('lseo-chk-5'), chk6: document.getElementById('lseo-chk-6'),\r\n        chk7: document.getElementById('lseo-chk-7'), chk8: document.getElementById('lseo-chk-8'),\r\n        btnText: document.getElementById('lseo-btn-text'),\r\n        cardLoc: document.getElementById('lseo-card-loc'),\r\n        cardBadge: document.getElementById('lseo-card-badge'),\r\n        r1Title: document.getElementById('lseo-r1-title'), r1Sub: document.getElementById('lseo-r1-sub'), r1Tag: document.getElementById('lseo-r1-tag'),\r\n        r2Title: document.getElementById('lseo-r2-title'), r2Sub: document.getElementById('lseo-r2-sub'),\r\n        r3Title: document.getElementById('lseo-r3-title'), r3Sub: document.getElementById('lseo-r3-sub'),\r\n        s1Val: document.getElementById('lseo-s1-val'), s1Lbl: document.getElementById('lseo-s1-lbl'),\r\n        s2Val: document.getElementById('lseo-s2-val'), s2Lbl: document.getElementById('lseo-s2-lbl'),\r\n        s3Val: document.getElementById('lseo-s3-val'), s3Lbl: document.getElementById('lseo-s3-lbl')\r\n    };\r\n    const btnIcon = document.getElementById('lseo-btn-icon');\r\n\r\n    function applyLseoLanguage(lang) {\r\n        const data = lseoLangData[lang];\r\n        if (!data) return;\r\n\r\n        lseoSection.setAttribute('dir', data.dir);\r\n\r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) {\r\n                element.innerHTML = data[key];\r\n            }\r\n        }\r\n\r\n        if (btnIcon) {\r\n            btnIcon.style.transform = data.isRtl ? 'rotate(180deg)' : 'rotate(0deg)';\r\n        }\r\n    }\r\n\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyLseoLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyLseoLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2bef39a e-con-full e-flex e-con e-parent\" data-id=\"2bef39a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-15257a4 elementor-widget elementor-widget-html\" data-id=\"15257a4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n      tailwind.config = {\r\n        important: '#wfd-casestudies-section', \/* Forces Tailwind to use !important within this section *\/\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              background: 'var(--background)',\r\n              foreground: 'var(--foreground)',\r\n              primary: 'var(--primary)',\r\n              'primary-dark': 'var(--primary-dark)',\r\n              secondary: 'var(--secondary)',\r\n              border: 'var(--border)',\r\n              card: 'var(--card)',\r\n              'muted-foreground': 'var(--muted-foreground)',\r\n            },\r\n            boxShadow: {\r\n              'soft': 'var(--shadow-soft)',\r\n              'elevated': 'var(--shadow-elevated)',\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      \/* --- ELEMENTOR PROOF STRICT CSS --- *\/\r\n      #wfd-casestudies-section {\r\n        --font-sans: \"Inter\", system-ui, sans-serif;\r\n        --background: oklch(100% 0 0);\r\n        --foreground: oklch(23.5% 0 0);\r\n        --card: oklch(100% 0 0);\r\n        --primary: oklch(66% .16 274);\r\n        --primary-dark: oklch(34% .21 271);\r\n        --secondary: oklch(97% .012 270);\r\n        --muted-foreground: oklch(48% .02 270);\r\n        --border: oklch(92% .01 270);\r\n        --gradient-brand: linear-gradient(135deg, #1e2f97 0%, #758bfd 60%, #edb0f8 100%);\r\n        --shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n        --shadow-elevated: 0 12px 32px -12px #1e2f9740;\r\n      }\r\n\r\n      \/* FORCE RESET FOR ELEMENTOR WIDGETS *\/\r\n      #wfd-casestudies-section, \r\n      #wfd-casestudies-section * {\r\n        font-family: var(--font-sans) !important;\r\n        box-sizing: border-box !important;\r\n      }\r\n\r\n      #wfd-casestudies-section h2, \r\n      #wfd-casestudies-section h3, \r\n      #wfd-casestudies-section p {\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        letter-spacing: normal !important;\r\n      }\r\n\r\n      .bg-gradient-brand-custom {\r\n        background: var(--gradient-brand) !important;\r\n      }\r\n    <\/style>\r\n\r\n\r\n    <section id=\"wfd-casestudies-section\" class=\"!py-16 sm:!py-20 lg:!py-24\" dir=\"ltr\">\r\n      <div class=\"!mx-auto !max-w-7xl !px-4 sm:!px-6 lg:!px-8\">\r\n        \r\n        <div class=\"!mx-auto !text-center !max-w-3xl\">\r\n          <span class=\"!inline-flex !items-center !gap-2 !rounded-full !border !border-border !bg-white !px-4 !py-1.5 !text-xs !font-semibold !uppercase !tracking-wider !text-primary-dark !shadow-sm\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n            <span id=\"cs-eyebrow\">Case Studies<\/span>\r\n          <\/span>\r\n          \r\n          <h2 id=\"cs-title\" class=\"!mt-6 !text-3xl !font-bold !tracking-tight !text-foreground sm:!text-4xl md:!text-5xl !leading-tight\">\r\n            Real results for real Saudi businesses\r\n          <\/h2>\r\n          <p id=\"cs-subtitle\" class=\"!mt-4 !text-base !text-muted-foreground sm:!text-lg\">\r\n            A snapshot of campaigns where SEO, Local SEO and Google Ads moved the needle on revenue.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"!mt-12 !grid !grid-cols-1 !gap-6 md:!grid-cols-2 lg:!grid-cols-3\">\r\n          \r\n          <article class=\"!group !flex !flex-col !overflow-hidden !rounded-3xl !border !border-border !bg-card !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n            <div class=\"bg-gradient-brand-custom !p-6 sm:!p-8\">\r\n              <p id=\"cs-c1-cat\" class=\"!mb-3 !text-xs !font-semibold !uppercase !tracking-wider !text-white\/80\">Healthcare Clinic \u00b7 Jeddah<\/p>\r\n              <h3 id=\"cs-c1-title\" class=\"!text-xl !font-bold !text-white !leading-snug\">From invisible to fully booked in 6 months<\/h3>\r\n            <\/div>\r\n            <div class=\"!grid !flex-1 !grid-cols-3 !gap-2 sm:!gap-3 !p-5 sm:!p-6\">\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c1-v1\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">+842%<\/div>\r\n                <div id=\"cs-c1-l1\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">Organic Traffic<\/div>\r\n              <\/div>\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c1-v2\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">#1<\/div>\r\n                <div id=\"cs-c1-l2\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">Local Pack<\/div>\r\n              <\/div>\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c1-v3\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">+312%<\/div>\r\n                <div id=\"cs-c1-l3\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">Patient Leads<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"!border-t !border-border !p-4 sm:!px-6 sm:!py-5\">\r\n              <div class=\"!h-20 sm:!h-24 !rounded-xl !bg-gradient-to-t !from-primary\/10 !to-transparent\">\r\n                <svg viewBox=\"0 0 200 60\" class=\"!h-full !w-full !preserve-aspect-none\" preserveAspectRatio=\"none\">\r\n                  <path d=\"M0 50 L30 42 L60 38 L90 30 L120 22 L150 16 L200 5\" stroke=\"var(--primary-dark)\" stroke-width=\"2.5\" fill=\"none\"><\/path>\r\n                  <path d=\"M0 50 L30 42 L60 38 L90 30 L120 22 L150 16 L200 5 L200 60 L0 60 Z\" fill=\"url(#g1)\" opacity=\"0.25\"><\/path>\r\n                  <defs><linearGradient id=\"g1\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#758BFD\"><\/stop><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\"0\"><\/stop><\/linearGradient><\/defs>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"!group !flex !flex-col !overflow-hidden !rounded-3xl !border !border-border !bg-card !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n            <div class=\"bg-gradient-brand-custom !p-6 sm:!p-8\">\r\n              <p id=\"cs-c2-cat\" class=\"!mb-3 !text-xs !font-semibold !uppercase !tracking-wider !text-white\/80\">Restaurant Chain \u00b7 KSA<\/p>\r\n              <h3 id=\"cs-c2-title\" class=\"!text-xl !font-bold !text-white !leading-snug\">Google Ads CPL cut by 64% while doubling orders<\/h3>\r\n            <\/div>\r\n            <div class=\"!grid !flex-1 !grid-cols-3 !gap-2 sm:!gap-3 !p-5 sm:!p-6\">\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c2-v1\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">-64%<\/div>\r\n                <div id=\"cs-c2-l1\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">Cost \/ Lead<\/div>\r\n              <\/div>\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c2-v2\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">+218%<\/div>\r\n                <div id=\"cs-c2-l2\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">ROAS<\/div>\r\n              <\/div>\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c2-v3\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">4.8\u2605<\/div>\r\n                <div id=\"cs-c2-l3\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">GBP Rating<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"!border-t !border-border !p-4 sm:!px-6 sm:!py-5\">\r\n              <div class=\"!h-20 sm:!h-24 !rounded-xl !bg-gradient-to-t !from-primary\/10 !to-transparent\">\r\n                <svg viewBox=\"0 0 200 60\" class=\"!h-full !w-full !preserve-aspect-none\" preserveAspectRatio=\"none\">\r\n                  <path d=\"M0 50 L30 42 L60 38 L90 30 L120 22 L150 16 L200 5\" stroke=\"var(--primary-dark)\" stroke-width=\"2.5\" fill=\"none\"><\/path>\r\n                  <path d=\"M0 50 L30 42 L60 38 L90 30 L120 22 L150 16 L200 5 L200 60 L0 60 Z\" fill=\"url(#g2)\" opacity=\"0.25\"><\/path>\r\n                  <defs><linearGradient id=\"g2\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#758BFD\"><\/stop><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\"0\"><\/stop><\/linearGradient><\/defs>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n          <article class=\"!group !flex !flex-col !overflow-hidden !rounded-3xl !border !border-border !bg-card !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n            <div class=\"bg-gradient-brand-custom !p-6 sm:!p-8\">\r\n              <p id=\"cs-c3-cat\" class=\"!mb-3 !text-xs !font-semibold !uppercase !tracking-wider !text-white\/80\">Real Estate \u00b7 Riyadh<\/p>\r\n              <h3 id=\"cs-c3-title\" class=\"!text-xl !font-bold !text-white !leading-snug\">1,200+ qualified property leads in 90 days<\/h3>\r\n            <\/div>\r\n            <div class=\"!grid !flex-1 !grid-cols-3 !gap-2 sm:!gap-3 !p-5 sm:!p-6\">\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c3-v1\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">1.2K+<\/div>\r\n                <div id=\"cs-c3-l1\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">Leads \/ 90d<\/div>\r\n              <\/div>\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c3-v2\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">+540%<\/div>\r\n                <div id=\"cs-c3-l2\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">Site Traffic<\/div>\r\n              <\/div>\r\n              <div class=\"!rounded-2xl !bg-secondary !p-3 sm:!p-4 !text-center\">\r\n                <div id=\"cs-c3-v3\" class=\"!text-lg sm:!text-xl !font-bold !text-primary-dark\">+38%<\/div>\r\n                <div id=\"cs-c3-l3\" class=\"!mt-1 !text-[11px] sm:!text-xs !font-medium !text-muted-foreground\">Close Rate<\/div>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"!border-t !border-border !p-4 sm:!px-6 sm:!py-5\">\r\n              <div class=\"!h-20 sm:!h-24 !rounded-xl !bg-gradient-to-t !from-primary\/10 !to-transparent\">\r\n                <svg viewBox=\"0 0 200 60\" class=\"!h-full !w-full !preserve-aspect-none\" preserveAspectRatio=\"none\">\r\n                  <path d=\"M0 50 L30 42 L60 38 L90 30 L120 22 L150 16 L200 5\" stroke=\"var(--primary-dark)\" stroke-width=\"2.5\" fill=\"none\"><\/path>\r\n                  <path d=\"M0 50 L30 42 L60 38 L90 30 L120 22 L150 16 L200 5 L200 60 L0 60 Z\" fill=\"url(#g3)\" opacity=\"0.25\"><\/path>\r\n                  <defs><linearGradient id=\"g3\" x1=\"0\" x2=\"0\" y1=\"0\" y2=\"1\"><stop offset=\"0\" stop-color=\"#758BFD\"><\/stop><stop offset=\"1\" stop-color=\"#fff\" stop-opacity=\"0\"><\/stop><\/linearGradient><\/defs>\r\n                <\/svg>\r\n              <\/div>\r\n            <\/div>\r\n          <\/article>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const csLangData = {\r\n            en: {\r\n                dir: \"ltr\",\r\n                eyebrow: \"Case Studies\",\r\n                title: \"Real results for real Saudi businesses\",\r\n                subtitle: \"A snapshot of campaigns where SEO, Local SEO and Google Ads moved the needle on revenue.\",\r\n                \r\n                c1cat: \"Healthcare Clinic \u00b7 Jeddah\", c1title: \"From invisible to fully booked in 6 months\",\r\n                c1v1: \"+842%\", c1l1: \"Organic Traffic\", c1v2: \"#1\", c1l2: \"Local Pack\", c1v3: \"+312%\", c1l3: \"Patient Leads\",\r\n\r\n                c2cat: \"Restaurant Chain \u00b7 KSA\", c2title: \"Google Ads CPL cut by 64% while doubling orders\",\r\n                c2v1: \"-64%\", c2l1: \"Cost \/ Lead\", c2v2: \"+218%\", c2l2: \"ROAS\", c2v3: \"4.8\u2605\", c2l3: \"GBP Rating\",\r\n\r\n                c3cat: \"Real Estate \u00b7 Riyadh\", c3title: \"1,200+ qualified property leads in 90 days\",\r\n                c3v1: \"1.2K+\", c3l1: \"Leads \/ 90d\", c3v2: \"+540%\", c3l2: \"Site Traffic\", c3v3: \"+38%\", c3l3: \"Close Rate\"\r\n            },\r\n            ar: {\r\n                dir: \"rtl\",\r\n                eyebrow: \"\u062f\u0631\u0627\u0633\u0627\u062a \u0627\u0644\u062d\u0627\u0644\u0629\",\r\n                title: \"\u0646\u062a\u0627\u0626\u062c \u062d\u0642\u064a\u0642\u064a\u0629 \u0644\u0634\u0631\u0643\u0627\u062a \u0633\u0639\u0648\u062f\u064a\u0629 \u062d\u0642\u064a\u0642\u064a\u0629\",\r\n                subtitle: \"\u0644\u0645\u062d\u0629 \u0639\u0646 \u062d\u0645\u0644\u0627\u062a\u0646\u0627 \u0627\u0644\u062a\u064a \u062d\u0642\u0642\u062a \u0641\u064a\u0647\u0627 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0648 \u0648\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644 \u0642\u0641\u0632\u0629 \u0646\u0648\u0639\u064a\u0629 \u0641\u064a \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a.\",\r\n                \r\n                c1cat: \"\u0639\u064a\u0627\u062f\u0629 \u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u00b7 \u062c\u062f\u0629\", c1title: \"\u0645\u0646 \u063a\u064a\u0627\u0628 \u062a\u0627\u0645 \u0639\u0646 \u0627\u0644\u0638\u0647\u0648\u0631 \u0625\u0644\u0649 \u062d\u062c\u0648\u0632\u0627\u062a \u0643\u0627\u0645\u0644\u0629 \u062e\u0644\u0627\u0644 6 \u0623\u0634\u0647\u0631\",\r\n                c1v1: \"+842%\", c1l1: \"\u0627\u0644\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0639\u0636\u0648\u064a\u0629\", c1v2: \"#1\", c1l2: \"\u0646\u062a\u0627\u0626\u062c \u0627\u0644\u062e\u0631\u0627\u0626\u0637\", c1v3: \"+312%\", c1l3: \"\u0645\u0631\u0636\u0649 \u0645\u062d\u062a\u0645\u0644\u064a\u0646\",\r\n\r\n                c2cat: \"\u0633\u0644\u0633\u0644\u0629 \u0645\u0637\u0627\u0639\u0645 \u00b7 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\", c2title: \"\u062a\u062e\u0641\u064a\u0636 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u064a\u0644 \u0627\u0644\u0645\u062d\u062a\u0645\u0644 64% \u0648\u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u0637\u0644\u0628\u0627\u062a\",\r\n                c2v1: \"-64%\", c2l1: \"\u0627\u0644\u062a\u0643\u0644\u0641\u0629 \/ \u0639\u0645\u064a\u0644\", c2v2: \"+218%\", c2l2: \"\u0639\u0627\u0626\u062f \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\", c2v3: \"4.8\u2605\", c2l3: \"\u062a\u0642\u064a\u064a\u0645 \u062c\u0648\u062c\u0644\",\r\n\r\n                c3cat: \"\u0639\u0642\u0627\u0631\u0627\u062a \u00b7 \u0627\u0644\u0631\u064a\u0627\u0636\", c3title: \"\u0623\u0643\u062b\u0631 \u0645\u0646 1,200 \u0639\u0645\u064a\u0644 \u0645\u062d\u062a\u0645\u0644 \u0645\u0624\u0647\u0644 \u0644\u0644\u0639\u0642\u0627\u0631\u0627\u062a \u0641\u064a 90 \u064a\u0648\u0645\u0627\u064b\",\r\n                c3v1: \"+1.2K\", c3l1: \"\u0639\u0645\u064a\u0644 \/ 90 \u064a\u0648\u0645\", c3v2: \"+540%\", c3l2: \"\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0645\u0648\u0642\u0639\", c3v3: \"+38%\", c3l3: \"\u0645\u0639\u062f\u0644 \u0627\u0644\u0625\u063a\u0644\u0627\u0642\"\r\n            }\r\n        };\r\n\r\n        const csSection = document.getElementById('wfd-casestudies-section');\r\n        const els = {\r\n            eyebrow: document.getElementById('cs-eyebrow'), title: document.getElementById('cs-title'), subtitle: document.getElementById('cs-subtitle'),\r\n            c1cat: document.getElementById('cs-c1-cat'), c1title: document.getElementById('cs-c1-title'),\r\n            c1v1: document.getElementById('cs-c1-v1'), c1l1: document.getElementById('cs-c1-l1'),\r\n            c1v2: document.getElementById('cs-c1-v2'), c1l2: document.getElementById('cs-c1-l2'),\r\n            c1v3: document.getElementById('cs-c1-v3'), c1l3: document.getElementById('cs-c1-l3'),\r\n\r\n            c2cat: document.getElementById('cs-c2-cat'), c2title: document.getElementById('cs-c2-title'),\r\n            c2v1: document.getElementById('cs-c2-v1'), c2l1: document.getElementById('cs-c2-l1'),\r\n            c2v2: document.getElementById('cs-c2-v2'), c2l2: document.getElementById('cs-c2-l2'),\r\n            c2v3: document.getElementById('cs-c2-v3'), c2l3: document.getElementById('cs-c2-l3'),\r\n\r\n            c3cat: document.getElementById('cs-c3-cat'), c3title: document.getElementById('cs-c3-title'),\r\n            c3v1: document.getElementById('cs-c3-v1'), c3l1: document.getElementById('cs-c3-l1'),\r\n            c3v2: document.getElementById('cs-c3-v2'), c3l2: document.getElementById('cs-c3-l2'),\r\n            c3v3: document.getElementById('cs-c3-v3'), c3l3: document.getElementById('cs-c3-l3')\r\n        };\r\n\r\n        function applyCsLanguage(lang) {\r\n            const data = csLangData[lang];\r\n            if (!data) return;\r\n            csSection.setAttribute('dir', data.dir);\r\n            for (const [key, element] of Object.entries(els)) {\r\n                if (element && data[key]) element.innerHTML = data[key];\r\n            }\r\n        }\r\n\r\n        const observer = new MutationObserver(() => {\r\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n            applyCsLanguage(isRtl ? 'ar' : 'en');\r\n        });\r\n\r\n        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n        const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyCsLanguage(initialIsRtl ? 'ar' : 'en');\r\n    });\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c7c4aa3 e-con-full e-flex e-con e-parent\" data-id=\"c7c4aa3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9edbdd5 elementor-widget elementor-widget-html\" data-id=\"9edbdd5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\r\n    \r\n    <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n    <script>\r\n      tailwind.config = {\r\n        important: '#wfd-industries-section', \/* Blocks Elementor from overriding Tailwind classes *\/\r\n        theme: {\r\n          extend: {\r\n            colors: {\r\n              background: 'var(--background)',\r\n              foreground: 'var(--foreground)',\r\n              primary: 'var(--primary)',\r\n              'primary-dark': 'var(--primary-dark)',\r\n              secondary: 'var(--secondary)',\r\n              border: 'var(--border)',\r\n              card: 'var(--card)',\r\n              'muted-foreground': 'var(--muted-foreground)',\r\n            },\r\n            boxShadow: {\r\n              'soft': 'var(--shadow-soft)',\r\n              'elevated': 'var(--shadow-elevated)',\r\n            },\r\n            backgroundImage: {\r\n              'gradient-soft': 'var(--gradient-soft)',\r\n            }\r\n          }\r\n        }\r\n      }\r\n    <\/script>\r\n\r\n    <style>\r\n      \/* --- USER PROVIDED STRICTLY SCOPED CSS VARIABLES --- *\/\r\n      #wfd-industries-section {\r\n        --font-sans: \"Inter\", system-ui, sans-serif;\r\n        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;\r\n        --color-yellow-400: oklch(85.2% .199 91.936);\r\n        --color-black: #000;\r\n        --color-white: #fff;\r\n        --spacing: .25rem;\r\n        \r\n        --background: oklch(100% 0 0);\r\n        --foreground: oklch(23.5% 0 0);\r\n        --card: oklch(100% 0 0);\r\n        --primary: oklch(66% .16 274);\r\n        --primary-dark: oklch(34% .21 271);\r\n        --secondary: oklch(97% .012 270);\r\n        --muted-foreground: oklch(48% .02 270);\r\n        --border: oklch(92% .01 270);\r\n        \r\n        --gradient-brand: linear-gradient(135deg, #1e2f97 0%, #758bfd 60%, #edb0f8 100%);\r\n        --gradient-soft: linear-gradient(135deg, #758bfd14, #edb0f81a);\r\n        \r\n        --shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n        --shadow-elevated: 0 12px 32px -12px #1e2f9740;\r\n        \r\n        font-family: var(--font-sans);\r\n        color: var(--foreground);\r\n        background-color: var(--background);\r\n      }\r\n\r\n      \/* --- ELEMENTOR OVERRIDE RESET --- *\/\r\n      #wfd-industries-section,\r\n      #wfd-industries-section * {\r\n        box-sizing: border-box !important;\r\n        font-family: var(--font-sans) !important;\r\n      }\r\n\r\n      #wfd-industries-section h2, \r\n      #wfd-industries-section p {\r\n        \r\n        letter-spacing: normal !important;\r\n      }\r\n      \r\n      #wfd-industries-section svg {\r\n        display: inline-block !important;\r\n      }\r\n    <\/style>\r\n\r\n\r\n    <section id=\"wfd-industries-section\" class=\"py-16 sm:py-24\" dir=\"ltr\">\r\n      <div class=\"mx-auto max-w-7xl px-4 sm:px-6 lg:px-8\">\r\n        \r\n        <div class=\"mx-auto text-center max-w-3xl\">\r\n          <span class=\"inline-flex items-center gap-2 rounded-full border border-border bg-secondary px-3 py-1 text-xs font-semibold uppercase tracking-wider text-primary-dark\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-3.5 w-3.5\" aria-hidden=\"true\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n            <span id=\"ind-eyebrow\">Industries<\/span>\r\n          <\/span>\r\n          <h2 id=\"ind-title\" class=\"mt-5 text-3xl font-bold tracking-tight text-foreground sm:text-4xl md:text-[2.75rem] md:leading-[1.15]\">\r\n            Industries we serve across Saudi Arabia\r\n          <\/h2>\r\n          <p id=\"ind-subtitle\" class=\"mt-4 text-base text-muted-foreground sm:text-lg\">\r\n            Industry-specific strategies built from 7+ years of campaigns across KSA and the GCC.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"mt-12 grid grid-cols-2 gap-4 sm:grid-cols-3 lg:grid-cols-3\">\r\n          \r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M11 2v2\"><\/path><path d=\"M5 2v2\"><\/path><path d=\"M5 3H4a2 2 0 0 0-2 2v4a6 6 0 0 0 12 0V5a2 2 0 0 0-2-2h-1\"><\/path><path d=\"M8 15a6 6 0 0 0 12 0v-3\"><\/path><circle cx=\"20\" cy=\"10\" r=\"2\"><\/circle><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i1\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Healthcare<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"m16 2-2.3 2.3a3 3 0 0 0 0 4.2l1.8 1.8a3 3 0 0 0 4.2 0L22 8\"><\/path><path d=\"M15 15 3.3 3.3a4.2 4.2 0 0 0 0 6l7.3 7.3c.7.7 2 .7 2.8 0L15 15Zm0 0 7 7\"><\/path><path d=\"m2.1 21.8 6.4-6.3\"><\/path><path d=\"m19 5-7 7\"><\/path><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i2\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Restaurants<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M10 10V5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v5\"><\/path><path d=\"M14 6a6 6 0 0 1 6 6v3\"><\/path><path d=\"M4 15v-3a6 6 0 0 1 6-6\"><\/path><rect x=\"2\" y=\"15\" width=\"20\" height=\"4\" rx=\"1\"><\/rect><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i3\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Construction<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M12 16h.01\"><\/path><path d=\"M16 16h.01\"><\/path><path d=\"M3 19a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V8.5a.5.5 0 0 0-.769-.422l-4.462 2.844A.5.5 0 0 1 15 10.5v-2a.5.5 0 0 0-.769-.422L9.77 10.922A.5.5 0 0 1 9 10.5V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2z\"><\/path><path d=\"M8 16h.01\"><\/path><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i4\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Industrial<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z\"><\/path><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i5\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Travel<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8\"><\/path><path d=\"M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"><\/path><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i6\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Real Estate<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M10 12h4\"><\/path><path d=\"M10 8h4\"><\/path><path d=\"M14 21v-3a2 2 0 0 0-4 0v3\"><\/path><path d=\"M6 10H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2\"><\/path><path d=\"M6 21V5a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v16\"><\/path><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i7\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Hospitality<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16\"><\/path><rect width=\"20\" height=\"14\" x=\"2\" y=\"6\" rx=\"2\"><\/rect><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i8\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Professional Services<\/p>\r\n          <\/div>\r\n\r\n          <div class=\"flex items-center gap-3 rounded-2xl border border-border bg-card p-4 sm:p-5 shadow-soft transition duration-300 hover:border-primary\/40 hover:-translate-y-1\">\r\n            <div class=\"grid h-11 w-11 shrink-0 place-items-center rounded-xl bg-gradient-soft text-primary-dark\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"h-5 w-5\"><path d=\"M16 10a4 4 0 0 1-8 0\"><\/path><path d=\"M3.103 6.034h17.794\"><\/path><path d=\"M3.4 5.467a2 2 0 0 0-.4 1.2V20a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6.667a2 2 0 0 0-.4-1.2l-2-2.667A2 2 0 0 0 17 2H7a2 2 0 0 0-1.6.8z\"><\/path><\/svg>\r\n            <\/div>\r\n            <p id=\"ind-i9\" class=\"min-w-0 truncate font-semibold text-foreground text-sm sm:text-base\">Ecommerce<\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <script>\r\n    document.addEventListener('DOMContentLoaded', () => {\r\n        const indLangData = {\r\n            en: {\r\n                dir: \"ltr\",\r\n                eyebrow: \"Industries\",\r\n                title: \"Industries we serve across Saudi Arabia\",\r\n                subtitle: \"Industry-specific strategies built from 7+ years of campaigns across KSA and the GCC.\",\r\n                \r\n                i1: \"Healthcare\",\r\n                i2: \"Restaurants\",\r\n                i3: \"Construction\",\r\n                i4: \"Industrial\",\r\n                i5: \"Travel\",\r\n                i6: \"Real Estate\",\r\n                i7: \"Hospitality\",\r\n                i8: \"Professional Services\",\r\n                i9: \"Ecommerce\"\r\n            },\r\n            ar: {\r\n                dir: \"rtl\",\r\n                eyebrow: \"\u0627\u0644\u0642\u0637\u0627\u0639\u0627\u062a\",\r\n                title: \"\u0627\u0644\u0635\u0646\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u0646\u062e\u062f\u0645\u0647\u0627 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\",\r\n                subtitle: \"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u062e\u0635\u0635\u0629 \u0644\u0643\u0644 \u0642\u0637\u0627\u0639 \u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0623\u0643\u062b\u0631 \u0645\u0646 7 \u0633\u0646\u0648\u0627\u062a \u0645\u0646 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0648\u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c.\",\r\n                \r\n                i1: \"\u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629\",\r\n                i2: \"\u0627\u0644\u0645\u0637\u0627\u0639\u0645\",\r\n                i3: \"\u0627\u0644\u0628\u0646\u0627\u0621 \u0648\u0627\u0644\u0645\u0642\u0627\u0648\u0644\u0627\u062a\",\r\n                i4: \"\u0627\u0644\u0635\u0646\u0627\u0639\u0629\",\r\n                i5: \"\u0627\u0644\u0633\u0641\u0631 \u0648\u0627\u0644\u0633\u064a\u0627\u062d\u0629\",\r\n                i6: \"\u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\",\r\n                i7: \"\u0627\u0644\u0636\u064a\u0627\u0641\u0629\",\r\n                i8: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0645\u0647\u0646\u064a\u0629\",\r\n                i9: \"\u0627\u0644\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\"\r\n            }\r\n        };\r\n\r\n        const indSection = document.getElementById('wfd-industries-section');\r\n        const els = {\r\n            eyebrow: document.getElementById('ind-eyebrow'),\r\n            title: document.getElementById('ind-title'),\r\n            subtitle: document.getElementById('ind-subtitle'),\r\n            i1: document.getElementById('ind-i1'), i2: document.getElementById('ind-i2'),\r\n            i3: document.getElementById('ind-i3'), i4: document.getElementById('ind-i4'),\r\n            i5: document.getElementById('ind-i5'), i6: document.getElementById('ind-i6'),\r\n            i7: document.getElementById('ind-i7'), i8: document.getElementById('ind-i8'),\r\n            i9: document.getElementById('ind-i9')\r\n        };\r\n\r\n        function applyIndLanguage(lang) {\r\n            const data = indLangData[lang];\r\n            if (!data) return;\r\n            indSection.setAttribute('dir', data.dir);\r\n            for (const [key, element] of Object.entries(els)) {\r\n                if (element && data[key]) element.innerHTML = data[key];\r\n            }\r\n        }\r\n\r\n        \/\/ Observer checks if HTML 'dir' or 'lang' changes automatically \r\n        const observer = new MutationObserver(() => {\r\n            const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n            applyIndLanguage(isRtl ? 'ar' : 'en');\r\n        });\r\n\r\n        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n        \r\n        \/\/ Initial load check\r\n        const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyIndLanguage(initialIsRtl ? 'ar' : 'en');\r\n    });\r\n    <\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ee0d383 e-con-full e-flex e-con e-parent\" data-id=\"ee0d383\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f43062c elementor-widget elementor-widget-html\" data-id=\"f43062c\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    important: '#wfd-process-section',\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--background)',\r\n          foreground: 'var(--foreground)',\r\n          primary: 'var(--primary)',\r\n          'primary-dark': 'var(--primary-dark)',\r\n          secondary: 'var(--secondary)',\r\n          border: 'var(--border)',\r\n          card: 'var(--card)',\r\n          'muted-foreground': 'var(--muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'soft': 'var(--shadow-soft)',\r\n          'elevated': 'var(--shadow-elevated)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n  #wfd-process-section {\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    --background: oklch(100% 0 0);\r\n    --foreground: oklch(23.5% 0 0);\r\n    --card: oklch(100% 0 0);\r\n    --primary: oklch(66% .16 274);\r\n    --primary-dark: oklch(34% .21 271);\r\n    --secondary: oklch(97% .012 270);\r\n    --border: oklch(92% .01 270);\r\n    --muted-foreground: oklch(48% .02 270);\r\n    --shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n    --shadow-elevated: 0 12px 32px -12px #1e2f9740;\r\n    \r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    background-color: color-mix(in oklab, var(--secondary) 40%, transparent) !important;\r\n  }\r\n\r\n  #wfd-process-section,\r\n  #wfd-process-section * {\r\n    box-sizing: border-box !important;\r\n    font-family: var(--font-sans) !important;\r\n  }\r\n\r\n  #wfd-process-section h2, \r\n  #wfd-process-section h3, \r\n  #wfd-process-section p {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    letter-spacing: normal !important;\r\n  }\r\n  \r\n  #wfd-process-section svg {\r\n    display: inline-block !important;\r\n  }\r\n<\/style>\r\n\r\n<section id=\"wfd-process-section\" class=\"!py-16 sm:!py-24\" dir=\"ltr\">\r\n  <div class=\"!mx-auto !max-w-7xl !px-4 sm:!px-6 lg:!px-8\">\r\n    \r\n    <div class=\"!mx-auto !text-center !max-w-3xl\">\r\n      <span class=\"!inline-flex !items-center !gap-2 !rounded-full !border !border-border !bg-secondary !px-3 !py-1 !text-xs !font-semibold !uppercase !tracking-wider !text-primary-dark\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-3.5 !w-3.5\" aria-hidden=\"true\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n        <span id=\"proc-eyebrow\">Our Process<\/span>\r\n      <\/span>\r\n      <h2 id=\"proc-title\" class=\"!mt-5 !text-3xl !font-bold !tracking-tight !text-foreground sm:!text-4xl md:!text-[2.75rem] md:!leading-[1.15]\">\r\n        A proven 6-step growth process\r\n      <\/h2>\r\n      <p id=\"proc-subtitle\" class=\"!mt-4 !text-base !text-muted-foreground sm:!text-lg\">\r\n        Built around transparency, accountability and measurable ROI.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"!mt-12 !grid !gap-5 sm:!grid-cols-2 lg:!grid-cols-3\">\r\n      \r\n      <div class=\"!relative !overflow-hidden !rounded-2xl !border !border-border !bg-card !p-6 !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n        <span class=\"!absolute !end-4 !top-4 !text-5xl !font-black !text-primary\/10\">01<\/span>\r\n        <div class=\"!relative\">\r\n          <h3 id=\"proc-t1\" class=\"!text-lg !font-bold !text-foreground\">Discovery<\/h3>\r\n          <p id=\"proc-d1\" class=\"!mt-2 !text-sm !text-muted-foreground !leading-relaxed\">We learn your business, goals, audience and competitive landscape in Saudi Arabia.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"!relative !overflow-hidden !rounded-2xl !border !border-border !bg-card !p-6 !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n        <span class=\"!absolute !end-4 !top-4 !text-5xl !font-black !text-primary\/10\">02<\/span>\r\n        <div class=\"!relative\">\r\n          <h3 id=\"proc-t2\" class=\"!text-lg !font-bold !text-foreground\">Audit<\/h3>\r\n          <p id=\"proc-d2\" class=\"!mt-2 !text-sm !text-muted-foreground !leading-relaxed\">Full SEO, Local SEO, Google Ads, website and competitor audits to find quick wins.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"!relative !overflow-hidden !rounded-2xl !border !border-border !bg-card !p-6 !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n        <span class=\"!absolute !end-4 !top-4 !text-5xl !font-black !text-primary\/10\">03<\/span>\r\n        <div class=\"!relative\">\r\n          <h3 id=\"proc-t3\" class=\"!text-lg !font-bold !text-foreground\">Strategy<\/h3>\r\n          <p id=\"proc-d3\" class=\"!mt-2 !text-sm !text-muted-foreground !leading-relaxed\">A custom channel mix with KPIs, timelines and forecasted ROI you sign off on.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"!relative !overflow-hidden !rounded-2xl !border !border-border !bg-card !p-6 !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n        <span class=\"!absolute !end-4 !top-4 !text-5xl !font-black !text-primary\/10\">04<\/span>\r\n        <div class=\"!relative\">\r\n          <h3 id=\"proc-t4\" class=\"!text-lg !font-bold !text-foreground\">Execution<\/h3>\r\n          <p id=\"proc-d4\" class=\"!mt-2 !text-sm !text-muted-foreground !leading-relaxed\">Senior specialists run SEO, ads, content and dev sprints with weekly progress updates.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"!relative !overflow-hidden !rounded-2xl !border !border-border !bg-card !p-6 !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n        <span class=\"!absolute !end-4 !top-4 !text-5xl !font-black !text-primary\/10\">05<\/span>\r\n        <div class=\"!relative\">\r\n          <h3 id=\"proc-t5\" class=\"!text-lg !font-bold !text-foreground\">Optimization<\/h3>\r\n          <p id=\"proc-d5\" class=\"!mt-2 !text-sm !text-muted-foreground !leading-relaxed\">Conversion rate optimisation, bid management and content refreshes \u2014 every week.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"!relative !overflow-hidden !rounded-2xl !border !border-border !bg-card !p-6 !shadow-soft !transition-transform !duration-300 hover:!-translate-y-1 hover:!shadow-elevated\">\r\n        <span class=\"!absolute !end-4 !top-4 !text-5xl !font-black !text-primary\/10\">06<\/span>\r\n        <div class=\"!relative\">\r\n          <h3 id=\"proc-t6\" class=\"!text-lg !font-bold !text-foreground\">Growth<\/h3>\r\n          <p id=\"proc-d6\" class=\"!mt-2 !text-sm !text-muted-foreground !leading-relaxed\">Scale what works, kill what doesn\u2019t, and compound results month over month.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const procLangData = {\r\n        en: {\r\n            dir: \"ltr\", eyebrow: \"Our Process\", title: \"A proven 6-step growth process\", subtitle: \"Built around transparency, accountability and measurable ROI.\",\r\n            t1: \"Discovery\", d1: \"We learn your business, goals, audience and competitive landscape in Saudi Arabia.\",\r\n            t2: \"Audit\", d2: \"Full SEO, Local SEO, Google Ads, website and competitor audits to find quick wins.\",\r\n            t3: \"Strategy\", d3: \"A custom channel mix with KPIs, timelines and forecasted ROI you sign off on.\",\r\n            t4: \"Execution\", d4: \"Senior specialists run SEO, ads, content and dev sprints with weekly progress updates.\",\r\n            t5: \"Optimization\", d5: \"Conversion rate optimisation, bid management and content refreshes \u2014 every week.\",\r\n            t6: \"Growth\", d6: \"Scale what works, kill what doesn\u2019t, and compound results month over month.\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\", eyebrow: \"\u0639\u0645\u0644\u064a\u062a\u0646\u0627\", title: \"\u0639\u0645\u0644\u064a\u0629 \u0646\u0645\u0648 \u0645\u062c\u0631\u0628\u0629 \u0645\u0646 6 \u062e\u0637\u0648\u0627\u062a\", subtitle: \"\u0645\u0628\u0646\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0645\u0633\u0627\u0621\u0644\u0629 \u0648\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0644\u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633.\",\r\n            t1: \"\u0627\u0644\u0627\u0643\u062a\u0634\u0627\u0641\", d1: \"\u0646\u062a\u0639\u0631\u0641 \u0639\u0644\u0649 \u0639\u0645\u0644\u0643 \u0648\u0623\u0647\u062f\u0627\u0641\u0643 \u0648\u062c\u0645\u0647\u0648\u0631\u0643 \u0648\u0627\u0644\u0645\u0634\u0647\u062f \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\",\r\n            t2: \"\u0627\u0644\u062a\u062f\u0642\u064a\u0642\", d2: \"\u062a\u062f\u0642\u064a\u0642 \u0634\u0627\u0645\u0644 \u0644\u0644\u0633\u064a\u0648\u060c \u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a\u060c \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644\u060c \u0627\u0644\u0645\u0648\u0642\u0639 \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0644\u0625\u064a\u062c\u0627\u062f \u0645\u0643\u0627\u0633\u0628 \u0633\u0631\u064a\u0639\u0629.\",\r\n            t3: \"\u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629\", d3: \"\u0645\u0632\u064a\u062c \u0642\u0646\u0648\u0627\u062a \u0645\u062e\u0635\u0635 \u0645\u0639 \u0645\u0624\u0634\u0631\u0627\u062a \u0623\u062f\u0627\u0621\u060c \u062c\u062f\u0627\u0648\u0644 \u0632\u0645\u0646\u064a\u0629 \u0648\u062a\u0648\u0642\u0639\u0627\u062a \u0644\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u062a\u0648\u0627\u0641\u0642 \u0639\u0644\u064a\u0647\u0627.\",\r\n            t4: \"\u0627\u0644\u062a\u0646\u0641\u064a\u0630\", d4: \"\u064a\u062a\u0648\u0644\u0649 \u0643\u0628\u0627\u0631 \u0627\u0644\u0645\u062a\u062e\u0635\u0635\u064a\u0646 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0648\u060c \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\u060c \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0648\u0627\u0644\u062a\u0637\u0648\u064a\u0631 \u0645\u0639 \u062a\u062d\u062f\u064a\u062b\u0627\u062a \u062a\u0642\u062f\u0645 \u0623\u0633\u0628\u0648\u0639\u064a\u0629.\",\r\n            t5: \"\u0627\u0644\u062a\u062d\u0633\u064a\u0646\", d5: \"\u062a\u062d\u0633\u064a\u0646 \u0645\u0639\u062f\u0644 \u0627\u0644\u062a\u062d\u0648\u064a\u0644\u060c \u0625\u062f\u0627\u0631\u0629 \u0639\u0631\u0648\u0636 \u0627\u0644\u0623\u0633\u0639\u0627\u0631 \u0648\u062a\u062d\u062f\u064a\u062b \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u2014 \u0643\u0644 \u0623\u0633\u0628\u0648\u0639.\",\r\n            t6: \"\u0627\u0644\u0646\u0645\u0648\", d6: \"\u062a\u0648\u0633\u064a\u0639 \u0646\u0637\u0627\u0642 \u0645\u0627 \u064a\u0646\u062c\u062d\u060c \u0625\u064a\u0642\u0627\u0641 \u0645\u0627 \u0644\u0627 \u064a\u0646\u062c\u062d\u060c \u0648\u0645\u0636\u0627\u0639\u0641\u0629 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0634\u0647\u0631\u0627\u064b \u0628\u0639\u062f \u0634\u0647\u0631.\"\r\n        }\r\n    };\r\n\r\n    const procSection = document.getElementById('wfd-process-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('proc-eyebrow'), title: document.getElementById('proc-title'), subtitle: document.getElementById('proc-subtitle'),\r\n        t1: document.getElementById('proc-t1'), d1: document.getElementById('proc-d1'),\r\n        t2: document.getElementById('proc-t2'), d2: document.getElementById('proc-d2'),\r\n        t3: document.getElementById('proc-t3'), d3: document.getElementById('proc-d3'),\r\n        t4: document.getElementById('proc-t4'), d4: document.getElementById('proc-d4'),\r\n        t5: document.getElementById('proc-t5'), d5: document.getElementById('proc-d5'),\r\n        t6: document.getElementById('proc-t6'), d6: document.getElementById('proc-d6')\r\n    };\r\n\r\n    function applyProcLanguage(lang) {\r\n        const data = procLangData[lang];\r\n        if (!data) return;\r\n        procSection.setAttribute('dir', data.dir);\r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) element.innerHTML = data[key];\r\n        }\r\n    }\r\n\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyProcLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyProcLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-f790129 e-con-full e-flex e-con e-parent\" data-id=\"f790129\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-315ce73 elementor-widget elementor-widget-html\" data-id=\"315ce73\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Tailwind CDN & Scoped Config -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    important: '#jl-audit-scoped-wrapper',\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--jl-background)',\r\n          foreground: 'var(--jl-foreground)',\r\n          primary: 'var(--jl-primary)',\r\n          'primary-dark': 'var(--jl-primary-dark)',\r\n          secondary: 'var(--jl-secondary)',\r\n          border: 'var(--jl-border)',\r\n          input: 'var(--jl-input)',\r\n          ring: 'var(--jl-ring)',\r\n          card: 'var(--jl-card)',\r\n          'muted-foreground': 'var(--jl-muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'soft': 'var(--jl-shadow-soft)',\r\n          'elevated': 'var(--jl-shadow-elevated)',\r\n          'glow': 'var(--jl-shadow-glow)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Scoped Custom CSS -->\r\n<style>\r\n  #jl-audit-scoped-wrapper {\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    --jl-background: oklch(100% 0 0);\r\n    --jl-foreground: oklch(23.5% 0 0);\r\n    --jl-card: oklch(100% 0 0);\r\n    --jl-primary: oklch(66% .16 274);\r\n    --jl-primary-dark: oklch(34% .21 271);\r\n    --jl-secondary: oklch(97% .012 270);\r\n    --jl-border: oklch(92% .01 270);\r\n    --jl-input: oklch(92% .01 270);\r\n    --jl-ring: oklch(66% .16 274);\r\n    --jl-muted-foreground: oklch(48% .02 270);\r\n    --jl-success: oklch(68% .16 152);\r\n    \r\n    --jl-gradient-brand: linear-gradient(135deg, #1e2f97 0%, #758bfd 60%, #edb0f8 100%);\r\n    --jl-shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n    --jl-shadow-elevated: 0 12px 32px -12px #1e2f9740;\r\n    --jl-shadow-glow: 0 20px 60px -20px #758bfd8c;\r\n    \r\n    font-family: var(--font-sans);\r\n    color: var(--jl-foreground);\r\n    background-color: var(--jl-background) !important;\r\n  }\r\n\r\n  \/* Core resets locked to this wrapper *\/\r\n  #jl-audit-scoped-wrapper,\r\n  #jl-audit-scoped-wrapper * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Prevent Elementor\/Theme from adding weird margins\/paddings *\/\r\n  #jl-audit-scoped-wrapper p,\r\n  #jl-audit-scoped-wrapper ul,\r\n  #jl-audit-scoped-wrapper li,\r\n  #jl-audit-scoped-wrapper label,\r\n  #jl-audit-scoped-wrapper h2 {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n  }\r\n\r\n  #jl-audit-scoped-wrapper svg {\r\n    display: inline-block !important;\r\n  }\r\n\r\n  \/* Custom BG Class *\/\r\n  #jl-audit-scoped-wrapper .jl-bg-gradient-brand {\r\n    background: var(--jl-gradient-brand) !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- Scoped HTML Structure -->\r\n<section id=\"jl-audit-scoped-wrapper\" class=\"!py-12 sm:!py-20 lg:!py-24\" dir=\"ltr\">\r\n  <div class=\"!mx-auto !max-w-7xl !px-4 sm:!px-6 lg:!px-8\">\r\n    <div class=\"!overflow-hidden !rounded-3xl jl-bg-gradient-brand !p-6 sm:!p-10 lg:!p-12 !shadow-glow\">\r\n      <div class=\"!grid !gap-12 lg:!grid-cols-2 lg:!items-center\">\r\n        \r\n        <!-- LEFT COLUMN: Content -->\r\n        <div class=\"!text-white\">\r\n          <span class=\"!inline-flex !items-center !gap-2 !rounded-full !bg-white\/15 !px-3 !py-1 !text-xs !font-semibold !uppercase !tracking-wider\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-3.5 !w-3.5\" aria-hidden=\"true\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n            <span id=\"jl-aud-eyebrow\">Free \u00b7 No commitment<\/span>\r\n          <\/span>\r\n          \r\n          <h2 id=\"jl-aud-title\" class=\"!mt-5 !mb-0 !font-sans !text-white !text-3xl !font-bold !tracking-tight sm:!text-4xl lg:!text-5xl !leading-tight !p-0\">\r\n            Free digital marketing audit for Saudi businesses\r\n          <\/h2>\r\n          \r\n          <p id=\"jl-aud-subtitle\" class=\"!mt-5 !font-sans !text-white\/90 !text-base sm:!text-lg !leading-relaxed\">\r\n            A senior strategist will deliver a personalised audit and growth plan within 48 hours \u2014 worth SAR 4,500.\r\n          <\/p>\r\n          \r\n          <ul class=\"!mt-8 !grid !gap-3 sm:!grid-cols-2 !list-none\">\r\n            <li class=\"!flex !items-center !gap-2.5 !text-sm sm:!text-base !font-medium !font-sans !text-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-white\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> <span id=\"jl-aud-l1\">SEO Audit<\/span>\r\n            <\/li>\r\n            <li class=\"!flex !items-center !gap-2.5 !text-sm sm:!text-base !font-medium !font-sans !text-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-white\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> <span id=\"jl-aud-l2\">Local SEO Audit<\/span>\r\n            <\/li>\r\n            <li class=\"!flex !items-center !gap-2.5 !text-sm sm:!text-base !font-medium !font-sans !text-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-white\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> <span id=\"jl-aud-l3\">Competitor Analysis<\/span>\r\n            <\/li>\r\n            <li class=\"!flex !items-center !gap-2.5 !text-sm sm:!text-base !font-medium !font-sans !text-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-white\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> <span id=\"jl-aud-l4\">Google Ads Account Review<\/span>\r\n            <\/li>\r\n            <li class=\"!flex !items-center !gap-2.5 !text-sm sm:!text-base !font-medium !font-sans !text-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-white\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> <span id=\"jl-aud-l5\">Website Performance Review<\/span>\r\n            <\/li>\r\n            <li class=\"!flex !items-center !gap-2.5 !text-sm sm:!text-base !font-medium !font-sans !text-white\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-white\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg> <span id=\"jl-aud-l6\">Lead Generation Strategy<\/span>\r\n            <\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <!-- RIGHT COLUMN: Multi-Step Lead Form (Shortcode) -->\r\n        <div class=\"!rounded-2xl !bg-white !p-2 sm:!p-4 lg:!p-5 !shadow-elevated flex items-center justify-center\">\r\n                    \n        <style>\n            .jl-wfd-wrapper {\n                all: initial; \n                display: block;\n                width: 100%;\n                max-width: 500px;\n                margin: 0 auto;\n                font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Arial, sans-serif;\n                box-sizing: border-box;\n            }\n            .jl-wfd-wrapper * { box-sizing: border-box; font-family: inherit; }\n            .jl-wfd-wrapper .jl-wfd-form { background-color: #ffffff; border-radius: 1rem; width: 100%; padding: 24px; }\n            .jl-wfd-wrapper .jl-title { font-size: 1.25rem !important; font-weight: 700 !important; color: #111827 !important; margin: 0 0 0.25rem 0 !important; line-height: 1.2 !important; }\n            .jl-wfd-wrapper .jl-subtitle { font-size: 0.875rem !important; color: #6b7280 !important; margin: 0 !important; }\n            .jl-wfd-wrapper .jl-prog-container { display: flex; gap: 0.375rem; }\n            .jl-wfd-wrapper .jl-prog-bar { height: 0.375rem; width: 2rem; border-radius: 9999px; transition: background-color 0.3s ease; }\n            .jl-wfd-wrapper .jl-bg-active { background-color: #7c3aed; }\n            .jl-wfd-wrapper .jl-bg-inactive { background-color: #e5e7eb; }\n            .jl-wfd-wrapper .jl-form-group { margin-bottom: 1.25rem; text-align: left; }\n            .jl-wfd-wrapper .jl-form-group label { display: block !important; font-size: 0.875rem !important; font-weight: 600 !important; color: #374151 !important; margin-bottom: 0.375rem !important; line-height: 1.5 !important; }\n            .jl-wfd-wrapper .jl-input { width: 100% !important; height: 3rem !important; padding: 0.5rem 1rem !important; border: 1px solid #d1d5db !important; border-radius: 0.5rem !important; font-size: 0.95rem !important; color: #111827 !important; background-color: #ffffff !important; transition: all 0.2s !important; outline: none !important; box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05) !important; }\n            .jl-wfd-wrapper .jl-input:focus { border-color: #7c3aed !important; box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.15) !important; }\n            .jl-wfd-wrapper .jl-btn { display: inline-flex !important; justify-content: center !important; align-items: center !important; height: 3rem !important; padding: 0 1.5rem !important; border-radius: 0.5rem !important; font-size: 1rem !important; font-weight: 600 !important; cursor: pointer !important; border: none !important; transition: all 0.2s !important; width: 100% !important; text-decoration: none !important; }\n            .jl-wfd-wrapper .jl-btn-primary { background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%) !important; color: #ffffff !important; box-shadow: 0 4px 14px 0 rgba(124, 58, 237, 0.3) !important; }\n            .jl-wfd-wrapper .jl-btn-primary:hover { opacity: 0.9 !important; transform: translateY(-1px) !important; }\n            .jl-wfd-wrapper .jl-btn-secondary { background-color: #f3f4f6 !important; color: #4b5563 !important; border: 1px solid #d1d5db !important; box-shadow: none !important; }\n            .jl-wfd-wrapper .jl-btn-secondary:hover { background-color: #e5e7eb !important; }\n            .jl-wfd-wrapper .jl-flex { display: flex; }\n            .jl-wfd-wrapper .jl-justify-between { justify-content: space-between; }\n            .jl-wfd-wrapper .jl-items-center { align-items: center; }\n            .jl-wfd-wrapper .jl-mt-6 { margin-top: 1.5rem; }\n            .jl-wfd-wrapper .jl-hidden { display: none !important; }\n            .jl-wfd-wrapper .jl-text-center { text-align: center; }\n            .jl-wfd-wrapper .jl-trust { display: flex; align-items: center; justify-content: center; gap: 0.375rem; font-size: 0.8rem; color: #6b7280; margin-top: 1.25rem; font-weight: 500; }\n\n            @media (max-width: 480px) {\n                .jl-wfd-wrapper .jl-title { font-size: 1.15rem !important; }\n                .jl-wfd-wrapper .jl-input { height: 2.75rem !important; font-size: 16px !important; }\n                .jl-wfd-wrapper .jl-btn { height: 2.75rem !important; font-size: 0.95rem !important; }\n                .jl-wfd-wrapper .jl-action-row { flex-direction: column-reverse; gap: 0.75rem; }\n                .jl-wfd-wrapper .jl-btn-secondary, .jl-wfd-wrapper .jl-btn-primary { width: 100% !important; }\n            }\n            @media (min-width: 481px) {\n                .jl-wfd-wrapper .jl-action-row { display: flex; justify-content: space-between; gap: 1rem; }\n                .jl-wfd-wrapper .jl-btn-secondary { width: 30% !important; }\n                .jl-wfd-wrapper .jl-btn-primary { width: 66% !important; }\n            }\n        <\/style>\n\n        <div id=\"jl_form_instance_97756\" class=\"jl-wfd-wrapper\">\n            <form class=\"jl-wfd-form\">\n                <div class=\"jl-flex jl-justify-between jl-items-center\" style=\"margin-bottom: 1.5rem;\">\n                    <div>\n                        <h3 class=\"jl-title\">Get Your Free Marketing Audit<\/h3>\n                        <p class=\"jl-subtitle\">Step <span class=\"jl-step-text\">1<\/span> of 2 \u00b7 Takes 30 seconds<\/p>\n                    <\/div>\n                    <div class=\"jl-prog-container\">\n                        <span class=\"jl-prog-bar jl-prog-1 jl-bg-active\"><\/span>\n                        <span class=\"jl-prog-bar jl-prog-2 jl-bg-inactive\"><\/span>\n                    <\/div>\n                <\/div>\n\n                <div class=\"jl-step-1\">\n                    <div class=\"jl-form-group\">\n                        <label>Full Name *<\/label>\n                        <input type=\"text\" name=\"full_name\" required class=\"jl-input\" placeholder=\"Mohammed Al-Saud\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Company Name<\/label>\n                        <input type=\"text\" name=\"business_name\" class=\"jl-input\" placeholder=\"Your business\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Phone \/ WhatsApp *<\/label>\n                        <input type=\"tel\" name=\"phone\" required class=\"jl-input\" placeholder=\"+966 5X XXX XXXX\">\n                    <\/div>\n                    <button type=\"button\" class=\"jl-btn jl-btn-primary jl-btn-next jl-mt-6\">\n                        Continue \n                        <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"margin-left:6px;\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\n                    <\/button>\n                <\/div>\n\n                <div class=\"jl-step-2 jl-hidden\">\n                    <div class=\"jl-form-group\">\n                        <label>Business Email *<\/label>\n                        <input type=\"email\" name=\"email\" required class=\"jl-input\" placeholder=\"you@company.com\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Website (optional)<\/label>\n                        <input type=\"url\" name=\"website\" class=\"jl-input\" placeholder=\"https:\/\/\">\n                    <\/div>\n                    <div class=\"jl-form-group\">\n                        <label>Service Required *<\/label>\n                        <select name=\"service\" required class=\"jl-input\">\n                            <option value=\"\">Select a service<\/option>\n                            <option value=\"SEO\">SEO Services<\/option>\n                            <option value=\"Local SEO\">Local SEO<\/option>\n                            <option value=\"Google Ads\">Google Ads<\/option>\n                            <option value=\"Meta Ads\">Meta Ads<\/option>\n                            <option value=\"Web Dev\">Website Development<\/option>\n                        <\/select>\n                    <\/div>\n                    \n                    <div class=\"jl-action-row jl-mt-6\">\n                        <button type=\"button\" class=\"jl-btn jl-btn-secondary jl-btn-prev\">&larr; Back<\/button>\n                        <button type=\"submit\" class=\"jl-btn jl-btn-primary jl-btn-submit\">Claim Free Audit<\/button>\n                    <\/div>\n                <\/div>\n                \n                <div class=\"jl-trust\">\n                    <svg width=\"16\" height=\"16\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg> \n                    100% Confidential \u00b7 Response in 1\u20132 hours\n                <\/div>\n\n                <div class=\"jl-msg-box jl-mt-6 jl-text-center jl-hidden\" style=\"font-weight:600; font-size:0.9rem;\"><\/div>\n            <\/form>\n        <\/div>\n\n        <script>\n            (function() {\n                const wrapper = document.getElementById('jl_form_instance_97756');\n                if (!wrapper) return;\n\n                const form = wrapper.querySelector('.jl-wfd-form');\n                const step1 = wrapper.querySelector('.jl-step-1');\n                const step2 = wrapper.querySelector('.jl-step-2');\n                const nextBtn = wrapper.querySelector('.jl-btn-next');\n                const prevBtn = wrapper.querySelector('.jl-btn-prev');\n                const submitBtn = wrapper.querySelector('.jl-btn-submit');\n                const prog2 = wrapper.querySelector('.jl-prog-2');\n                const stepText = wrapper.querySelector('.jl-step-text');\n                const msgBox = wrapper.querySelector('.jl-msg-box');\n\n                nextBtn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    let valid = true;\n                    const step1Inputs = step1.querySelectorAll('input[required]');\n                    for (let i = 0; i < step1Inputs.length; i++) {\n                        if (!step1Inputs[i].checkValidity()) {\n                            step1Inputs[i].reportValidity();\n                            valid = false;\n                            break; \n                        }\n                    }\n                    if (valid) {\n                        step1.classList.add('jl-hidden');\n                        step2.classList.remove('jl-hidden');\n                        prog2.classList.replace('jl-bg-inactive', 'jl-bg-active');\n                        stepText.textContent = '2';\n                    }\n                });\n\n                prevBtn.addEventListener('click', function(e) {\n                    e.preventDefault();\n                    step2.classList.add('jl-hidden');\n                    step1.classList.remove('jl-hidden');\n                    prog2.classList.replace('jl-bg-active', 'jl-bg-inactive');\n                    stepText.textContent = '1';\n                });\n\n                form.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                    if (typeof jeddahLeadsObj === 'undefined') return;\n\n                    submitBtn.innerHTML = 'Processing...';\n                    submitBtn.style.pointerEvents = 'none';\n                    submitBtn.style.opacity = '0.7';\n\n                    const formData = new FormData(form);\n                    formData.append('action', 'submit_jeddah_lead');\n                    formData.append('nonce', jeddahLeadsObj.nonce);\n\n                    fetch(jeddahLeadsObj.ajax_url, { method: 'POST', body: formData })\n                    .then(response => response.json())\n                    .then(data => {\n                        msgBox.classList.remove('jl-hidden');\n                        if (data.success) {\n                            msgBox.innerHTML = '<span style=\"color:#10b981;\">' + data.data.message + '<\/span>';\n                            form.reset();\n                            setTimeout(() => { window.location.href = jeddahLeadsObj.success_redirect; }, 1500);\n                        } else {\n                            msgBox.innerHTML = '<span style=\"color:#ef4444;\">' + data.data.message + '<\/span>';\n                            submitBtn.innerHTML = 'Claim Free Audit';\n                            submitBtn.style.pointerEvents = 'auto';\n                            submitBtn.style.opacity = '1';\n                        }\n                    })\n                    .catch(error => {\n                        msgBox.classList.remove('jl-hidden');\n                        msgBox.innerHTML = '<span style=\"color:#ef4444;\">Connection error. Please try again.<\/span>';\n                        submitBtn.innerHTML = 'Claim Free Audit';\n                        submitBtn.style.pointerEvents = 'auto';\n                        submitBtn.style.opacity = '1';\n                    });\n                });\n            })();\n        <\/script>\n        \r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Scoped JavaScript for Translations -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \/\/ 1. Target only elements inside our scoped wrapper\r\n    const audSection = document.getElementById('jl-audit-scoped-wrapper');\r\n    if (!audSection) return; \/\/ Exit if block doesn't exist on page\r\n\r\n    const audLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"Free \u00b7 No commitment\",\r\n            title: \"Free digital marketing audit for Saudi businesses\",\r\n            subtitle: \"A senior strategist will deliver a personalised audit and growth plan within 48 hours \u2014 worth SAR 4,500.\",\r\n            l1: \"SEO Audit\", l2: \"Local SEO Audit\", l3: \"Competitor Analysis\",\r\n            l4: \"Google Ads Account Review\", l5: \"Website Performance Review\", l6: \"Lead Generation Strategy\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u0645\u062c\u0627\u0646\u064a \u00b7 \u0628\u062f\u0648\u0646 \u0627\u0644\u062a\u0632\u0627\u0645\",\r\n            title: \"\u062a\u062f\u0642\u064a\u0642 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0645\u062c\u0627\u0646\u064a \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            subtitle: \"\u0633\u064a\u0642\u062f\u0645 \u0644\u0643 \u062e\u0628\u064a\u0631 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u062e\u0637\u0629 \u062a\u062f\u0642\u064a\u0642 \u0648\u0646\u0645\u0648 \u0645\u062e\u0635\u0635\u0629 \u062e\u0644\u0627\u0644 48 \u0633\u0627\u0639\u0629 \u2014 \u0628\u0642\u064a\u0645\u0629 4,500 \u0631\u064a\u0627\u0644 \u0633\u0639\u0648\u062f\u064a.\",\r\n            l1: \"\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0633\u064a\u0648 (SEO)\", l2: \"\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a\", l3: \"\u062a\u062d\u0644\u064a\u0644 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u064a\u0646\",\r\n            l4: \"\u0645\u0631\u0627\u062c\u0639\u0629 \u062d\u0633\u0627\u0628 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644\", l5: \"\u0645\u0631\u0627\u062c\u0639\u0629 \u0623\u062f\u0627\u0621 \u0627\u0644\u0645\u0648\u0642\u0639\", l6: \"\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u062c\u0630\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646\"\r\n        }\r\n    };\r\n\r\n    \/\/ 2. Fetch scoped prefixed IDs\r\n    const els = {\r\n        eyebrow: document.getElementById('jl-aud-eyebrow'), \r\n        title: document.getElementById('jl-aud-title'), \r\n        subtitle: document.getElementById('jl-aud-subtitle'),\r\n        l1: document.getElementById('jl-aud-l1'), \r\n        l2: document.getElementById('jl-aud-l2'), \r\n        l3: document.getElementById('jl-aud-l3'),\r\n        l4: document.getElementById('jl-aud-l4'), \r\n        l5: document.getElementById('jl-aud-l5'), \r\n        l6: document.getElementById('jl-aud-l6')\r\n    };\r\n\r\n    function applyAudLanguage(lang) {\r\n        const data = audLangData[lang];\r\n        if (!data) return;\r\n        audSection.setAttribute('dir', data.dir);\r\n        \r\n        \/\/ Update Inner HTML\r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) element.innerHTML = data[key];\r\n        }\r\n    }\r\n\r\n    \/\/ 3. Mutation Observer to detect Arabic translation\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyAudLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyAudLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4521aaa e-con-full e-flex e-con e-parent\" data-id=\"4521aaa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0ee0384 elementor-widget elementor-widget-html\" data-id=\"0ee0384\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Tailwind CDN & Config -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    important: '#wfd-about-section',\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--background)',\r\n          foreground: 'var(--foreground)',\r\n          primary: 'var(--primary)',\r\n          'primary-dark': 'var(--primary-dark)',\r\n          secondary: 'var(--secondary)',\r\n          border: 'var(--border)',\r\n          card: 'var(--card)',\r\n          'muted-foreground': 'var(--muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'soft': 'var(--shadow-soft)',\r\n        },\r\n        backgroundImage: {\r\n          'gradient-soft': 'var(--gradient-soft)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Strict Elementor-Proof Styles -->\r\n<style>\r\n  #wfd-about-section {\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    --background: oklch(100% 0 0);\r\n    --foreground: oklch(23.5% 0 0);\r\n    --card: oklch(100% 0 0);\r\n    --primary: oklch(66% .16 274);\r\n    --primary-dark: oklch(34% .21 271);\r\n    --secondary: oklch(97% .012 270);\r\n    --border: oklch(92% .01 270);\r\n    --muted-foreground: oklch(48% .02 270);\r\n    --success: oklch(68% .16 152);\r\n    \r\n    --gradient-soft: linear-gradient(135deg, #758bfd14, #edb0f81a);\r\n    --shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n    \r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    background-color: var(--background) !important;\r\n  }\r\n\r\n  \/* Core resets to block Elementor defaults *\/\r\n  #wfd-about-section,\r\n  #wfd-about-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  #wfd-about-section h2, \r\n  #wfd-about-section h3, \r\n  #wfd-about-section p,\r\n  #wfd-about-section ul,\r\n  #wfd-about-section li,\r\n  #wfd-about-section strong,\r\n  #wfd-about-section span {\r\n    margin: 0 !important;\r\n    padding: 0 !important;\r\n    letter-spacing: normal !important;\r\n    font-family: var(--font-sans) !important;\r\n  }\r\n  \r\n  #wfd-about-section svg {\r\n    display: inline-block !important;\r\n  }\r\n  \r\n  .bg-gradient-soft-custom {\r\n    background: var(--gradient-soft) !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- Main Section HTML -->\r\n<section id=\"wfd-about-section\" class=\"!py-16 sm:!py-24\" dir=\"ltr\">\r\n  <div class=\"!mx-auto !grid !max-w-7xl !gap-12 !px-4 sm:!px-6 lg:!grid-cols-5 lg:!px-8\">\r\n    \r\n    <!-- Left Column (Content) -->\r\n    <div class=\"lg:!col-span-3\">\r\n      <span id=\"abt-eyebrow\" class=\"!text-xs !font-semibold !uppercase !tracking-wider !text-primary-dark\">About Aspire Digital Solutions<\/span>\r\n      \r\n      <h2 id=\"abt-title\" class=\"!mt-3 !text-3xl !font-bold !tracking-tight !text-foreground sm:!text-4xl !leading-tight\">\r\n        A Google Partner agency built for Saudi growth\r\n      <\/h2>\r\n      \r\n      <p id=\"abt-p1\" class=\"!mt-5 !text-muted-foreground !leading-relaxed !text-base sm:!text-lg\">\r\n        Founded with a single mission \u2014 to make world-class digital marketing accessible to businesses across Saudi Arabia \u2014 Aspire Digital Solutions has spent the last 7+ years helping 200+ brands in 20+ countries generate leads, scale revenue and dominate Google search. From our Jeddah base, our certified strategists, SEO consultants, paid-media specialists and developers deliver campaigns that meet the technical and cultural needs of the Saudi market.\r\n      <\/p>\r\n      \r\n      <p id=\"abt-p2\" class=\"!mt-4 !text-muted-foreground !leading-relaxed !text-base sm:!text-lg\">\r\n        <strong class=\"!text-foreground !font-bold\">Our mission<\/strong> is to deliver measurable, transparent and ethical marketing that compounds for years \u2014 not vanity metrics. <strong class=\"!text-foreground !font-bold\">Our vision<\/strong> is to become Saudi Arabia\u2019s most trusted growth partner for SMEs and enterprise brands alike.\r\n      <\/p>\r\n\r\n      <!-- Stats \/ Icon Cards -->\r\n      <div class=\"!mt-8 !grid !gap-4 sm:!grid-cols-3\">\r\n        \r\n        <div class=\"!rounded-2xl !border !border-border !bg-card !p-5 !shadow-soft !transition-transform hover:!-translate-y-1\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-6 !w-6 !text-primary\" aria-hidden=\"true\"><path d=\"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z\"><\/path><path d=\"m9 12 2 2 4-4\"><\/path><\/svg>\r\n          <p id=\"abt-c1-t\" class=\"!mt-3 !font-bold !text-foreground !leading-snug\">Google Partner<\/p>\r\n          <p id=\"abt-c1-d\" class=\"!text-sm !text-muted-foreground !mt-1 !leading-normal\">Certified, audited, accountable<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"!rounded-2xl !border !border-border !bg-card !p-5 !shadow-soft !transition-transform hover:!-translate-y-1\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-6 !w-6 !text-primary\" aria-hidden=\"true\"><path d=\"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2\"><\/path><path d=\"M16 3.128a4 4 0 0 1 0 7.744\"><\/path><path d=\"M22 21v-2a4 4 0 0 0-3-3.87\"><\/path><circle cx=\"9\" cy=\"7\" r=\"4\"><\/circle><\/svg>\r\n          <p id=\"abt-c2-t\" class=\"!mt-3 !font-bold !text-foreground !leading-snug\">Senior Team<\/p>\r\n          <p id=\"abt-c2-d\" class=\"!text-sm !text-muted-foreground !mt-1 !leading-normal\">Strategists with 7+ yrs experience<\/p>\r\n        <\/div>\r\n        \r\n        <div class=\"!rounded-2xl !border !border-border !bg-card !p-5 !shadow-soft !transition-transform hover:!-translate-y-1\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-6 !w-6 !text-primary\" aria-hidden=\"true\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg>\r\n          <p id=\"abt-c3-t\" class=\"!mt-3 !font-bold !text-foreground !leading-snug\">1\u20132 Hour Reply<\/p>\r\n          <p id=\"abt-c3-d\" class=\"!text-sm !text-muted-foreground !mt-1 !leading-normal\">Real humans in English & Arabic<\/p>\r\n        <\/div>\r\n        \r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Right Column (Checklist Box) -->\r\n    <div class=\"lg:!col-span-2\">\r\n      <div class=\"!rounded-3xl !border !border-border bg-gradient-soft-custom !p-8\">\r\n        <h3 id=\"abt-r-title\" class=\"!text-xl !font-bold !text-foreground !leading-tight\">Why Saudi businesses trust Aspire<\/h3>\r\n        \r\n        <ul class=\"!mt-6 !space-y-4 !list-none\">\r\n          <li class=\"!flex !items-start !gap-3 !text-foreground\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!mt-0.5 !h-5 !w-5 !shrink-0 text-[var(--success)]\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\r\n            <span id=\"abt-r-l1\" class=\"!text-sm sm:!text-base !font-medium !leading-snug\">Officially recognised Google Partner agency<\/span>\r\n          <\/li>\r\n          <li class=\"!flex !items-start !gap-3 !text-foreground\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!mt-0.5 !h-5 !w-5 !shrink-0 text-[var(--success)]\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\r\n            <span id=\"abt-r-l2\" class=\"!text-sm sm:!text-base !font-medium !leading-snug\">Bilingual delivery \u2014 English & Arabic teams<\/span>\r\n          <\/li>\r\n          <li class=\"!flex !items-start !gap-3 !text-foreground\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!mt-0.5 !h-5 !w-5 !shrink-0 text-[var(--success)]\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\r\n            <span id=\"abt-r-l3\" class=\"!text-sm sm:!text-base !font-medium !leading-snug\">Transparent reporting on spend, leads & ROI<\/span>\r\n          <\/li>\r\n          <li class=\"!flex !items-start !gap-3 !text-foreground\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!mt-0.5 !h-5 !w-5 !shrink-0 text-[var(--success)]\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\r\n            <span id=\"abt-r-l4\" class=\"!text-sm sm:!text-base !font-medium !leading-snug\">Local market expertise across Jeddah, Riyadh, Dammam & Makkah<\/span>\r\n          <\/li>\r\n          <li class=\"!flex !items-start !gap-3 !text-foreground\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!mt-0.5 !h-5 !w-5 !shrink-0 text-[var(--success)]\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\r\n            <span id=\"abt-r-l5\" class=\"!text-sm sm:!text-base !font-medium !leading-snug\">Senior-led \u2014 no juniors running your account<\/span>\r\n          <\/li>\r\n          <li class=\"!flex !items-start !gap-3 !text-foreground\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!mt-0.5 !h-5 !w-5 !shrink-0 text-[var(--success)]\" aria-hidden=\"true\"><path d=\"M20 6 9 17l-5-5\"><\/path><\/svg>\r\n            <span id=\"abt-r-l6\" class=\"!text-sm sm:!text-base !font-medium !leading-snug\">Performance-first contracts \u2014 no long lock-ins<\/span>\r\n          <\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Dual Language Script -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const abtLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"About Aspire Digital Solutions\",\r\n            title: \"A Google Partner agency built for Saudi growth\",\r\n            p1: \"Founded with a single mission \u2014 to make world-class digital marketing accessible to businesses across Saudi Arabia \u2014 Aspire Digital Solutions has spent the last 7+ years helping 200+ brands in 20+ countries generate leads, scale revenue and dominate Google search. From our Jeddah base, our certified strategists, SEO consultants, paid-media specialists and developers deliver campaigns that meet the technical and cultural needs of the Saudi market.\",\r\n            p2: \"<strong class=\\\"!text-foreground !font-bold\\\">Our mission<\/strong> is to deliver measurable, transparent and ethical marketing that compounds for years \u2014 not vanity metrics. <strong class=\\\"!text-foreground !font-bold\\\">Our vision<\/strong> is to become Saudi Arabia\u2019s most trusted growth partner for SMEs and enterprise brands alike.\",\r\n            \r\n            c1_t: \"Google Partner\", c1_d: \"Certified, audited, accountable\",\r\n            c2_t: \"Senior Team\", c2_d: \"Strategists with 7+ yrs experience\",\r\n            c3_t: \"1\u20132 Hour Reply\", c3_d: \"Real humans in English & Arabic\",\r\n            \r\n            r_title: \"Why Saudi businesses trust Aspire\",\r\n            r_l1: \"Officially recognised Google Partner agency\",\r\n            r_l2: \"Bilingual delivery \u2014 English & Arabic teams\",\r\n            r_l3: \"Transparent reporting on spend, leads & ROI\",\r\n            r_l4: \"Local market expertise across Jeddah, Riyadh, Dammam & Makkah\",\r\n            r_l5: \"Senior-led \u2014 no juniors running your account\",\r\n            r_l6: \"Performance-first contracts \u2014 no long lock-ins\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u0646\u0628\u0630\u0629 \u0639\u0646 \u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629\",\r\n            title: \"\u0648\u0643\u0627\u0644\u0629 \u0634\u0631\u064a\u0643\u0629 \u0644\u062c\u0648\u062c\u0644 \u0645\u0635\u0645\u0645\u0629 \u0644\u062f\u0639\u0645 \u0627\u0644\u0646\u0645\u0648 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            p1: \"\u062a\u0623\u0633\u0633\u062a \u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0628\u0645\u0647\u0645\u0629 \u0648\u0627\u062d\u062f\u0629 \u2014 \u0648\u0647\u064a \u062c\u0639\u0644 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a \u0630\u0648 \u0627\u0644\u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0639\u0627\u0644\u0645\u064a \u0645\u062a\u0627\u062d\u0627\u064b \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2014 \u0648\u0642\u062f \u0623\u0645\u0636\u064a\u0646\u0627 \u0623\u0643\u062b\u0631 \u0645\u0646 7 \u0633\u0646\u0648\u0627\u062a \u0641\u064a \u0645\u0633\u0627\u0639\u062f\u0629 \u0623\u0643\u062b\u0631 \u0645\u0646 200 \u0639\u0644\u0627\u0645\u0629 \u062a\u062c\u0627\u0631\u064a\u0629 \u0641\u064a \u0623\u0643\u062b\u0631 \u0645\u0646 20 \u062f\u0648\u0644\u0629 \u0639\u0644\u0649 \u062c\u0630\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a\u060c \u0648\u062a\u0635\u062f\u0631 \u0646\u062a\u0627\u0626\u062c \u0628\u062d\u062b \u062c\u0648\u062c\u0644. \u0645\u0646 \u0645\u0642\u0631\u0646\u0627 \u0641\u064a \u062c\u062f\u0629\u060c \u064a\u0642\u062f\u0645 \u062e\u0628\u0631\u0627\u0624\u0646\u0627 \u0627\u0644\u0645\u0639\u062a\u0645\u062f\u0648\u0646 \u0648\u0627\u0633\u062a\u0634\u0627\u0631\u064a\u0648 \u0627\u0644\u0633\u064a\u0648 \u0648\u0645\u062a\u062e\u0635\u0635\u0648 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0648\u0627\u0644\u0645\u0637\u0648\u0631\u0648\u0646 \u062d\u0645\u0644\u0627\u062a \u062a\u0644\u0628\u064a \u0627\u0644\u0627\u062d\u062a\u064a\u0627\u062c\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629 \u0648\u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0644\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a.\",\r\n            p2: \"<strong class=\\\"!text-foreground !font-bold\\\">\u0645\u0647\u0645\u062a\u0646\u0627<\/strong> \u0647\u064a \u062a\u0642\u062f\u064a\u0645 \u062a\u0633\u0648\u064a\u0642 \u0642\u0627\u0628\u0644 \u0644\u0644\u0642\u064a\u0627\u0633 \u0648\u0634\u0641\u0627\u0641 \u0648\u0623\u062e\u0644\u0627\u0642\u064a \u064a\u062a\u0631\u0627\u0643\u0645 \u062a\u0623\u062b\u064a\u0631\u0647 \u0644\u0633\u0646\u0648\u0627\u062a \u2014 \u0648\u0644\u064a\u0633 \u0645\u062c\u0631\u062f \u0623\u0631\u0642\u0627\u0645 \u0648\u0647\u0645\u064a\u0629. <strong class=\\\"!text-foreground !font-bold\\\">\u0631\u0624\u064a\u062a\u0646\u0627<\/strong> \u0647\u064a \u0623\u0646 \u0646\u0635\u0628\u062d \u0634\u0631\u064a\u0643 \u0627\u0644\u0646\u0645\u0648 \u0627\u0644\u0623\u0643\u062b\u0631 \u062b\u0642\u0629 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0635\u063a\u064a\u0631\u0629 \u0648\u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u0648\u0627\u0644\u0639\u0644\u0627\u0645\u0627\u062a \u0627\u0644\u062a\u062c\u0627\u0631\u064a\u0629 \u0627\u0644\u0643\u0628\u0631\u0649 \u0639\u0644\u0649 \u062d\u062f \u0633\u0648\u0627\u0621.\",\r\n            \r\n            c1_t: \"\u0634\u0631\u064a\u0643 \u062c\u0648\u062c\u0644\", c1_d: \"\u0645\u0639\u062a\u0645\u062f\u060c \u0645\u062f\u0642\u0642\u060c \u0648\u0645\u0633\u0624\u0648\u0644\",\r\n            c2_t: \"\u0641\u0631\u064a\u0642 \u0645\u0646 \u0627\u0644\u062e\u0628\u0631\u0627\u0621\", c2_d: \"\u062e\u0628\u0631\u0627\u0621 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0648\u0646 \u0628\u062e\u0628\u0631\u0629 7+ \u0633\u0646\u0648\u0627\u062a\",\r\n            c3_t: \"\u0631\u062f \u062e\u0644\u0627\u0644 1-2 \u0633\u0627\u0639\u0629\", c3_d: \"\u062a\u0648\u0627\u0635\u0644 \u0628\u0634\u0631\u064a \u0628\u0627\u0644\u0644\u063a\u062a\u064a\u0646 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\",\r\n            \r\n            r_title: \"\u0644\u0645\u0627\u0630\u0627 \u062a\u062b\u0642 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0641\u064a \u0623\u0633\u0628\u0627\u064a\u0631\",\r\n            r_l1: \"\u0648\u0643\u0627\u0644\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0631\u0633\u0645\u064a\u0627\u064b \u0643\u0634\u0631\u064a\u0643 \u0644\u062c\u0648\u062c\u0644 (Google Partner)\",\r\n            r_l2: \"\u062a\u0646\u0641\u064a\u0630 \u062b\u0646\u0627\u0626\u064a \u0627\u0644\u0644\u063a\u0629 \u2014 \u0641\u0631\u0642 \u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629 \u0648\u0639\u0631\u0628\u064a\u0629\",\r\n            r_l3: \"\u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0641\u0627\u0641\u0629 \u0639\u0646 \u0627\u0644\u0625\u0646\u0641\u0627\u0642 \u0648\u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0648\u0639\u0627\u0626\u062f \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631\",\r\n            r_l4: \"\u062e\u0628\u0631\u0629 \u0641\u064a \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0645\u062d\u0644\u064a (\u062c\u062f\u0629\u060c \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0627\u0644\u062f\u0645\u0627\u0645\u060c \u0648\u0645\u0643\u0629)\",\r\n            r_l5: \"\u0625\u062f\u0627\u0631\u0629 \u0645\u0646 \u0642\u0628\u0644 \u0643\u0628\u0627\u0631 \u0627\u0644\u062e\u0628\u0631\u0627\u0621 \u2014 \u0644\u0627 \u064a\u0648\u062c\u062f \u0645\u0628\u062a\u062f\u0626\u064a\u0646 \u064a\u062f\u064a\u0631\u0648\u0646 \u062d\u0633\u0627\u0628\u0643\",\r\n            r_l6: \"\u0639\u0642\u0648\u062f \u062a\u0639\u062a\u0645\u062f \u0639\u0644\u0649 \u0627\u0644\u0623\u062f\u0627\u0621 \u2014 \u0628\u062f\u0648\u0646 \u0627\u0644\u062a\u0632\u0627\u0645\u0627\u062a \u0637\u0648\u064a\u0644\u0629 \u0627\u0644\u0623\u0645\u062f\"\r\n        }\r\n    };\r\n\r\n    const abtSection = document.getElementById('wfd-about-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('abt-eyebrow'), title: document.getElementById('abt-title'), \r\n        p1: document.getElementById('abt-p1'), p2: document.getElementById('abt-p2'),\r\n        \r\n        c1_t: document.getElementById('abt-c1-t'), c1_d: document.getElementById('abt-c1-d'),\r\n        c2_t: document.getElementById('abt-c2-t'), c2_d: document.getElementById('abt-c2-d'),\r\n        c3_t: document.getElementById('abt-c3-t'), c3_d: document.getElementById('abt-c3-d'),\r\n        \r\n        r_title: document.getElementById('abt-r-title'),\r\n        r_l1: document.getElementById('abt-r-l1'), r_l2: document.getElementById('abt-r-l2'), \r\n        r_l3: document.getElementById('abt-r-l3'), r_l4: document.getElementById('abt-r-l4'), \r\n        r_l5: document.getElementById('abt-r-l5'), r_l6: document.getElementById('abt-r-l6')\r\n    };\r\n\r\n    function applyAbtLanguage(lang) {\r\n        const data = abtLangData[lang];\r\n        if (!data) return;\r\n        abtSection.setAttribute('dir', data.dir);\r\n        \r\n        for (const [key, element] of Object.entries(els)) {\r\n            if (element && data[key]) element.innerHTML = data[key];\r\n        }\r\n    }\r\n\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyAbtLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyAbtLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-553916d e-con-full e-flex e-con e-parent\" data-id=\"553916d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-10a3024 elementor-widget elementor-widget-html\" data-id=\"10a3024\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Tailwind CDN & Config -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    important: '#wfd-coverage-section',\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--background)',\r\n          foreground: 'var(--foreground)',\r\n          primary: 'var(--primary)',\r\n          'primary-dark': 'var(--primary-dark)',\r\n          secondary: 'var(--secondary)',\r\n          border: 'var(--border)',\r\n          card: 'var(--card)',\r\n          'muted-foreground': 'var(--muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'soft': 'var(--shadow-soft)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Strict Elementor-Proof Styles -->\r\n<style>\r\n  #wfd-coverage-section {\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    --background: oklch(100% 0 0);\r\n    --foreground: oklch(23.5% 0 0);\r\n    --card: oklch(100% 0 0);\r\n    --primary: oklch(66% .16 274);\r\n    --primary-dark: oklch(34% .21 271);\r\n    --secondary: oklch(97% .012 270);\r\n    --border: oklch(92% .01 270);\r\n    --muted-foreground: oklch(48% .02 270);\r\n    \r\n    --gradient-soft: linear-gradient(135deg, #758bfd14, #edb0f81a);\r\n    --shadow-soft: 0 1px 2px #1018280a, 0 1px 3px #1018280f;\r\n    \r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    background-color: var(--background) !important;\r\n  }\r\n\r\n  \/* Core resets to block Elementor defaults *\/\r\n  #wfd-coverage-section,\r\n  #wfd-coverage-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  \/* Fully protect Headings and Paragraphs *\/\r\n  #wfd-coverage-section h2, \r\n  #wfd-coverage-section h3, \r\n  #wfd-coverage-section p {\r\n    \r\n    letter-spacing: normal !important;\r\n    font-family: var(--font-sans) !important;\r\n  }\r\n  \r\n  #wfd-coverage-section svg {\r\n    display: inline-block !important;\r\n  }\r\n  \r\n  \/* Background Utilities *\/\r\n  .bg-gradient-soft-custom {\r\n    background: var(--gradient-soft) !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- Main Section HTML -->\r\n<section id=\"wfd-coverage-section\" class=\"!py-16 sm:!py-24\" dir=\"ltr\">\r\n  <div class=\"!mx-auto !max-w-7xl !px-4 sm:!px-6 lg:!px-8\">\r\n    \r\n    <!-- Top Header -->\r\n    <div class=\"!mx-auto !text-center !max-w-3xl\">\r\n      <span class=\"!inline-flex !items-center !gap-2 !rounded-full !border !border-border !bg-secondary !px-3 !py-1 !text-xs !font-semibold !uppercase !tracking-wider !text-primary-dark\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-3.5 !w-3.5\" aria-hidden=\"true\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n        <span id=\"cov-eyebrow\">Saudi Arabia Coverage<\/span>\r\n      <\/span>\r\n      \r\n      <h2 id=\"cov-title\" class=\"!mt-4 !text-3xl !font-bold !tracking-tight !text-foreground sm:!text-4xl md:!text-[2.75rem] md:!leading-[1.1]\">\r\n        Helping businesses grow across Saudi Arabia\r\n      <\/h2>\r\n      \r\n      <p id=\"cov-subtitle\" class=\"!mt-4 !text-base !text-muted-foreground sm:!text-lg\">\r\n        SEO, Local SEO, Google Ads and Performance Marketing \u2014 delivered from Jeddah to clients across the Kingdom.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <!-- Map & Locations Grid -->\r\n    <div class=\"!mt-12 !grid !gap-8 lg:!grid-cols-[1.2fr_1fr] lg:!items-center\">\r\n      \r\n      <!-- Interactive SVG Map -->\r\n      <div class=\"!relative !aspect-[5\/4] !overflow-hidden !rounded-3xl !border !border-border bg-gradient-soft-custom !p-6 !shadow-soft\">\r\n        <svg viewBox=\"0 0 500 400\" class=\"!h-full !w-full\" aria-label=\"Saudi Arabia coverage map\">\r\n          <path d=\"M120 80 L380 70 L430 140 L420 250 L380 330 L300 360 L180 340 L100 280 L80 180 Z\" fill=\"white\" stroke=\"var(--color-primary)\" stroke-width=\"2\"><\/path>\r\n          \r\n          <g>\r\n            <circle cx=\"140\" cy=\"220\" r=\"9\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <circle cx=\"140\" cy=\"220\" r=\"18\" fill=\"var(--color-primary)\" opacity=\"0.25\">\r\n              <animate attributeName=\"r\" values=\"9;22;9\" dur=\"2.4s\" repeatCount=\"indefinite\"><\/animate>\r\n              <animate attributeName=\"opacity\" values=\"0.4;0;0.4\" dur=\"2.4s\" repeatCount=\"indefinite\"><\/animate>\r\n            <\/circle>\r\n            <text id=\"svg-jeddah\" x=\"152\" y=\"224\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Jeddah<\/text>\r\n          <\/g>\r\n          <g>\r\n            <circle cx=\"270\" cy=\"180\" r=\"5\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <text id=\"svg-riyadh\" x=\"282\" y=\"184\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Riyadh<\/text>\r\n          <\/g>\r\n          <g>\r\n            <circle cx=\"380\" cy=\"175\" r=\"5\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <text id=\"svg-dammam\" x=\"392\" y=\"179\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Dammam<\/text>\r\n          <\/g>\r\n          <g>\r\n            <circle cx=\"395\" cy=\"195\" r=\"5\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <text id=\"svg-khobar\" x=\"407\" y=\"199\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Khobar<\/text>\r\n          <\/g>\r\n          <g>\r\n            <circle cx=\"130\" cy=\"245\" r=\"5\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <text id=\"svg-makkah\" x=\"142\" y=\"249\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Makkah<\/text>\r\n          <\/g>\r\n          <g>\r\n            <circle cx=\"155\" cy=\"175\" r=\"5\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <text id=\"svg-madinah\" x=\"167\" y=\"179\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Madinah<\/text>\r\n          <\/g>\r\n          <g>\r\n            <circle cx=\"145\" cy=\"145\" r=\"5\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <text id=\"svg-yanbu\" x=\"157\" y=\"149\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Yanbu<\/text>\r\n          <\/g>\r\n          <g>\r\n            <circle cx=\"365\" cy=\"200\" r=\"5\" fill=\"var(--primary-dark)\"><\/circle>\r\n            <text id=\"svg-jubail\" x=\"377\" y=\"204\" font-size=\"13\" font-weight=\"600\" font-family=\"var(--font-sans)\" fill=\"var(--primary-dark)\">Jubail<\/text>\r\n          <\/g>\r\n        <\/svg>\r\n      <\/div>\r\n\r\n      <!-- Content & Locations List -->\r\n      <div>\r\n        <h3 id=\"cov-h3\" class=\"!text-2xl !font-bold !text-foreground !leading-tight\">\r\n          Local presence. National reach.\r\n        <\/h3>\r\n        <p id=\"cov-p\" class=\"!mt-3 !text-muted-foreground !leading-relaxed\">\r\n          Headquartered in Jeddah, we serve businesses across every major Saudi city \u2014 with strategies tailored to local search behaviour, language and competition in each market.\r\n        <\/p>\r\n        \r\n        <!-- Cities Grid -->\r\n        <div class=\"!mt-6 !grid !grid-cols-2 !gap-3 sm:!grid-cols-3\">\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-jeddah\">Jeddah<\/span>\r\n          <\/div>\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-riyadh\">Riyadh<\/span>\r\n          <\/div>\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-dammam\">Dammam<\/span>\r\n          <\/div>\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-khobar\">Khobar<\/span>\r\n          <\/div>\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-makkah\">Makkah<\/span>\r\n          <\/div>\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-madinah\">Madinah<\/span>\r\n          <\/div>\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-yanbu\">Yanbu<\/span>\r\n          <\/div>\r\n          <div class=\"!flex !items-center !gap-2 !rounded-xl !border !border-border !bg-card !px-3 !py-2 !text-sm !font-semibold !text-foreground !shadow-soft\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-4 !w-4 !text-primary\" aria-hidden=\"true\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n            <span id=\"list-jubail\">Jubail<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Dual Language Script -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    const covLangData = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"Saudi Arabia Coverage\",\r\n            title: \"Helping businesses grow across Saudi Arabia\",\r\n            subtitle: \"SEO, Local SEO, Google Ads and Performance Marketing \u2014 delivered from Jeddah to clients across the Kingdom.\",\r\n            h3: \"Local presence. National reach.\",\r\n            p: \"Headquartered in Jeddah, we serve businesses across every major Saudi city \u2014 with strategies tailored to local search behaviour, language and competition in each market.\",\r\n            \r\n            \/\/ Cities\r\n            jeddah: \"Jeddah\", riyadh: \"Riyadh\", dammam: \"Dammam\", khobar: \"Khobar\",\r\n            makkah: \"Makkah\", madinah: \"Madinah\", yanbu: \"Yanbu\", jubail: \"Jubail\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u062a\u063a\u0637\u064a\u062a\u0646\u0627 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\",\r\n            title: \"\u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u0627\u0644\u0646\u0645\u0648 \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            subtitle: \"\u062a\u062d\u0633\u064a\u0646 \u0645\u062d\u0631\u0643\u0627\u062a \u0627\u0644\u0628\u062d\u062b\u060c \u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a\u060c \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644 \u0648\u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0628\u0627\u0644\u0623\u062f\u0627\u0621 \u2014 \u0646\u0642\u062f\u0645\u0647\u0627 \u0645\u0646 \u0645\u0642\u0631\u0646\u0627 \u0641\u064a \u062c\u062f\u0629 \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 \u0639\u0628\u0631 \u0627\u0644\u0645\u0645\u0644\u0643\u0629.\",\r\n            h3: \"\u062d\u0636\u0648\u0631 \u0645\u062d\u0644\u064a. \u0627\u0646\u062a\u0634\u0627\u0631 \u0648\u0637\u0646\u064a.\",\r\n            p: \"\u064a\u0642\u0639 \u0645\u0642\u0631\u0646\u0627 \u0627\u0644\u0631\u0626\u064a\u0633\u064a \u0641\u064a \u062c\u062f\u0629\u060c \u0648\u0646\u062e\u062f\u0645 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u0643\u0644 \u0645\u062f\u064a\u0646\u0629 \u0633\u0639\u0648\u062f\u064a\u0629 \u0631\u0626\u064a\u0633\u064a\u0629 \u2014 \u0628\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0627\u062a \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u064b\u0627 \u0644\u0633\u0644\u0648\u0643 \u0627\u0644\u0628\u062d\u062b \u0627\u0644\u0645\u062d\u0644\u064a \u0648\u0627\u0644\u0644\u063a\u0629 \u0648\u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629 \u0641\u064a \u0643\u0644 \u0633\u0648\u0642.\",\r\n            \r\n            \/\/ Cities\r\n            jeddah: \"\u062c\u062f\u0629\", riyadh: \"\u0627\u0644\u0631\u064a\u0627\u0636\", dammam: \"\u0627\u0644\u062f\u0645\u0627\u0645\", khobar: \"\u0627\u0644\u062e\u0628\u0631\",\r\n            makkah: \"\u0645\u0643\u0629\", madinah: \"\u0627\u0644\u0645\u062f\u064a\u0646\u0629\", yanbu: \"\u064a\u0646\u0628\u0639\", jubail: \"\u0627\u0644\u062c\u0628\u064a\u0644\"\r\n        }\r\n    };\r\n\r\n    const covSection = document.getElementById('wfd-coverage-section');\r\n    const els = {\r\n        eyebrow: document.getElementById('cov-eyebrow'), title: document.getElementById('cov-title'), subtitle: document.getElementById('cov-subtitle'),\r\n        h3: document.getElementById('cov-h3'), p: document.getElementById('cov-p'),\r\n        \r\n        \/\/ List elements\r\n        l_jeddah: document.getElementById('list-jeddah'), l_riyadh: document.getElementById('list-riyadh'), \r\n        l_dammam: document.getElementById('list-dammam'), l_khobar: document.getElementById('list-khobar'),\r\n        l_makkah: document.getElementById('list-makkah'), l_madinah: document.getElementById('list-madinah'), \r\n        l_yanbu: document.getElementById('list-yanbu'), l_jubail: document.getElementById('list-jubail'),\r\n        \r\n        \/\/ SVG Map elements\r\n        s_jeddah: document.getElementById('svg-jeddah'), s_riyadh: document.getElementById('svg-riyadh'), \r\n        s_dammam: document.getElementById('svg-dammam'), s_khobar: document.getElementById('svg-khobar'),\r\n        s_makkah: document.getElementById('svg-makkah'), s_madinah: document.getElementById('svg-madinah'), \r\n        s_yanbu: document.getElementById('svg-yanbu'), s_jubail: document.getElementById('svg-jubail')\r\n    };\r\n\r\n    function applyCovLanguage(lang) {\r\n        const data = covLangData[lang];\r\n        if (!data) return;\r\n        covSection.setAttribute('dir', data.dir);\r\n        \r\n        \/\/ Main Content\r\n        if(els.eyebrow) els.eyebrow.innerHTML = data.eyebrow;\r\n        if(els.title) els.title.innerHTML = data.title;\r\n        if(els.subtitle) els.subtitle.innerHTML = data.subtitle;\r\n        if(els.h3) els.h3.innerHTML = data.h3;\r\n        if(els.p) els.p.innerHTML = data.p;\r\n\r\n        \/\/ List Cities Sync\r\n        if(els.l_jeddah) els.l_jeddah.innerHTML = data.jeddah;\r\n        if(els.l_riyadh) els.l_riyadh.innerHTML = data.riyadh;\r\n        if(els.l_dammam) els.l_dammam.innerHTML = data.dammam;\r\n        if(els.l_khobar) els.l_khobar.innerHTML = data.khobar;\r\n        if(els.l_makkah) els.l_makkah.innerHTML = data.makkah;\r\n        if(els.l_madinah) els.l_madinah.innerHTML = data.madinah;\r\n        if(els.l_yanbu) els.l_yanbu.innerHTML = data.yanbu;\r\n        if(els.l_jubail) els.l_jubail.innerHTML = data.jubail;\r\n\r\n        \/\/ SVG Map Text Sync\r\n        if(els.s_jeddah) els.s_jeddah.innerHTML = data.jeddah;\r\n        if(els.s_riyadh) els.s_riyadh.innerHTML = data.riyadh;\r\n        if(els.s_dammam) els.s_dammam.innerHTML = data.dammam;\r\n        if(els.s_khobar) els.s_khobar.innerHTML = data.khobar;\r\n        if(els.s_makkah) els.s_makkah.innerHTML = data.makkah;\r\n        if(els.s_madinah) els.s_madinah.innerHTML = data.madinah;\r\n        if(els.s_yanbu) els.s_yanbu.innerHTML = data.yanbu;\r\n        if(els.s_jubail) els.s_jubail.innerHTML = data.jubail;\r\n    }\r\n\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyCovLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    applyCovLanguage(initialIsRtl ? 'ar' : 'en');\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-be8b3a5 e-con-full e-flex e-con e-parent\" data-id=\"be8b3a5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9561bc5 elementor-widget elementor-widget-html\" data-id=\"9561bc5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Tailwind CDN & Config -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    important: '#wfd-testimonials-section',\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: 'var(--background)',\r\n          foreground: 'var(--foreground)',\r\n          primary: 'var(--primary)',\r\n          'primary-dark': 'var(--primary-dark)',\r\n          secondary: 'var(--secondary)',\r\n          border: 'var(--border)',\r\n          card: 'var(--card)',\r\n          'muted-foreground': 'var(--muted-foreground)',\r\n        },\r\n        boxShadow: {\r\n          'elevated': 'var(--shadow-elevated)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Strict Elementor-Proof Styles -->\r\n<style>\r\n  #wfd-testimonials-section {\r\n    --font-sans: \"Inter\", system-ui, sans-serif;\r\n    --color-yellow-400: oklch(85.2% .199 91.936);\r\n    --background: oklch(100% 0 0);\r\n    --foreground: oklch(23.5% 0 0);\r\n    --card: oklch(100% 0 0);\r\n    --primary: oklch(66% .16 274);\r\n    --primary-dark: oklch(34% .21 271);\r\n    --secondary: oklch(97% .012 270);\r\n    --border: oklch(92% .01 270);\r\n    --muted-foreground: oklch(48% .02 270);\r\n    \r\n    --gradient-accent: linear-gradient(120deg, #edb0f8 0%, #fdbfac 100%);\r\n    --shadow-elevated: 0 12px 32px -12px #1e2f9740;\r\n    \r\n    font-family: var(--font-sans);\r\n    color: var(--foreground);\r\n    background-color: color-mix(in oklab, var(--secondary) 40%, transparent) !important;\r\n  }\r\n\r\n  \/* Core resets *\/\r\n  #wfd-testimonials-section,\r\n  #wfd-testimonials-section * {\r\n    box-sizing: border-box !important;\r\n  }\r\n\r\n  #wfd-testimonials-section h2, \r\n  #wfd-testimonials-section h3, \r\n  #wfd-testimonials-section p,\r\n  #wfd-testimonials-section span {\r\n    \r\n    letter-spacing: normal !important;\r\n    font-family: var(--font-sans) !important;\r\n  }\r\n  \r\n  #wfd-testimonials-section svg {\r\n    display: inline-block !important;\r\n  }\r\n  \r\n  .bg-gradient-accent-custom {\r\n    background: var(--gradient-accent) !important;\r\n  }\r\n\r\n  \/* Fade transition for testimonial text *\/\r\n  .fade-content {\r\n    transition: opacity 0.4s ease-in-out;\r\n  }\r\n<\/style>\r\n\r\n<!-- Main Section HTML -->\r\n<section id=\"wfd-testimonials-section\" class=\"!py-16 sm:!py-24\" dir=\"ltr\">\r\n  <div class=\"!mx-auto !max-w-5xl !px-4 sm:!px-6 lg:!px-8\">\r\n    \r\n    <!-- Top Header -->\r\n    <div class=\"!mx-auto !text-center !max-w-3xl\">\r\n      <span class=\"!inline-flex !items-center !gap-2 !rounded-full !border !border-border !bg-secondary !px-3 !py-1 !text-xs !font-semibold !uppercase !tracking-wider !text-primary-dark\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-3.5 !w-3.5\" aria-hidden=\"true\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><path d=\"M20 2v4\"><\/path><path d=\"M22 4h-4\"><\/path><circle cx=\"4\" cy=\"20\" r=\"2\"><\/circle><\/svg> \r\n        <span id=\"testi-eyebrow\">Testimonials<\/span>\r\n      <\/span>\r\n      <h2 id=\"testi-title\" class=\"!mt-4 !text-3xl !font-bold !tracking-tight !text-foreground sm:!text-4xl md:!text-[2.75rem] !leading-tight\">\r\n        Trusted by businesses across Saudi Arabia\r\n      <\/h2>\r\n    <\/div>\r\n\r\n    <!-- Testimonial Card -->\r\n    <div class=\"!mt-12 !rounded-3xl !border !border-border !bg-card !p-6 sm:!p-12 !shadow-elevated !min-h-[320px] !flex !flex-col !justify-center\">\r\n      <!-- Stars -->\r\n      <div class=\"!flex !gap-1 !mb-6\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-5 !w-5 !fill-[var(--color-yellow-400)] !text-[var(--color-yellow-400)]\" aria-hidden=\"true\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"><\/path><\/svg>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-5 !w-5 !fill-[var(--color-yellow-400)] !text-[var(--color-yellow-400)]\" aria-hidden=\"true\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"><\/path><\/svg>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-5 !w-5 !fill-[var(--color-yellow-400)] !text-[var(--color-yellow-400)]\" aria-hidden=\"true\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"><\/path><\/svg>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-5 !w-5 !fill-[var(--color-yellow-400)] !text-[var(--color-yellow-400)]\" aria-hidden=\"true\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"><\/path><\/svg>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"!h-5 !w-5 !fill-[var(--color-yellow-400)] !text-[var(--color-yellow-400)]\" aria-hidden=\"true\"><path d=\"M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z\"><\/path><\/svg>\r\n      <\/div>\r\n      \r\n      <!-- Fading Content Wrapper -->\r\n      <div id=\"testi-content-wrapper\" class=\"fade-content\">\r\n        <!-- Quote -->\r\n        <p id=\"testi-quote\" class=\"!text-xl !font-medium !leading-relaxed !text-foreground sm:!text-2xl\">\r\n          \u201cAspire took us from page 4 to the Google Maps top 3 in under 5 months. Patient bookings are up 312% \u2014 and the reporting is the most transparent we\u2019ve ever seen.\u201d\r\n        <\/p>\r\n        \r\n        <!-- Author Profile -->\r\n        <div class=\"!mt-8 !flex !flex-col sm:!flex-row sm:!items-center !justify-between !gap-4\">\r\n          <div class=\"!min-w-0\">\r\n            <p id=\"testi-name\" class=\"!truncate !font-bold !text-foreground !leading-normal !text-lg\">Dr. Fahad Al-Otaibi<\/p>\r\n            <p id=\"testi-role\" class=\"!truncate !text-sm !text-muted-foreground !mt-1\">Healthcare \u00b7 Jeddah<\/p>\r\n          <\/div>\r\n          <div class=\"!shrink-0 !rounded-full bg-gradient-accent-custom !px-5 !py-2.5 !text-sm !font-bold !text-primary-dark !self-start sm:!self-auto\">\r\n            <span id=\"testi-badge\">+312% Patient Leads<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Pagination Dots -->\r\n    <div class=\"!mt-8 !flex !justify-center !gap-2\" id=\"testi-dots-container\">\r\n      <!-- Dots will be generated by JS -->\r\n    <\/div>\r\n    \r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- Functional & Translation Script -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    \r\n    \/\/ Testimonial Data (5 Items per language)\r\n    const db = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            eyebrow: \"Testimonials\",\r\n            title: \"Trusted by businesses across Saudi Arabia\",\r\n            items: [\r\n                {\r\n                    quote: \"\u201cAspire took us from page 4 to the Google Maps top 3 in under 5 months. Patient bookings are up 312% \u2014 and the reporting is the most transparent we\u2019ve ever seen.\u201d\",\r\n                    name: \"Dr. Fahad Al-Otaibi\", role: \"Healthcare \u00b7 Jeddah\", badge: \"+312% Patient Leads\"\r\n                },\r\n                {\r\n                    quote: \"\u201cTheir Google Ads strategy completely transformed our delivery volume. We cut our cost per acquisition by half while doubling our daily orders.\u201d\",\r\n                    name: \"Sarah Al-Saud\", role: \"Restaurant Chain \u00b7 Riyadh\", badge: \"-50% CPA\"\r\n                },\r\n                {\r\n                    quote: \"\u201cWe struggled with local visibility for years. Aspire optimized our local SEO profiles across 15 branches, resulting in a massive spike in foot traffic.\u201d\",\r\n                    name: \"Ahmed Khalid\", role: \"Retail \u00b7 Dammam\", badge: \"+180% Foot Traffic\"\r\n                },\r\n                {\r\n                    quote: \"\u201cThe team at Aspire truly understands the Saudi market. Their bilingual SEO approach helped us capture high-intent enterprise leads we were missing out on.\u201d\",\r\n                    name: \"Khalid Al-Faisal\", role: \"B2B Software \u00b7 Khobar\", badge: \"+400% B2B Leads\"\r\n                },\r\n                {\r\n                    quote: \"\u201cTransparent, fast, and results-driven. They revamped our entire digital presence and the ROI has been phenomenal since month two.\u201d\",\r\n                    name: \"Fatima Al-Zahrani\", role: \"Real Estate \u00b7 Makkah\", badge: \"5x Total ROI\"\r\n                }\r\n            ]\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            eyebrow: \"\u0622\u0631\u0627\u0621 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\",\r\n            title: \"\u0645\u062d\u0644 \u062b\u0642\u0629 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062c\u0645\u064a\u0639 \u0623\u0646\u062d\u0627\u0621 \u0627\u0644\u0645\u0645\u0644\u0643\u0629\",\r\n            items: [\r\n                {\r\n                    quote: \"\u201c\u0646\u0642\u0644\u062a\u0646\u0627 \u0623\u0633\u0628\u0627\u064a\u0631 \u0645\u0646 \u0627\u0644\u0635\u0641\u062d\u0629 \u0627\u0644\u0631\u0627\u0628\u0639\u0629 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0641\u064a \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644 \u0641\u064a \u0623\u0642\u0644 \u0645\u0646 5 \u0623\u0634\u0647\u0631. \u0632\u0627\u062f\u062a \u062d\u062c\u0648\u0632\u0627\u062a \u0627\u0644\u0645\u0631\u0636\u0649 \u0628\u0646\u0633\u0628\u0629 312% \u2014 \u0648\u0627\u0644\u062a\u0642\u0627\u0631\u064a\u0631 \u0647\u064a \u0627\u0644\u0623\u0643\u062b\u0631 \u0634\u0641\u0627\u0641\u064a\u0629 \u0639\u0644\u0649 \u0627\u0644\u0625\u0637\u0644\u0627\u0642.\u201d\",\r\n                    name: \"\u062f. \u0641\u0647\u062f \u0627\u0644\u0639\u062a\u064a\u0628\u064a\", role: \"\u0631\u0639\u0627\u064a\u0629 \u0635\u062d\u064a\u0629 \u00b7 \u062c\u062f\u0629\", badge: \"+312% \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646\"\r\n                },\r\n                {\r\n                    quote: \"\u201c\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644 \u0627\u0644\u062e\u0627\u0635\u0629 \u0628\u0647\u0645 \u063a\u064a\u0631\u062a \u062d\u062c\u0645 \u0637\u0644\u0628\u0627\u062a\u0646\u0627 \u0628\u0627\u0644\u0643\u0627\u0645\u0644. \u0644\u0642\u062f \u062e\u0641\u0636\u0646\u0627 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630 \u0625\u0644\u0649 \u0627\u0644\u0646\u0635\u0641 \u0645\u0639 \u0645\u0636\u0627\u0639\u0641\u0629 \u0637\u0644\u0628\u0627\u062a\u0646\u0627 \u0627\u0644\u064a\u0648\u0645\u064a\u0629.\u201d\",\r\n                    name: \"\u0633\u0627\u0631\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\", role: \"\u0633\u0644\u0633\u0644\u0629 \u0645\u0637\u0627\u0639\u0645 \u00b7 \u0627\u0644\u0631\u064a\u0627\u0636\", badge: \"-50% \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630\"\r\n                },\r\n                {\r\n                    quote: \"\u201c\u0639\u0627\u0646\u064a\u0646\u0627 \u0645\u0646 \u0636\u0639\u0641 \u0627\u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0645\u062d\u0644\u064a \u0644\u0633\u0646\u0648\u0627\u062a. \u0642\u0627\u0645\u062a \u0623\u0633\u0628\u0627\u064a\u0631 \u0628\u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a \u0644\u0640 15 \u0641\u0631\u0639\u0627\u064b\u060c \u0645\u0645\u0627 \u0623\u062f\u0649 \u0625\u0644\u0649 \u0632\u064a\u0627\u062f\u0629 \u0647\u0627\u0626\u0644\u0629 \u0641\u064a \u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0631\u0648\u0639.\u201d\",\r\n                    name: \"\u0623\u062d\u0645\u062f \u062e\u0627\u0644\u062f\", role: \"\u062a\u062c\u0627\u0631\u0629 \u0627\u0644\u062a\u062c\u0632\u0626\u0629 \u00b7 \u0627\u0644\u062f\u0645\u0627\u0645\", badge: \"+180% \u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0631\u0648\u0639\"\r\n                },\r\n                {\r\n                    quote: \"\u201c\u0641\u0631\u064a\u0642 \u0623\u0633\u0628\u0627\u064a\u0631 \u064a\u0641\u0647\u0645 \u0627\u0644\u0633\u0648\u0642 \u0627\u0644\u0633\u0639\u0648\u062f\u064a \u062d\u0642\u0627\u064b. \u0646\u0647\u062c\u0647\u0645 \u0627\u0644\u062b\u0646\u0627\u0626\u064a \u0627\u0644\u0644\u063a\u0629 \u0641\u064a \u0627\u0644\u0633\u064a\u0648 \u0633\u0627\u0639\u062f\u0646\u0627 \u0641\u064a \u062c\u0630\u0628 \u0639\u0645\u0644\u0627\u0621 \u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0645\u0646 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649 \u0643\u0646\u0627 \u0646\u0641\u062a\u0642\u062f\u0647\u0645.\u201d\",\r\n                    name: \"\u062e\u0627\u0644\u062f \u0627\u0644\u0641\u064a\u0635\u0644\", role: \"\u0628\u0631\u0645\u062c\u064a\u0627\u062a B2B \u00b7 \u0627\u0644\u062e\u0628\u0631\", badge: \"+400% \u0639\u0645\u0644\u0627\u0621 B2B\"\r\n                },\r\n                {\r\n                    quote: \"\u201c\u0634\u0641\u0627\u0641\u064a\u0629\u060c \u0633\u0631\u0639\u0629\u060c \u0648\u0627\u0639\u062a\u0645\u0627\u062f \u0639\u0644\u0649 \u0627\u0644\u0646\u062a\u0627\u0626\u062c. \u0644\u0642\u062f \u062c\u062f\u062f\u0648\u0627 \u062a\u0648\u0627\u062c\u062f\u0646\u0627 \u0627\u0644\u0631\u0642\u0645\u064a \u0628\u0627\u0644\u0643\u0627\u0645\u0644 \u0648\u0643\u0627\u0646 \u0627\u0644\u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 \u0627\u0633\u062a\u062b\u0646\u0627\u0626\u064a\u0627\u064b \u0645\u0646\u0630 \u0627\u0644\u0634\u0647\u0631 \u0627\u0644\u062b\u0627\u0646\u064a.\u201d\",\r\n                    name: \"\u0641\u0627\u0637\u0645\u0629 \u0627\u0644\u0632\u0647\u0631\u0627\u0646\u064a\", role: \"\u0639\u0642\u0627\u0631\u0627\u062a \u00b7 \u0645\u0643\u0629\", badge: \"5 \u0623\u0636\u0639\u0627\u0641 \u0627\u0644\u0639\u0627\u0626\u062f\"\r\n                }\r\n            ]\r\n        }\r\n    };\r\n\r\n    const DOM = {\r\n        section: document.getElementById('wfd-testimonials-section'),\r\n        eyebrow: document.getElementById('testi-eyebrow'),\r\n        title: document.getElementById('testi-title'),\r\n        quote: document.getElementById('testi-quote'),\r\n        name: document.getElementById('testi-name'),\r\n        role: document.getElementById('testi-role'),\r\n        badge: document.getElementById('testi-badge'),\r\n        contentWrapper: document.getElementById('testi-content-wrapper'),\r\n        dotsContainer: document.getElementById('testi-dots-container')\r\n    };\r\n\r\n    let currentIndex = 0;\r\n    let autoPlayInterval;\r\n    let currentLang = 'en';\r\n\r\n    \/\/ Generate Dots\r\n    function initDots() {\r\n        DOM.dotsContainer.innerHTML = '';\r\n        for (let i = 0; i < 5; i++) {\r\n            const btn = document.createElement('button');\r\n            btn.setAttribute('aria-label', `Testimonial ${i + 1}`);\r\n            btn.className = `!h-2 !rounded-full !transition-all !cursor-pointer ${i === currentIndex ? '!w-8 !bg-primary' : '!w-2 !bg-border hover:!bg-primary\/50'}`;\r\n            btn.addEventListener('click', () => {\r\n                changeTestimonial(i);\r\n                resetAutoPlay();\r\n            });\r\n            DOM.dotsContainer.appendChild(btn);\r\n        }\r\n    }\r\n\r\n    function updateDots() {\r\n        const dots = DOM.dotsContainer.children;\r\n        for (let i = 0; i < dots.length; i++) {\r\n            if (i === currentIndex) {\r\n                dots[i].className = '!h-2 !rounded-full !transition-all !cursor-pointer !w-8 !bg-primary';\r\n            } else {\r\n                dots[i].className = '!h-2 !rounded-full !transition-all !cursor-pointer !w-2 !bg-border hover:!bg-primary\/50';\r\n            }\r\n        }\r\n    }\r\n\r\n    function changeTestimonial(index) {\r\n        currentIndex = index;\r\n        \r\n        \/\/ Fade out\r\n        DOM.contentWrapper.style.opacity = '0';\r\n        \r\n        setTimeout(() => {\r\n            \/\/ Update Text\r\n            const data = db[currentLang].items[currentIndex];\r\n            if(DOM.quote) DOM.quote.innerHTML = data.quote;\r\n            if(DOM.name) DOM.name.innerHTML = data.name;\r\n            if(DOM.role) DOM.role.innerHTML = data.role;\r\n            if(DOM.badge) DOM.badge.innerHTML = data.badge;\r\n            \r\n            updateDots();\r\n            \r\n            \/\/ Fade in\r\n            DOM.contentWrapper.style.opacity = '1';\r\n        }, 400); \/\/ match CSS transition duration\r\n    }\r\n\r\n    function applyLanguage(lang) {\r\n        currentLang = lang;\r\n        const data = db[currentLang];\r\n        if (!data) return;\r\n        \r\n        DOM.section.setAttribute('dir', data.dir);\r\n        if(DOM.eyebrow) DOM.eyebrow.innerHTML = data.eyebrow;\r\n        if(DOM.title) DOM.title.innerHTML = data.title;\r\n        \r\n        \/\/ Refresh current testimonial text without fading\r\n        const item = data.items[currentIndex];\r\n        if(DOM.quote) DOM.quote.innerHTML = item.quote;\r\n        if(DOM.name) DOM.name.innerHTML = item.name;\r\n        if(DOM.role) DOM.role.innerHTML = item.role;\r\n        if(DOM.badge) DOM.badge.innerHTML = item.badge;\r\n    }\r\n\r\n    function startAutoPlay() {\r\n        autoPlayInterval = setInterval(() => {\r\n            let nextIndex = (currentIndex + 1) % 5;\r\n            changeTestimonial(nextIndex);\r\n        }, 5000); \/\/ Changes every 5 seconds\r\n    }\r\n\r\n    function resetAutoPlay() {\r\n        clearInterval(autoPlayInterval);\r\n        startAutoPlay();\r\n    }\r\n\r\n    \/\/ Language Observer\r\n    const observer = new MutationObserver(() => {\r\n        const isRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n        applyLanguage(isRtl ? 'ar' : 'en');\r\n    });\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    \r\n    \/\/ Initial Setup\r\n    const initialIsRtl = document.documentElement.dir === 'rtl' || document.documentElement.lang.includes('ar');\r\n    currentLang = initialIsRtl ? 'ar' : 'en';\r\n    \r\n    initDots();\r\n    applyLanguage(currentLang);\r\n    startAutoPlay();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f15c5f e-con-full e-flex e-con e-parent\" data-id=\"7f15c5f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e616b80 elementor-widget elementor-widget-html\" data-id=\"e616b80\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    important: '#wfd-faq-section',\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          background: '#ffffff',\r\n          foreground: '#0f172a',\r\n          primary: '#2563eb',\r\n          'primary-dark': '#1e3a8a',\r\n          secondary: '#f8fafc',\r\n          border: '#e2e8f0',\r\n          card: '#ffffff',\r\n          'muted-foreground': '#64748b',\r\n        },\r\n        boxShadow: {\r\n          'soft': '0 4px 20px -2px rgba(15, 23, 42, 0.05)',\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<style>\r\n  \/* Base Scoping *\/\r\n  #wfd-faq-section {\r\n    --font-sans: \"Inter\", system-ui, -apple-system, sans-serif;\r\n    display: block;\r\n    width: 100%;\r\n    font-family: var(--font-sans) !important;\r\n    background-color: transparent; \/* Lets theme background flow naturally *\/\r\n    box-sizing: border-box;\r\n    overflow: hidden; \/* Prevents horizontal scroll issues on mobile *\/\r\n  }\r\n  \r\n  #wfd-faq-section * {\r\n    box-sizing: border-box !important;\r\n    font-family: inherit;\r\n  }\r\n\r\n  \/* Reset default Elementor\/Theme margins *\/\r\n  #wfd-faq-section p, \r\n  #wfd-faq-section h2, \r\n  #wfd-faq-section h3, \r\n  #wfd-faq-section ul {\r\n    margin: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  #wfd-faq-section button {\r\n    background: transparent;\r\n    border: none;\r\n    padding: 0;\r\n  }\r\n\r\n  \/* The magic 0fr to 1fr auto-height accordion trick *\/\r\n  #wfd-faq-section .grid-accordion {\r\n    display: grid;\r\n    grid-template-rows: 0fr;\r\n    transition: grid-template-rows 0.3s cubic-bezier(0.4, 0, 0.2, 1);\r\n  }\r\n  \r\n  #wfd-faq-section .grid-accordion.is-open {\r\n    grid-template-rows: 1fr;\r\n  }\r\n  \r\n  \/* CRITICAL FIX: The inner div must have min-height:0 for the grid animation to work across all browsers *\/\r\n  #wfd-faq-section .grid-accordion > div {\r\n    overflow: hidden;\r\n    min-height: 0; \r\n  }\r\n<\/style>\r\n\r\n<section id=\"wfd-faq-section\" class=\"py-12 sm:py-16 lg:py-24\" dir=\"ltr\">\r\n  <div class=\"mx-auto w-full max-w-4xl px-4 sm:px-6 lg:px-8\">\r\n    \r\n    <div class=\"mx-auto text-center max-w-3xl px-2 sm:px-0\">\r\n      <span class=\"inline-flex items-center gap-2 rounded-full border border-border bg-secondary px-3 py-1.5 text-xs font-semibold uppercase tracking-wider text-primary-dark shadow-sm\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"text-primary\"><path d=\"M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z\"><\/path><\/svg>\r\n        <span id=\"faq-badge\">FAQ<\/span>\r\n      <\/span>\r\n      <h2 id=\"faq-title\" class=\"mt-4 sm:mt-5 text-2xl sm:text-3xl md:text-4xl lg:text-[2.75rem] font-bold tracking-tight text-foreground leading-snug sm:leading-tight\">\r\n        Frequently asked questions\r\n      <\/h2>\r\n      <p id=\"faq-subtitle\" class=\"mt-3 sm:mt-4 text-sm sm:text-base md:text-lg text-muted-foreground leading-relaxed\">\r\n        Everything Saudi businesses ask before choosing a digital marketing partner.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div id=\"faq-card-wrapper\" class=\"mt-8 sm:mt-12 divide-y divide-border rounded-2xl border border-border bg-card shadow-soft w-full\">\r\n      <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n    const db = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            badge: \"FAQ\",\r\n            title: \"Frequently asked questions\",\r\n            subtitle: \"Everything Saudi businesses ask before choosing a digital marketing partner.\",\r\n            items: [\r\n                { q: \"How much does SEO cost in Saudi Arabia?\", a: \"Professional SEO services in Saudi Arabia typically range from SAR 1,000 per month, depending on the competition, number of target keywords and locations, and whether you require Local SEO, E-commerce SEO, or Enterprise SEO.<br><br>Aspire offers SEO packages starting from just <b>SAR 1,000 per month<\/b>, with transparent deliverables and a focus on measurable business growth.\" },\r\n                { q: \"How long does SEO take to show results in KSA?\", a: \"Generally, you will start seeing measurable improvements in organic impressions and keyword rankings within 3 to 6 months. High-competition national keywords or brand-new domains may take 6 to 12 months to achieve stable top-3 positions.\" },\r\n                { q: \"What is Local SEO?\", a: \"Local SEO optimizes your digital footprint to capture high-intent customers searching nearby in specific Saudi cities (e.g., 'best dental clinic in Riyadh'). It heavily focuses on ranking your Google Business Profile inside the top-3 Google Maps pack.\" },\r\n                { q: \"Why is Google Business Profile important?\", a: \"In Saudi Arabia, Google Maps is the single biggest driver of direct phone calls and foot traffic. An optimized profile ensures your business appears instantly with reviews, directions, and call buttons the moment a customer searches for your services locally.\" },\r\n                { q: \"How much should I spend on Google Ads in Saudi Arabia?\", a: \"We recommend a starting ad spend budget of SAR 5,000 to SAR 10,000 per month to gather accurate conversion data. Agency management fees are billed separately based on campaign size and technical complexity.\" },\r\n                { q: \"Do you work with businesses in Jeddah?\", a: \"Yes! While our strategic headquarters is in Riyadh, we manage end-to-end SEO, Paid Media, and digital dominance campaigns for enterprise and mid-market businesses across Jeddah, Dammam, Khobar, Makkah, and the wider GCC.\" },\r\n                { q: \"Do you provide Arabic marketing support?\", a: \"Absolutely. 100% of our Arabic keyword research, ad copywriting, and technical content creation is executed in-house by native Saudi and GCC digital strategists who understand local cultural nuances and regional search habits.\" },\r\n                { q: \"Do you provide monthly reporting?\", a: \"Yes. Every client gets a live, 24\/7 Looker Studio performance dashboard, accompanied by a monthly 1-on-1 video walkthrough with your dedicated Senior Account Strategist breaking down ROI, lead acquisition costs, and upcoming milestones.\" },\r\n                { q: \"How quickly can we start?\", a: \"Once the agreement is signed and access credentials are shared, our technical kickoff happens within 48 hours. Comprehensive site audits and foundational Google Ads tracking are deployed within the very first week.\" },\r\n                { q: \"Are you really a Google Partner?\", a: \"Yes, Aspire is an officially certified Google Partner Agency. Our media buyers hold advanced Google Search, Display, and Video certifications, strictly adhering to Google's highest performance and ad-spend optimization standards.\" },\r\n                { q: \"Do you offer a guarantee?\", a: \"No ethical SEO agency can guarantee specific Google rankings due to algorithmic volatility. However, we guarantee 100% white-hat execution, agreed-upon monthly output volumes, and absolute data transparency.\" },\r\n                { q: \"Can you manage both organic and paid together?\", a: \"Yes, this is our most lucrative client framework ('Total Search Dominance'). We utilize rapid Google Ads conversion data to identify your most profitable keywords, then aggressively target those exact terms via organic SEO.\" },\r\n                { q: \"Do you build websites too?\", a: \"We design and develop high-performance, SEO-primed websites and landing pages (WordPress, WooCommerce, Webflow, Shopify) engineered specifically to pass Google's Core Web Vitals and maximize lead conversion rates.\" },\r\n                { q: \"What industries do you specialise in?\", a: \"We possess deep sector expertise in Saudi Healthcare (Hospitals & Clinics), Real Estate, Legal practices, B2B SaaS, Automotive dealerships, Industrial manufacturing, and high-ticket E-commerce.\" },\r\n                { q: \"How is Aspire different from other agencies in KSA?\", a: \"Most agencies sell 'effort' (vague hours and generic blog posts). We sell 'outcomes' (pipeline revenue, lowered CPA, and top-3 map rankings). You communicate directly with seasoned marketing directors, never junior middlemen.\" },\r\n                { q: \"What happens after I request the free audit?\", a: \"A senior digital strategist will manually audit your website, inspect your top 3 local competitors, and record a personalized 10-minute video breakdown revealing your exact missed revenue gaps. Zero pushy sales calls.\" }\r\n            ]\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            badge: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0634\u0627\u0626\u0639\u0629\",\r\n            title: \"\u0627\u0644\u0623\u0633\u0626\u0644\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u062a\u0643\u0631\u0627\u0631\u0627\u064b\",\r\n            subtitle: \"\u0643\u0644 \u0645\u0627 \u062a\u0637\u0631\u062d\u0647 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0642\u0628\u0644 \u0627\u062e\u062a\u064a\u0627\u0631 \u0634\u0631\u064a\u0643 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0627\u0644\u0631\u0642\u0645\u064a.\",\r\n            items: [\r\n                { q: \"\u0643\u0645 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0633\u064a\u0648 (SEO) \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061f\", a: \"\u062a\u0628\u062f\u0623 \u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0648 (SEO) \u0627\u0644\u0627\u062d\u062a\u0631\u0627\u0641\u064a\u0629 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0639\u0627\u062f\u0629\u064b \u0645\u0646 1,000 \u0631\u064a\u0627\u0644 \u0634\u0647\u0631\u064a\u0627\u064b\u060c \u0648\u064a\u0639\u062a\u0645\u062f \u0630\u0644\u0643 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0646\u0627\u0641\u0633\u0629\u060c \u0639\u062f\u062f \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0648\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0645\u0633\u062a\u0647\u062f\u0641\u0629\u060c \u0648\u0645\u0627 \u0625\u0630\u0627 \u0643\u0646\u062a \u062a\u062d\u062a\u0627\u062c \u0625\u0644\u0649 \u0633\u064a\u0648 \u0645\u062d\u0644\u064a\u060c \u0633\u064a\u0648 \u0644\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629\u060c \u0623\u0648 \u0633\u064a\u0648 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0643\u0628\u0631\u0649.<br><br>\u062a\u0642\u062f\u0645 \u0623\u0633\u0628\u0627\u064a\u0631 \u0628\u0627\u0642\u0627\u062a \u0633\u064a\u0648 \u062a\u0628\u062f\u0623 \u0645\u0646 <b>1,000 \u0631\u064a\u0627\u0644 \u0634\u0647\u0631\u064a\u0627\u064b<\/b> \u0641\u0642\u0637\u060c \u0645\u0639 \u0645\u062e\u0631\u062c\u0627\u062a \u0648\u0627\u0636\u062d\u0629 \u0648\u062a\u0631\u0643\u064a\u0632 \u062a\u0627\u0645 \u0639\u0644\u0649 \u062a\u062d\u0642\u064a\u0642 \u0646\u0645\u0648 \u0645\u0644\u0645\u0648\u0633 \u0644\u0623\u0639\u0645\u0627\u0644\u0643.\" },\r\n                { q: \"\u0643\u0645 \u064a\u0633\u062a\u063a\u0631\u0642 \u0627\u0644\u0633\u064a\u0648 \u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0646\u062a\u0627\u0626\u062c \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u061f\", a: \"\u0628\u0634\u0643\u0644 \u0639\u0627\u0645\u060c \u0633\u062a\u0628\u062f\u0623 \u0641\u064a \u0645\u0644\u0627\u062d\u0638\u0629 \u062a\u062d\u0633\u0646 \u0645\u0644\u0645\u0648\u0633 \u0641\u064a \u0645\u0631\u0627\u062a \u0627\u0644\u0638\u0647\u0648\u0631 \u0627\u0644\u0639\u0636\u0648\u064a \u0648\u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u062e\u0644\u0627\u0644 3 \u0625\u0644\u0649 6 \u0623\u0634\u0647\u0631. \u0623\u0645\u0627 \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0627\u0644\u062a\u0646\u0627\u0641\u0633\u064a\u0629 \u0639\u0644\u0649 \u0645\u0633\u062a\u0648\u0649 \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0623\u0648 \u0627\u0644\u0646\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u062c\u062f\u064a\u062f\u0629 \u062a\u0645\u0627\u0645\u0627\u064b \u0641\u0642\u062f \u062a\u0633\u062a\u063a\u0631\u0642 \u0645\u0646 6 \u0625\u0644\u0649 12 \u0634\u0647\u0631\u0627\u064b \u0644\u0644\u0648\u0635\u0648\u0644 \u0625\u0644\u0649 \u0627\u0644\u0645\u0631\u0627\u0643\u0632 \u0627\u0644\u062b\u0644\u0627\u062b\u0629 \u0627\u0644\u0623\u0648\u0644\u0649 \u0628\u062b\u0628\u0627\u062a.\" },\r\n                { q: \"\u0645\u0627 \u0647\u0648 \u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a (Local SEO)\u061f\", a: \"\u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a \u0647\u0648 \u062a\u0647\u064a\u0626\u0629 \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0644\u0644\u0638\u0647\u0648\u0631 \u0623\u0645\u0627\u0645 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0630\u064a\u0646 \u064a\u0628\u062d\u062b\u0648\u0646 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a \u0642\u0631\u064a\u0628\u0629 \u0641\u064a \u0645\u062f\u0646 \u0633\u0639\u0648\u062f\u064a\u0629 \u0645\u0639\u064a\u0646\u0629 (\u0645\u062b\u0644: '\u0623\u0641\u0636\u0644 \u0639\u064a\u0627\u062f\u0629 \u0623\u0633\u0646\u0627\u0646 \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636'). \u064a\u0631\u0643\u0632 \u0628\u0634\u0643\u0644 \u0645\u0643\u062b\u0641 \u0639\u0644\u0649 \u062a\u0635\u062f\u0631 \u0645\u0644\u0641\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0641\u064a \u062d\u0632\u0645\u0629 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644 \u0627\u0644\u062b\u0644\u0627\u062b\u064a\u0629 (Google Maps Pack).\" },\r\n                { q: \"\u0644\u0645\u0627\u0630\u0627 \u064a\u0639\u062f \u0645\u0644\u0641 \u062c\u0648\u062c\u0644 \u0627\u0644\u062a\u062c\u0627\u0631\u064a (GBP) \u0645\u0647\u0645\u0627\u064b\u061f\", a: \"\u062a\u0639\u062a\u0628\u0631 \u062e\u0631\u0627\u0626\u0637 \u062c\u0648\u062c\u0644 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u0627\u0644\u0645\u062d\u0631\u0643 \u0627\u0644\u0623\u0648\u0644 \u0644\u0644\u0645\u0643\u0627\u0644\u0645\u0627\u062a \u0627\u0644\u0647\u0627\u062a\u0641\u064a\u0629 \u0627\u0644\u0645\u0628\u0627\u0634\u0631\u0629 \u0648\u0632\u064a\u0627\u0631\u0627\u062a \u0627\u0644\u0641\u0631\u0648\u0639. \u064a\u0636\u0645\u0646 \u0627\u0644\u0645\u0644\u0641 \u0627\u0644\u0645\u062d\u0633\u0651\u0646 \u0638\u0647\u0648\u0631\u0643 \u0641\u0648\u0631\u0627\u064b \u0645\u0639 \u0627\u0644\u062a\u0642\u064a\u064a\u0645\u0627\u062a\u060c \u0627\u0644\u0627\u062a\u062c\u0627\u0647\u0627\u062a\u060c \u0648\u0632\u0631 \u0627\u0644\u0627\u062a\u0635\u0627\u0644 \u0641\u064a \u0627\u0644\u0644\u062d\u0638\u0629 \u0627\u0644\u062a\u064a \u064a\u0628\u062d\u062b \u0641\u064a\u0647\u0627 \u0627\u0644\u0639\u0645\u064a\u0644 \u0639\u0646 \u062e\u062f\u0645\u0627\u062a\u0643 \u0641\u064a \u0645\u0646\u0637\u0642\u062a\u0647.\" },\r\n                { q: \"\u0643\u0645 \u064a\u062c\u0628 \u0623\u0646 \u0623\u0646\u0641\u0642 \u0639\u0644\u0649 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644 \u0641\u064a \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061f\", a: \"\u0646\u0648\u0635\u064a \u0628\u0627\u0644\u0628\u062f\u0621 \u0628\u0645\u064a\u0632\u0627\u0646\u064a\u0629 \u0625\u0646\u0641\u0627\u0642 \u0625\u0639\u0644\u0627\u0646\u064a \u062a\u062a\u0631\u0627\u0648\u062d \u0628\u064a\u0646 5,000 \u0625\u0644\u0649 10,000 \u0631\u064a\u0627\u0644 \u0634\u0647\u0631\u064a\u0627\u064b \u0643\u062d\u062f \u0623\u062f\u0646\u0649 \u0644\u062c\u0645\u0639 \u0628\u064a\u0627\u0646\u0627\u062a \u062a\u062d\u0648\u064a\u0644 \u062f\u0642\u064a\u0642\u0629. \u064a\u062a\u0645 \u0641\u0648\u062a\u0631\u0629 \u0631\u0633\u0648\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0648\u0643\u0627\u0644\u0629 \u0628\u0634\u0643\u0644 \u0645\u0646\u0641\u0635\u0644 \u0628\u0646\u0627\u0621\u064b \u0639\u0644\u0649 \u062d\u062c\u0645 \u0627\u0644\u062d\u0645\u0644\u0627\u062a \u0648\u062a\u0639\u0642\u064a\u062f\u0647\u0627 \u0627\u0644\u062a\u0642\u0646\u064a.\" },\r\n                { q: \"\u0647\u0644 \u062a\u0639\u0645\u0644\u0648\u0646 \u0645\u0639 \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0641\u064a \u062c\u062f\u0629\u061f\", a: \"\u0646\u0639\u0645 \u0628\u0643\u0644 \u062a\u0623\u0643\u064a\u062f! \u0631\u063a\u0645 \u0623\u0646 \u0645\u0642\u0631\u0646\u0627 \u0627\u0644\u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a \u0641\u064a \u0627\u0644\u0631\u064a\u0627\u0636\u060c \u0625\u0644\u0627 \u0623\u0646\u0646\u0627 \u0646\u062f\u064a\u0631 \u062d\u0645\u0644\u0627\u062a \u0627\u0644\u0633\u064a\u0648\u060c \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629\u060c \u0648\u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0644\u0644\u0634\u0631\u0643\u0627\u062a \u0627\u0644\u0645\u062a\u0648\u0633\u0637\u0629 \u0648\u0627\u0644\u0643\u0628\u0631\u0649 \u0641\u064a \u062c\u062f\u0629\u060c \u0627\u0644\u062f\u0645\u0627\u0645\u060c \u0627\u0644\u062e\u0628\u0631\u060c \u0645\u0643\u0629 \u0627\u0644\u0645\u0643\u0631\u0645\u0629\u060c \u0648\u0643\u0627\u0641\u0629 \u062f\u0648\u0644 \u0627\u0644\u062e\u0644\u064a\u062c.\" },\r\n                { q: \"\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062f\u0639\u0645 \u0627\u0644\u062a\u0633\u0648\u064a\u0642 \u0628\u0627\u0644\u0644\u063a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u061f\", a: \"\u0628\u0627\u0644\u062a\u0623\u0643\u064a\u062f. 100% \u0645\u0646 \u0623\u0628\u062d\u0627\u062b \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629\u060c \u0635\u064a\u0627\u063a\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a\u060c \u0648\u0643\u062a\u0627\u0628\u0629 \u0627\u0644\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062a\u0642\u0646\u064a \u062a\u062a\u0645 \u062f\u0627\u062e\u0644\u064a\u0627\u064b \u0628\u0648\u0627\u0633\u0637\u0629 \u062e\u0628\u0631\u0627\u0621 \u0633\u0639\u0648\u062f\u064a\u064a\u0646 \u0648\u062e\u0644\u064a\u062c\u064a\u064a\u0646 \u064a\u0641\u0647\u0645\u0648\u0646 \u062a\u0645\u0627\u0645\u0627\u064b \u0627\u0644\u0641\u0631\u0648\u0642 \u0627\u0644\u062b\u0642\u0627\u0641\u064a\u0629 \u0648\u0627\u0644\u0644\u0647\u062c\u0627\u062a \u0627\u0644\u0645\u062d\u0644\u064a\u0629 \u0648\u0639\u0627\u062f\u0627\u062a \u0627\u0644\u0628\u062d\u062b.\" },\r\n                { q: \"\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u062a\u0642\u0627\u0631\u064a\u0631 \u0634\u0647\u0631\u064a\u0629\u061f\", a: \"\u0646\u0639\u0645. \u064a\u062d\u0635\u0644 \u0643\u0644 \u0639\u0645\u064a\u0644 \u0639\u0644\u0649 \u0644\u0648\u062d\u0629 \u062a\u062d\u0643\u0645 \u062a\u0641\u0627\u0639\u0644\u064a\u0629 \u0639\u0628\u0631 Looker Studio \u062a\u0639\u0645\u0644 \u0639\u0644\u0649 \u0645\u062f\u0627\u0631 \u0627\u0644\u0633\u0627\u0639\u0629\u060c \u0628\u0627\u0644\u0625\u0636\u0627\u0641\u0629 \u0625\u0644\u0649 \u0627\u062c\u062a\u0645\u0627\u0639 \u0641\u064a\u062f\u064a\u0648 \u0634\u0647\u0631\u064a \u0645\u0639 \u0645\u062f\u064a\u0631 \u062d\u0633\u0627\u0628\u0643 \u0627\u0644\u0645\u062e\u0635\u0635 \u0644\u0634\u0631\u062d \u0627\u0644\u0639\u0627\u0626\u062f \u0639\u0644\u0649 \u0627\u0644\u0627\u0633\u062a\u062b\u0645\u0627\u0631 (ROI)\u060c \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0627\u0633\u062a\u062d\u0648\u0627\u0630\u060c \u0648\u0627\u0644\u062e\u0637\u0648\u0627\u062a \u0627\u0644\u0642\u0627\u062f\u0645\u0629.\" },\r\n                { q: \"\u0645\u0627 \u0647\u064a \u0633\u0631\u0639\u0629 \u0627\u0644\u0628\u062f\u0621 \u0641\u064a \u0627\u0644\u0639\u0645\u0644\u061f\", a: \"\u0628\u0645\u062c\u0631\u062f \u062a\u0648\u0642\u064a\u0639 \u0627\u0644\u0627\u062a\u0641\u0627\u0642\u064a\u0629 \u0648\u0645\u0634\u0627\u0631\u0643\u0629 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062f\u062e\u0648\u0644\u060c \u064a\u062a\u0645 \u0639\u0642\u062f \u0627\u0644\u0627\u062c\u062a\u0645\u0627\u0639 \u0627\u0644\u0641\u0646\u064a \u0627\u0644\u0641\u0646\u064a \u062e\u0644\u0627\u0644 48 \u0633\u0627\u0639\u0629. \u0643\u0645\u0627 \u064a\u062a\u0645 \u0625\u062c\u0631\u0627\u0621 \u0639\u0645\u0644\u064a\u0627\u062a \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0634\u0627\u0645\u0644 \u0644\u0644\u0645\u0648\u0642\u0639 \u0648\u0625\u0639\u062f\u0627\u062f \u062a\u062a\u0628\u0639 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644 \u0641\u064a \u063a\u0636\u0648\u0646 \u0627\u0644\u0623\u0633\u0628\u0648\u0639 \u0627\u0644\u0623\u0648\u0644.\" },\r\n                { q: \"\u0647\u0644 \u0623\u0646\u062a\u0645 \u062d\u0642\u0627\u064b \u0634\u0631\u064a\u0643 \u0645\u0639\u062a\u0645\u062f \u0645\u0646 \u062c\u0648\u062c\u0644\u061f\", a: \"\u0646\u0639\u0645\u060c \u0623\u0633\u0628\u0627\u064a\u0631 \u0647\u064a \u0648\u0643\u0627\u0644\u0629 \u0634\u0631\u064a\u0643\u0629 \u0645\u0639\u062a\u0645\u062f\u0629 \u0631\u0633\u0645\u064a\u0627\u064b \u0645\u0646 \u062c\u0648\u062c\u0644 (Google Partner). \u064a\u062d\u0645\u0644 \u0641\u0631\u064a\u0642\u0646\u0627 \u0634\u0647\u0627\u062f\u0627\u062a \u0645\u062a\u0642\u062f\u0645\u0629 \u0641\u064a \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0634\u0628\u0643\u0629 \u0627\u0644\u0628\u062d\u062b\u060c \u0627\u0644\u0634\u0628\u0643\u0629 \u0627\u0644\u0625\u0639\u0644\u0627\u0646\u064a\u0629\u060c \u0648\u0627\u0644\u0641\u064a\u062f\u064a\u0648\u060c \u0648\u064a\u0644\u062a\u0632\u0645 \u0628\u0623\u0639\u0644\u0649 \u0645\u0639\u0627\u064a\u064a\u0631 \u062a\u062d\u0633\u064a\u0646 \u0627\u0644\u0623\u062f\u0627\u0621.\" },\r\n                { q: \"\u0647\u0644 \u062a\u0642\u062f\u0645\u0648\u0646 \u0636\u0645\u0627\u0646\u0627\u062a \u0644\u0644\u0646\u062a\u0627\u0626\u062c\u061f\", a: \"\u0644\u0627 \u062a\u0648\u062c\u062f \u0648\u0643\u0627\u0644\u0629 \u0633\u064a\u0648 \u062a\u062d\u062a\u0631\u0645 \u0645\u0647\u0646\u062a\u0647\u0627 \u064a\u0645\u0643\u0646\u0647\u0627 \u0636\u0645\u0627\u0646 \u062a\u0635\u0646\u064a\u0641\u0627\u062a \u0645\u0639\u064a\u0646\u0629 \u0641\u064a \u062c\u0648\u062c\u0644 \u0628\u0633\u0628\u0628 \u062a\u0642\u0644\u0628\u0627\u062a \u0627\u0644\u062e\u0648\u0627\u0631\u0632\u0645\u064a\u0629. \u0648\u0645\u0639 \u0630\u0644\u0643\u060c \u0646\u062d\u0646 \u0646\u0636\u0645\u0646 \u0627\u0644\u0639\u0645\u0644 \u0628\u0623\u0633\u0627\u0644\u064a\u0628 \u0634\u0631\u0639\u064a\u0629 (White-hat) 100%\u060c \u0648\u062a\u0633\u0644\u064a\u0645 \u062d\u062c\u0645 \u0627\u0644\u0645\u062e\u0631\u062c\u0627\u062a \u0627\u0644\u0645\u062a\u0641\u0642 \u0639\u0644\u064a\u0647\u0627\u060c \u0648\u0627\u0644\u0634\u0641\u0627\u0641\u064a\u0629 \u0627\u0644\u0645\u0637\u0644\u0642\u0629.\" },\r\n                { q: \"\u0647\u0644 \u064a\u0645\u0643\u0646\u0643\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0633\u064a\u0648 \u0648\u0627\u0644\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u062f\u0641\u0648\u0639\u0629 \u0645\u0639\u0627\u064b\u061f\", a: \"\u0646\u0639\u0645\u060c \u0647\u0630\u0627 \u0647\u0648 \u0627\u0644\u0646\u0645\u0648\u0630\u062c \u0627\u0644\u0623\u0643\u062b\u0631 \u0646\u062c\u0627\u062d\u0627\u064b \u0644\u0639\u0645\u0644\u0627\u0626\u0646\u0627 ('\u0627\u0644\u0633\u064a\u0637\u0631\u0629 \u0627\u0644\u0634\u0627\u0645\u0644\u0629 \u0639\u0644\u0649 \u0627\u0644\u0628\u062d\u062b'). \u0646\u0633\u062a\u062e\u062f\u0645 \u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0633\u0631\u064a\u0639\u0629 \u0645\u0646 \u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644 \u0644\u062a\u062d\u062f\u064a\u062f \u0627\u0644\u0643\u0644\u0645\u0627\u062a \u0627\u0644\u0645\u0641\u062a\u0627\u062d\u064a\u0629 \u0627\u0644\u0623\u0643\u062b\u0631 \u0631\u0628\u062d\u064a\u0629\u060c \u062b\u0645 \u0646\u0633\u062a\u0647\u062f\u0641\u0647\u0627 \u0628\u0642\u0648\u0629 \u0639\u0628\u0631 \u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062c\u0627\u0646\u064a.\" },\r\n                { q: \"\u0647\u0644 \u062a\u0642\u0648\u0645\u0648\u0646 \u0628\u0625\u0646\u0634\u0627\u0621 \u0648\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0623\u064a\u0636\u0627\u064b\u061f\", a: \"\u0646\u062d\u0646 \u0646\u0635\u0645\u0645 \u0648\u0646\u0637\u0648\u0631 \u0645\u0648\u0627\u0642\u0639 \u0648\u0635\u0641\u062d\u0627\u062a \u0647\u0628\u0648\u0637 \u0633\u0631\u064a\u0639\u0629 \u0648\u0645\u0647\u064a\u0623\u0629 \u0644\u0644\u0633\u064a\u0648 (\u0648\u0648\u0631\u062f\u0628\u0631\u064a\u0633\u060c \u0648\u0648\u0643\u0648\u0645\u0631\u0633\u060c \u0634\u0648\u0628\u064a\u0641\u0627\u064a\u060c \u0648\u064a\u0628\u0641\u0644\u0648) \u0645\u0635\u0645\u0645\u0629 \u062e\u0635\u064a\u0635\u0627\u064b \u0644\u0627\u062c\u062a\u064a\u0627\u0632 \u0645\u0639\u0627\u064a\u064a\u0631 Core Web Vitals \u0645\u0646 \u062c\u0648\u062c\u0644 \u0648\u0645\u0636\u0627\u0639\u0641\u0629 \u0645\u0639\u062f\u0644\u0627\u062a \u062a\u062d\u0648\u064a\u0644 \u0627\u0644\u0639\u0645\u0644\u0627\u0621.\" },\r\n                { q: \"\u0645\u0627 \u0647\u064a \u0627\u0644\u0642\u0627\u0639\u0627\u062a \u0627\u0644\u062a\u064a \u062a\u062a\u062e\u0635\u0635\u0648\u0646 \u0641\u064a\u0647\u0627\u061f\", a: \"\u0646\u0645\u062a\u0644\u0643 \u062e\u0628\u0631\u0629 \u0639\u0645\u064a\u0642\u0629 \u0641\u064a \u0642\u0637\u0627\u0639\u0627\u062a \u0627\u0644\u0631\u0639\u0627\u064a\u0629 \u0627\u0644\u0635\u062d\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 (\u0627\u0644\u0645\u0633\u062a\u0634\u0641\u064a\u0627\u062a \u0648\u0627\u0644\u0639\u064a\u0627\u062f\u0627\u062a)\u060c \u0627\u0644\u0639\u0642\u0627\u0631\u0627\u062a\u060c \u0645\u0643\u0627\u062a\u0628 \u0627\u0644\u0645\u062d\u0627\u0645\u0627\u0629\u060c \u0628\u0631\u0645\u062c\u064a\u0627\u062a B2B\u060c \u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u0633\u064a\u0627\u0631\u0627\u062a\u060c \u0627\u0644\u0645\u0635\u0627\u0646\u0639\u060c \u0648\u0627\u0644\u0645\u062a\u0627\u062c\u0631 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629 \u0627\u0644\u0643\u0628\u0631\u0649.\" },\r\n                { q: \"\u0645\u0627 \u0627\u0644\u0630\u064a \u064a\u0645\u064a\u0632 \u0623\u0633\u0628\u0627\u064a\u0631 \u0639\u0646 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u0627\u0644\u0623\u062e\u0631\u0649 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629\u061f\", a: \"\u0645\u0639\u0638\u0645 \u0627\u0644\u0648\u0643\u0627\u0644\u0627\u062a \u062a\u0628\u064a\u0639\u0643 '\u0627\u0644\u0645\u062c\u0647\u0648\u062f' (\u0633\u0627\u0639\u0627\u062a \u0639\u0645\u0644 \u063a\u0627\u0645\u0636\u0629 \u0648\u0645\u0642\u0627\u0644\u0627\u062a \u0639\u0627\u0645\u0629). \u0646\u062d\u0646 \u0646\u0628\u064a\u0639 '\u0627\u0644\u0646\u062a\u0627\u0626\u062c' (\u0625\u064a\u0631\u0627\u062f\u0627\u062a \u062d\u0642\u064a\u0642\u064a\u0629\u060c \u062e\u0641\u0636 \u062a\u0643\u0644\u0641\u0629 \u0627\u0644\u0639\u0645\u064a\u0644\u060c \u0648\u062a\u0635\u062f\u0631 \u0627\u0644\u062e\u0631\u0627\u0626\u0637). \u0623\u0646\u062a \u062a\u062a\u0639\u0627\u0645\u0644 \u0645\u0628\u0627\u0634\u0631\u0629 \u0645\u0639 \u062e\u0628\u0631\u0627\u0621 \u0645\u062a\u0645\u0631\u0633\u064a\u0646\u060c \u0648\u0644\u064a\u0633 \u0648\u0633\u0637\u0627\u0621 \u0645\u0628\u062a\u062f\u0626\u064a\u0646.\" },\r\n                { q: \"\u0645\u0627\u0630\u0627 \u064a\u062d\u062f\u062b \u0628\u0639\u062f \u0623\u0646 \u0623\u0637\u0644\u0628 \u0627\u0644\u062a\u062f\u0642\u064a\u0642 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u061f\", a: \"\u064a\u0642\u0648\u0645 \u062e\u0628\u064a\u0631 \u0633\u064a\u0648 \u0628\u0645\u0631\u0627\u062c\u0639\u0629 \u0645\u0648\u0642\u0639\u0643 \u064a\u062f\u0648\u064a\u0627\u064b\u060c \u0648\u0641\u062d\u0635 \u0623\u0647\u0645 3 \u0645\u0646\u0627\u0641\u0633\u064a\u0646 \u0644\u0643\u060c \u0648\u062a\u0633\u062c\u064a\u0644 \u0641\u064a\u062f\u064a\u0648 \u0645\u062e\u0635\u0635 \u0645\u062f\u062a\u0647 10 \u062f\u0642\u0627\u0626\u0642 \u064a\u0643\u0634\u0641 \u0644\u0643 \u0628\u0627\u0644\u0636\u0628\u0637 \u0639\u0646 \u0627\u0644\u062b\u063a\u0631\u0627\u062a \u0648\u0627\u0644\u0623\u0631\u0628\u0627\u062d \u0627\u0644\u0636\u0627\u0626\u0639\u0629 \u0639\u0644\u0649 \u0645\u0648\u0642\u0639\u0643. \u062f\u0648\u0646 \u0623\u064a \u0625\u0644\u062d\u0627\u062d \u0623\u0648 \u0636\u063a\u0637 \u0628\u064a\u0639\u064a.\" }\r\n            ]\r\n        }\r\n    };\r\n\r\n    const DOM = {\r\n        section: document.getElementById('wfd-faq-section'),\r\n        badge: document.getElementById('faq-badge'),\r\n        title: document.getElementById('faq-title'),\r\n        subtitle: document.getElementById('faq-subtitle'),\r\n        wrapper: document.getElementById('faq-card-wrapper')\r\n    };\r\n\r\n    let currentLang = 'en';\r\n    let openIndex = 0; \/\/ Index 0 open by default\r\n\r\n    \/\/ Detect language using standard WP\/TranslatePress attributes\r\n    function detectLang() {\r\n        const docLang = (document.documentElement.lang || '').toLowerCase();\r\n        const isArabic = document.documentElement.dir === 'rtl' || \r\n                         docLang.startsWith('ar') || \r\n                         document.body.classList.contains('translatepress-ar');\r\n        return isArabic ? 'ar' : 'en';\r\n    }\r\n\r\n    \/\/ Render the FAQ list based on current language\r\n    function renderFAQs() {\r\n        DOM.wrapper.innerHTML = '';\r\n        const data = db[currentLang].items;\r\n\r\n        data.forEach((item, idx) => {\r\n            const isOpen = openIndex === idx;\r\n            const faqItem = document.createElement('div');\r\n            faqItem.className = 'border-b last:border-b-0 px-4 sm:px-6'; \r\n            \r\n            \/\/ FIX: Removed flex from h3, added whitespace-normal & break-words to span, changed button to items-start\r\n            faqItem.innerHTML = `\r\n                <h3 class=\"m-0 w-full\">\r\n                    <button type=\"button\" aria-expanded=\"${isOpen}\" class=\"faq-btn flex w-full items-start justify-between py-4 sm:py-5 cursor-pointer transition-colors hover:text-primary text-foreground text-start text-sm sm:text-base md:text-lg font-semibold outline-none gap-4\">\r\n                        <span class=\"flex-1 whitespace-normal break-words leading-snug pe-2\">${item.q}<\/span>\r\n                        <span class=\"shrink-0 mt-0.5 flex items-center justify-center\">\r\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"chevron text-muted-foreground transition-transform duration-300 ${isOpen ? 'rotate-180 text-primary' : ''}\"><path d=\"m6 9 6 6 6-6\"><\/path><\/svg>\r\n                        <\/span>\r\n                    <\/button>\r\n                <\/h3>\r\n                <div class=\"grid-accordion ${isOpen ? 'is-open' : ''}\">\r\n                    <div>\r\n                        <div class=\"pb-5 sm:pb-6 pt-1 text-sm sm:text-base text-muted-foreground leading-relaxed pe-0 sm:pe-8\">\r\n                            ${item.a}\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            `;\r\n\r\n            const btn = faqItem.querySelector('.faq-btn');\r\n            const accordion = faqItem.querySelector('.grid-accordion');\r\n            const chevron = faqItem.querySelector('.chevron');\r\n\r\n            btn.addEventListener('click', () => {\r\n                const wasOpen = accordion.classList.contains('is-open');\r\n                \r\n                \/\/ Close all currently open accordions\r\n                DOM.wrapper.querySelectorAll('.grid-accordion').forEach(el => el.classList.remove('is-open'));\r\n                DOM.wrapper.querySelectorAll('.faq-btn').forEach(el => el.setAttribute('aria-expanded', 'false'));\r\n                DOM.wrapper.querySelectorAll('.chevron').forEach(el => {\r\n                    el.classList.remove('rotate-180', 'text-primary');\r\n                });\r\n\r\n                if (!wasOpen) {\r\n                    \/\/ Open the clicked accordion\r\n                    accordion.classList.add('is-open');\r\n                    btn.setAttribute('aria-expanded', 'true');\r\n                    chevron.classList.add('rotate-180', 'text-primary');\r\n                    openIndex = idx;\r\n\r\n                    \/\/ Ensure it remains in view smoothly\r\n                    setTimeout(() => {\r\n                        const rect = faqItem.getBoundingClientRect();\r\n                        if (rect.bottom > (window.innerHeight || document.documentElement.clientHeight)) {\r\n                            faqItem.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\r\n                        }\r\n                    }, 300);\r\n                } else {\r\n                    openIndex = -1; \/\/ Deselect if closing the currently open one\r\n                }\r\n            });\r\n\r\n            DOM.wrapper.appendChild(faqItem);\r\n        });\r\n    }\r\n\r\n    \/\/ Sync language state\r\n    function syncLanguage() {\r\n        const detected = detectLang();\r\n        if (currentLang === detected && DOM.wrapper.children.length > 0) return;\r\n\r\n        currentLang = detected;\r\n        \r\n        \/\/ Update container direction securely\r\n        DOM.section.setAttribute('dir', db[currentLang].dir);\r\n        \r\n        \/\/ Update Headers\r\n        DOM.badge.innerText = db[currentLang].badge;\r\n        DOM.title.innerText = db[currentLang].title;\r\n        DOM.subtitle.innerText = db[currentLang].subtitle;\r\n        \r\n        renderFAQs();\r\n    }\r\n\r\n    \/\/ Connect dual mutation observers for dynamic WP \/ TranslatePress changes\r\n    const observer = new MutationObserver(syncLanguage);\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n\r\n    \/\/ Initial trigger\r\n    syncLanguage();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1161027 e-con-full e-flex e-con e-parent\" data-id=\"1161027\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d8b29ce elementor-widget elementor-widget-html\" data-id=\"d8b29ce\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n\r\n<style>\r\n  #wfd-consult-section {\r\n    --font-sans: \"Inter\", system-ui, -apple-system, sans-serif;\r\n    font-family: var(--font-sans) !important;\r\n  }\r\n  #wfd-consult-section * {\r\n    box-sizing: border-box !important;\r\n    font-family: inherit !important;\r\n  }\r\n<\/style>\r\n\r\n<section id=\"wfd-consult-section\" class=\"relative overflow-hidden bg-gradient-to-r from-[#2c3ea8] via-[#6a7bf2] to-[#eeb5ff] py-16 sm:py-24 text-white\" dir=\"ltr\">\r\n  <div class=\"mx-auto max-w-4xl px-4 text-center sm:px-6 lg:px-8 relative z-10\">\r\n    \r\n    <h2 id=\"consult-title\" class=\"text-2xl sm:text-4xl md:text-5xl font-bold tracking-tight leading-tight\">\r\n      Ready to grow your business in Saudi Arabia?\r\n    <\/h2>\r\n    \r\n    <p id=\"consult-subtitle\" class=\"mx-auto mt-4 sm:mt-5 max-w-2xl text-sm sm:text-lg text-white\/90 leading-relaxed\">\r\n      Book a free consultation and discover how Aspire Digital Solutions can generate more leads and revenue for your business.\r\n    <\/p>\r\n    \r\n    <div class=\"mt-8 flex flex-col sm:flex-row flex-wrap justify-center items-stretch sm:items-center gap-3 sm:gap-4\">\r\n      \r\n      <a href=\"#audit\" class=\"inline-flex w-full sm:w-auto items-center justify-center gap-2 font-semibold transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\/50 bg-white text-[#2c3ea8] shadow-lg hover:bg-white\/90 hover:scale-[1.02] min-h-[56px] py-3.5 px-6 sm:px-8 rounded-xl text-sm sm:text-base text-center leading-snug\">\r\n        <span id=\"consult-btn-1\">Get My Free Strategy Session<\/span>\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 transition-transform rtl:rotate-180\" aria-hidden=\"true\"><path d=\"M5 12h14\"><\/path><path d=\"m12 5 7 7-7 7\"><\/path><\/svg>\r\n      <\/a>\r\n\r\n      <a id=\"consult-wa-link\" href=\"https:\/\/wa.me\/966574306441?text=Hi%20Aspire%20%E2%80%94%20I&#039;d%20like%20a%20Free%20Marketing%20Audit%20for%20my%20business%20in%20Saudi%20Arabia.\" target=\"_blank\" rel=\"noopener\" class=\"inline-flex w-full sm:w-auto items-center justify-center gap-2 font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white\/50 border border-white\/30 bg-white\/10 text-white backdrop-blur-md hover:bg-white\/20 hover:border-white\/50 min-h-[56px] py-3.5 px-6 sm:px-8 rounded-xl text-sm sm:text-base text-center leading-snug\">\r\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 text-[#25D366]\" aria-hidden=\"true\"><path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"><\/path><\/svg> \r\n        <span id=\"consult-btn-2\">Chat on WhatsApp<\/span>\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n    <p id=\"consult-footer\" class=\"mt-6 text-xs sm:text-sm font-medium text-white\/80\">\r\n      \u26a1 Average response time: 1\u20132 hours \u00b7 \ud83c\uddf8\ud83c\udde6 English & Arabic teams\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n    \/\/ PROPERLY SET: Saudi Number locked in JS\r\n    const waNumber = \"966574306441\";\r\n\r\n    const db = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            title: \"Ready to grow your business in Saudi Arabia?\",\r\n            subtitle: \"Book a free consultation and discover how Aspire Digital Solutions can generate more leads and revenue for your business.\",\r\n            btn1: \"Get My Free Strategy Session\",\r\n            btn2: \"Chat on WhatsApp\",\r\n            waMsg: \"Hi Aspire \u2014 I'd like a Free Marketing Audit for my business in Saudi Arabia.\",\r\n            footer: \"\u26a1 Average response time: 1\u20132 hours \u00b7 \ud83c\uddf8\ud83c\udde6 English & Arabic teams\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            title: \"\u062c\u0627\u0647\u0632 \u0644\u062a\u0646\u0645\u064a\u0629 \u0639\u0645\u0644\u0643 \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\u061f\",\r\n            subtitle: \"\u0627\u062d\u062c\u0632 \u0627\u0633\u062a\u0634\u0627\u0631\u062a\u0643 \u0627\u0644\u0645\u062c\u0627\u0646\u064a\u0629 \u0648\u0627\u0643\u062a\u0634\u0641 \u0643\u064a\u0641 \u064a\u0645\u0643\u0646 \u0644\u0640 \u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u062c\u0630\u0628 \u0627\u0644\u0645\u0632\u064a\u062f \u0645\u0646 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646 \u0648\u0632\u064a\u0627\u062f\u0629 \u0625\u064a\u0631\u0627\u062f\u0627\u062a \u0646\u0634\u0627\u0637\u0643 \u0627\u0644\u062a\u062c\u0627\u0631\u064a.\",\r\n            btn1: \"\u0627\u062d\u0635\u0644 \u0639\u0644\u0649 \u062c\u0644\u0633\u0629 \u0627\u0633\u062a\u0631\u0627\u062a\u064a\u062c\u064a\u0629 \u0645\u062c\u0627\u0646\u064a\u0629\",\r\n            btn2: \"\u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\",\r\n            waMsg: \"\u0645\u0631\u062d\u0628\u0627\u064b \u0623\u0633\u0628\u0627\u064a\u0631 \u2014 \u0623\u0648\u062f \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u062f\u0642\u064a\u0642 \u062a\u0633\u0648\u064a\u0642\u064a \u0645\u062c\u0627\u0646\u064a \u0644\u0646\u0634\u0627\u0637\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\",\r\n            footer: \"\u26a1 \u0645\u062a\u0648\u0633\u0637 \u0648\u0642\u062a \u0627\u0644\u0631\u062f: 1\u20132 \u0633\u0627\u0639\u0629 \u00b7 \ud83c\uddf8\ud83c\udde6 \u0641\u0631\u0642 \u062a\u062a\u062d\u062f\u062b \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0648\u0627\u0644\u0625\u0646\u062c\u0644\u064a\u0632\u064a\u0629\"\r\n        }\r\n    };\r\n\r\n    const DOM = {\r\n        section: document.getElementById('wfd-consult-section'),\r\n        title: document.getElementById('consult-title'),\r\n        subtitle: document.getElementById('consult-subtitle'),\r\n        btn1: document.getElementById('consult-btn-1'),\r\n        btn2: document.getElementById('consult-btn-2'),\r\n        waLink: document.getElementById('consult-wa-link'),\r\n        footer: document.getElementById('consult-footer')\r\n    };\r\n\r\n    let currentLang = 'en';\r\n\r\n    function detectLang() {\r\n        const docLang = (document.documentElement.lang || '').toLowerCase();\r\n        const isArabic = document.documentElement.dir === 'rtl' || \r\n                         docLang.startsWith('ar') || \r\n                         document.body.classList.contains('translatepress-ar');\r\n        return isArabic ? 'ar' : 'en';\r\n    }\r\n\r\n    function syncLanguage() {\r\n        const detected = detectLang();\r\n        if (currentLang === detected && DOM.section.getAttribute('dir') === db[detected].dir) return;\r\n\r\n        currentLang = detected;\r\n        const content = db[currentLang];\r\n\r\n        \/\/ Apply translations instantly\r\n        DOM.section.setAttribute('dir', content.dir);\r\n        DOM.title.innerText = content.title;\r\n        DOM.subtitle.innerText = content.subtitle;\r\n        DOM.btn1.innerText = content.btn1;\r\n        DOM.btn2.innerText = content.btn2;\r\n        DOM.footer.innerText = content.footer;\r\n\r\n        \/\/ Dynamically update WhatsApp URL link with language specific pre-filled text\r\n        DOM.waLink.href = `https:\/\/wa.me\/${waNumber}?text=${encodeURIComponent(content.waMsg)}`;\r\n    }\r\n\r\n    const observer = new MutationObserver(syncLanguage);\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    if(document.body) {\r\n       observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n    }\r\n\r\n    syncLanguage();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c0827b9 e-con-full e-flex e-con e-parent\" data-id=\"c0827b9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d1fadbd elementor-widget elementor-widget-html\" data-id=\"d1fadbd\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- Tailwind CDN & Custom Config -->\r\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n<script>\r\n  tailwind.config = {\r\n    important: '#wfd-footer-section',\r\n    theme: {\r\n      extend: {\r\n        colors: {\r\n          primary: '#2563eb', \r\n          whatsapp: '#25D366'\r\n        }\r\n      }\r\n    }\r\n  }\r\n<\/script>\r\n\r\n<!-- Strict Reset for Footer -->\r\n<style>\r\n  #wfd-footer-section {\r\n    --font-sans: \"Inter\", system-ui, -apple-system, sans-serif;\r\n    font-family: var(--font-sans) !important;\r\n  }\r\n  #wfd-footer-section * {\r\n    box-sizing: border-box !important;\r\n    font-family: inherit !important;\r\n  }\r\n<\/style>\r\n\r\n<!-- Main Footer Section -->\r\n<footer id=\"wfd-footer-section\" class=\"bg-[#0d122e] py-12 sm:py-16 text-white\/80 select-none\" dir=\"ltr\">\r\n  <div class=\"mx-auto grid max-w-7xl gap-8 sm:gap-10 px-4 sm:px-6 grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 lg:px-8\">\r\n    \r\n    <!-- Column 1 & 2: Brand & About -->\r\n    <div class=\"sm:col-span-2\">\r\n      \r\n      <!-- LOGO: Compact 24px-28px height with strict max-width -->\r\n      <a href=\"#top\" class=\"inline-block transition-opacity hover:opacity-90\">\r\n        <img decoding=\"async\" \r\n          src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" \r\n          alt=\"Aspire Digital Solutions\" \r\n          class=\"h-6 sm:h-7 md:h-8 w-auto max-w-[170px] sm:max-w-[200px] object-contain\"\r\n        >\r\n      <\/a>\r\n\r\n      <p id=\"ft-desc\" class=\"mt-4 max-w-md text-xs sm:text-sm leading-relaxed text-white\/70 select-text\">\r\n        Where Vision Meets Digital Excellence. Aspire Digital Solutions is a Google Partner digital marketing agency in Jeddah, Saudi Arabia \u2014 helping businesses generate leads, rank on Google and grow revenue.\r\n      <\/p>\r\n      \r\n      <!-- Badges -->\r\n      <div class=\"mt-6 flex flex-wrap gap-2\">\r\n        <span id=\"ft-badge-1\" class=\"rounded-full border border-white\/15 bg-white\/5 px-3 py-1 text-xs font-semibold tracking-wide text-white\">Google Partner<\/span>\r\n        <span id=\"ft-badge-2\" class=\"rounded-full border border-white\/15 bg-white\/5 px-3 py-1 text-xs font-semibold tracking-wide text-white\">7+ Years<\/span>\r\n        <span id=\"ft-badge-3\" class=\"rounded-full border border-white\/15 bg-white\/5 px-3 py-1 text-xs font-semibold tracking-wide text-white\">200+ Clients<\/span>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Column 3: Contact Info (PROPER CLICKABLE HYPERLINKS) -->\r\n    <div>\r\n      <h4 id=\"ft-title-contact\" class=\"text-xs sm:text-sm font-bold uppercase tracking-wider text-white\">Contact<\/h4>\r\n      <ul class=\"mt-4 sm:mt-5 space-y-2.5 sm:space-y-3 text-xs sm:text-sm font-medium\">\r\n        \r\n        <!-- Address (Non-clickable static) -->\r\n        <li class=\"flex items-start gap-2.5 py-1 text-white\/70\">\r\n          <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"mt-0.5 shrink-0 text-primary\"><path d=\"M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg> \r\n          <span id=\"ft-contact-address\" class=\"leading-tight select-text\">Jeddah Office, Saudi Arabia<\/span>\r\n        <\/li>\r\n\r\n        <!-- Clickable Phone -->\r\n        <li>\r\n          <a href=\"tel:+966574306441\" class=\"group inline-flex items-center gap-2.5 text-white\/80 hover:text-white transition-colors py-1 w-full\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 text-primary group-hover:scale-110 transition-transform\"><path d=\"M13.832 16.568a1 1 0 0 0 1.213-.303l.355-.465A2 2 0 0 1 17 15h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2A18 18 0 0 1 2 4a2 2 0 0 1 2-2h3a2 2 0 0 1 2 2v3a2 2 0 0 1-.8 1.6l-.468.351a1 1 0 0 0-.292 1.233 14 14 0 0 0 6.392 6.384\"><\/path><\/svg> \r\n            <span dir=\"ltr\" class=\"group-hover:underline text-left rtl:text-right font-semibold tracking-wide\">+966 57 430 6441<\/span>\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <!-- Clickable Email -->\r\n        <li>\r\n          <a href=\"mailto:marketing@aspiredigitalsolutions.in\" class=\"group inline-flex items-center gap-2.5 text-white\/80 hover:text-white transition-colors py-1 w-full break-all\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 text-primary group-hover:scale-110 transition-transform\"><path d=\"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7\"><\/path><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><\/svg> \r\n            <span class=\"group-hover:underline\">marketing@aspiredigitalsolutions.in<\/span>\r\n          <\/a>\r\n        <\/li>\r\n\r\n        <!-- Clickable WhatsApp -->\r\n        <li class=\"pt-0.5\">\r\n          <a id=\"ft-wa-link\" href=\"https:\/\/wa.me\/966574306441?text=Hi%20Aspire%20%E2%80%94%20I&#039;d%20like%20a%20Free%20Marketing%20Audit%20for%20my%20business%20in%20Saudi%20Arabia.\" target=\"_blank\" rel=\"noopener\" class=\"group inline-flex items-center gap-2.5 text-whatsapp hover:brightness-110 transition-all py-1 font-semibold w-full\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"shrink-0 group-hover:scale-110 transition-transform\"><path d=\"M2.992 16.342a2 2 0 0 1 .094 1.167l-1.065 3.29a1 1 0 0 0 1.236 1.168l3.413-.998a2 2 0 0 1 1.099.092 10 10 0 1 0-4.777-4.719\"><\/path><\/svg>\r\n            <span id=\"ft-contact-wa\" class=\"group-hover:underline\">WhatsApp us<\/span>\r\n          <\/a>\r\n        <\/li>\r\n\r\n      <\/ul>\r\n    <\/div>\r\n\r\n    <!-- Column 4: Services -->\r\n    <div>\r\n      <h4 id=\"ft-title-services\" class=\"text-xs sm:text-sm font-bold uppercase tracking-wider text-white\">Services<\/h4>\r\n      <ul class=\"mt-4 sm:mt-5 space-y-2 sm:space-y-2.5 text-xs sm:text-sm font-medium\">\r\n        <li><a href=\"#services\" id=\"ft-serv-1\" class=\"hover:text-white hover:translate-x-1 inline-block transition-all duration-150\">SEO Services<\/a><\/li>\r\n        <li><a href=\"#services\" id=\"ft-serv-2\" class=\"hover:text-white hover:translate-x-1 inline-block transition-all duration-150\">Local SEO<\/a><\/li>\r\n        <li><a href=\"#services\" id=\"ft-serv-3\" class=\"hover:text-white hover:translate-x-1 inline-block transition-all duration-150\">Google Ads<\/a><\/li>\r\n        <li><a href=\"#services\" id=\"ft-serv-4\" class=\"hover:text-white hover:translate-x-1 inline-block transition-all duration-150\">Meta Ads<\/a><\/li>\r\n        <li><a href=\"#services\" id=\"ft-serv-5\" class=\"hover:text-white hover:translate-x-1 inline-block transition-all duration-150\">Web Development<\/a><\/li>\r\n        <li><a href=\"#services\" id=\"ft-serv-6\" class=\"hover:text-white hover:translate-x-1 inline-block transition-all duration-150\">Lead Generation<\/a><\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- Bottom Copyright Bar -->\r\n  <div class=\"mx-auto mt-12 sm:mt-14 max-w-7xl border-t border-white\/10 px-4 pt-6 pb-2 text-xs font-medium text-white\/50 sm:px-6 lg:px-8\">\r\n    <div class=\"flex flex-col sm:flex-row items-center justify-between gap-4 text-center sm:text-left\">\r\n      <p id=\"ft-copy\" class=\"select-text\">\u00a9 2026 Aspire Digital Solutions. All rights reserved.<\/p>\r\n      <div class=\"flex gap-6\">\r\n        <a href=\"#\" id=\"ft-link-priv\" class=\"hover:text-white hover:underline transition-colors\">Privacy<\/a>\r\n        <a href=\"#\" id=\"ft-link-terms\" class=\"hover:text-white hover:underline transition-colors\">Terms<\/a>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\r\n\r\n<!-- Dual-Language & State Engine -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n\r\n    const waNum = \"966574306441\";\r\n\r\n    const db = {\r\n        en: {\r\n            dir: \"ltr\",\r\n            desc: \"Where Vision Meets Digital Excellence. Aspire Digital Solutions is a Google Partner digital marketing agency in Jeddah, Saudi Arabia \u2014 helping businesses generate leads, rank on Google and grow revenue.\",\r\n            badge1: \"Google Partner\",\r\n            badge2: \"7+ Years\",\r\n            badge3: \"200+ Clients\",\r\n            titleContact: \"Contact\",\r\n            contactAddress: \"Jeddah Office, Saudi Arabia\",\r\n            contactWa: \"WhatsApp us\",\r\n            waMsg: \"Hi Aspire \u2014 I'd like a Free Marketing Audit for my business in Saudi Arabia.\",\r\n            titleServices: \"Services\",\r\n            serv1: \"SEO Services\",\r\n            serv2: \"Local SEO\",\r\n            serv3: \"Google Ads\",\r\n            serv4: \"Meta Ads\",\r\n            serv5: \"Web Development\",\r\n            serv6: \"Lead Generation\",\r\n            copy: \"\u00a9 2026 Aspire Digital Solutions. All rights reserved.\",\r\n            linkPriv: \"Privacy\",\r\n            linkTerms: \"Terms\"\r\n        },\r\n        ar: {\r\n            dir: \"rtl\",\r\n            desc: \"\u062d\u064a\u062b \u062a\u0644\u062a\u0642\u064a \u0627\u0644\u0631\u0624\u064a\u0629 \u0628\u0627\u0644\u062a\u0645\u064a\u0632 \u0627\u0644\u0631\u0642\u0645\u064a. \u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629 \u0647\u064a \u0648\u0643\u0627\u0644\u0629 \u062a\u0633\u0648\u064a\u0642 \u0631\u0642\u0645\u064a \u0645\u0639\u062a\u0645\u062f\u0629 \u0643\u0634\u0631\u064a\u0643 \u062c\u0648\u062c\u0644 \u0641\u064a \u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629 \u2014 \u0646\u0633\u0627\u0639\u062f \u0627\u0644\u0634\u0631\u0643\u0627\u062a \u0639\u0644\u0649 \u062c\u0630\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621\u060c \u062a\u0635\u062f\u0631 \u0646\u062a\u0627\u0626\u062c \u062c\u0648\u062c\u0644\u060c \u0648\u0632\u064a\u0627\u062f\u0629 \u0627\u0644\u0625\u064a\u0631\u0627\u062f\u0627\u062a.\",\r\n            badge1: \"\u0634\u0631\u064a\u0643 \u062c\u0648\u062c\u0644\",\r\n            badge2: \"+7 \u0633\u0646\u0648\u0627\u062a \u062e\u0628\u0631\u0629\",\r\n            badge3: \"+200 \u0639\u0645\u064a\u0644\",\r\n            titleContact: \"\u062a\u0648\u0627\u0635\u0644 \u0645\u0639\u0646\u0627\",\r\n            contactAddress: \"\u0645\u0643\u062a\u0628 \u062c\u062f\u0629\u060c \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629\",\r\n            contactWa: \"\u062a\u062d\u062f\u062b \u0645\u0639\u0646\u0627 \u0639\u0628\u0631 \u0648\u0627\u062a\u0633\u0627\u0628\",\r\n            waMsg: \"\u0645\u0631\u062d\u0628\u0627\u064b \u0623\u0633\u0628\u0627\u064a\u0631 \u2014 \u0623\u0648\u062f \u0627\u0644\u062d\u0635\u0648\u0644 \u0639\u0644\u0649 \u062a\u062f\u0642\u064a\u0642 \u062a\u0633\u0648\u064a\u0642\u064a \u0645\u062c\u0627\u0646\u064a \u0644\u0646\u0634\u0627\u0637\u064a \u0627\u0644\u062a\u062c\u0627\u0631\u064a \u0641\u064a \u0627\u0644\u0645\u0645\u0644\u0643\u0629 \u0627\u0644\u0639\u0631\u0628\u064a\u0629 \u0627\u0644\u0633\u0639\u0648\u062f\u064a\u0629.\",\r\n            titleServices: \"\u0627\u0644\u062e\u062f\u0645\u0627\u062a\",\r\n            serv1: \"\u062e\u062f\u0645\u0627\u062a \u0627\u0644\u0633\u064a\u0648 (SEO)\",\r\n            serv2: \"\u0627\u0644\u0633\u064a\u0648 \u0627\u0644\u0645\u062d\u0644\u064a\",\r\n            serv3: \"\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u062c\u0648\u062c\u0644\",\r\n            serv4: \"\u0625\u0639\u0644\u0627\u0646\u0627\u062a \u0645\u064a\u062a\u0627\",\r\n            serv5: \"\u062a\u0637\u0648\u064a\u0631 \u0627\u0644\u0645\u0648\u0627\u0642\u0639\",\r\n            serv6: \"\u062c\u0644\u0628 \u0627\u0644\u0639\u0645\u0644\u0627\u0621 \u0627\u0644\u0645\u062d\u062a\u0645\u0644\u064a\u0646\",\r\n            copy: \"\u00a9 2026 \u0623\u0633\u0628\u0627\u064a\u0631 \u0644\u0644\u062d\u0644\u0648\u0644 \u0627\u0644\u0631\u0642\u0645\u064a\u0629. \u062c\u0645\u064a\u0639 \u0627\u0644\u062d\u0642\u0648\u0642 \u0645\u062d\u0641\u0648\u0638\u0629.\",\r\n            linkPriv: \"\u0633\u064a\u0627\u0633\u0629 \u0627\u0644\u062e\u0635\u0648\u0635\u064a\u0629\",\r\n            linkTerms: \"\u0627\u0644\u0634\u0631\u0648\u0637 \u0648\u0627\u0644\u0623\u062d\u0643\u0627\u0645\"\r\n        }\r\n    };\r\n\r\n    const DOM = {\r\n        footer: document.getElementById('wfd-footer-section'),\r\n        desc: document.getElementById('ft-desc'),\r\n        badge1: document.getElementById('ft-badge-1'),\r\n        badge2: document.getElementById('ft-badge-2'),\r\n        badge3: document.getElementById('ft-badge-3'),\r\n        titleContact: document.getElementById('ft-title-contact'),\r\n        contactAddress: document.getElementById('ft-contact-address'),\r\n        contactWa: document.getElementById('ft-contact-wa'),\r\n        waLink: document.getElementById('ft-wa-link'),\r\n        titleServices: document.getElementById('ft-title-services'),\r\n        serv1: document.getElementById('ft-serv-1'),\r\n        serv2: document.getElementById('ft-serv-2'),\r\n        serv3: document.getElementById('ft-serv-3'),\r\n        serv4: document.getElementById('ft-serv-4'),\r\n        serv5: document.getElementById('ft-serv-5'),\r\n        serv6: document.getElementById('ft-serv-6'),\r\n        copy: document.getElementById('ft-copy'),\r\n        linkPriv: document.getElementById('ft-link-priv'),\r\n        linkTerms: document.getElementById('ft-link-terms')\r\n    };\r\n\r\n    let currentLang = 'en';\r\n\r\n    function detectLang() {\r\n        const docLang = (document.documentElement.lang || '').toLowerCase();\r\n        const isArabic = document.documentElement.dir === 'rtl' || \r\n                         docLang.startsWith('ar') || \r\n                         document.body.classList.contains('translatepress-ar');\r\n        return isArabic ? 'ar' : 'en';\r\n    }\r\n\r\n    function syncLanguage() {\r\n        const detected = detectLang();\r\n        if (currentLang === detected && DOM.footer.getAttribute('dir') === db[detected].dir) return;\r\n\r\n        currentLang = detected;\r\n        const content = db[currentLang];\r\n\r\n        DOM.footer.setAttribute('dir', content.dir);\r\n        DOM.desc.innerText = content.desc;\r\n        DOM.badge1.innerText = content.badge1;\r\n        DOM.badge2.innerText = content.badge2;\r\n        DOM.badge3.innerText = content.badge3;\r\n        DOM.titleContact.innerText = content.titleContact;\r\n        DOM.contactAddress.innerText = content.contactAddress;\r\n        DOM.contactWa.innerText = content.contactWa;\r\n        DOM.titleServices.innerText = content.titleServices;\r\n        DOM.serv1.innerText = content.serv1;\r\n        DOM.serv2.innerText = content.serv2;\r\n        DOM.serv3.innerText = content.serv3;\r\n        DOM.serv4.innerText = content.serv4;\r\n        DOM.serv5.innerText = content.serv5;\r\n        DOM.serv6.innerText = content.serv6;\r\n        DOM.copy.innerText = content.copy;\r\n        DOM.linkPriv.innerText = content.linkPriv;\r\n        DOM.linkTerms.innerText = content.linkTerms;\r\n\r\n        \/\/ Dynamic language sync for footer WhatsApp\r\n        DOM.waLink.href = `https:\/\/wa.me\/${waNum}?text=${encodeURIComponent(content.waMsg)}`;\r\n    }\r\n\r\n    const observer = new MutationObserver(syncLanguage);\r\n    observer.observe(document.documentElement, { attributes: true, attributeFilter: ['dir', 'lang'] });\r\n    if(document.body) {\r\n       observer.observe(document.body, { attributes: true, attributeFilter: ['class'] });\r\n    }\r\n\r\n    syncLanguage();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>WhatsApp Free Audit Google Partner Agency \u00b7 Jeddah, KSA Google Partner Digital Marketing Agency in Jeddah, Saudi Arabia Generate more leads, increase visibility, improve Google rankings, dominate local search and grow revenue with proven SEO, Local SEO, Google Ads, Social Media Marketing and Website Development services across Saudi Arabia. Google Partner 7+ Years Experience 200+ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-18588","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/18588","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=18588"}],"version-history":[{"count":287,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/18588\/revisions"}],"predecessor-version":[{"id":19302,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/18588\/revisions\/19302"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=18588"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}