{"id":1630,"date":"2025-05-16T17:18:40","date_gmt":"2025-05-16T17:18:40","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=mysore&#038;p=1630"},"modified":"2026-03-07T23:29:52","modified_gmt":"2026-03-07T17:59:52","slug":"meta-ads-services-in-mysore","status":"publish","type":"mysore","link":"https:\/\/aspiredigitalsolutions.in\/ar\/mysore\/meta-ads-services-in-mysore\/","title":{"rendered":"Meta Ads Services In Mysore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1630\" class=\"elementor elementor-1630\" data-elementor-post-type=\"mysore\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2eae1d8 e-con-full e-flex e-con e-parent\" data-id=\"2eae1d8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-289feab elementor-widget elementor-widget-shortcode\" data-id=\"289feab\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;800;900&display=swap\" rel=\"stylesheet\">\n    <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/18.2.1\/css\/intlTelInput.css\">\n\n    <style>\n        \/* WRAPPER *\/\n        .aspire-hero-wrapper {\n            width: 100vw; position: relative; left: 50%; right: 50%;\n            margin-left: -50vw; margin-right: -50vw; max-width: 100vw !important; box-sizing: border-box;\n            --header-offset: 90px; --brand-blue: #536dfe; --brand-pink: #ff6b81;\n            --brand-gradient: linear-gradient(135deg, #536dfe 0%, #ff6b81 100%);\n            --dark-bg: #0b0f19; font-family: 'Inter', sans-serif;\n            overflow: hidden; background: var(--dark-bg); color: white; padding: 0; margin-top: 0;\n        }\n\n        .hero-layout { position: relative; width: 100%; min-height: calc(100vh - var(--header-offset)); padding-top: var(--header-offset); padding-bottom: 60px; display: flex; align-items: center; justify-content: center; perspective: 1000px; }\n        .hero-bg-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }\n        .hero-video { width: 100%; height: 100%; object-fit: cover; filter: brightness(0.25) contrast(1.1) hue-rotate(230deg) saturate(1.1); transform: scale(1.05); }\n        .hero-grid { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background: radial-gradient(circle at center, transparent 0%, #0b0f19 95%); background-size: 60px 60px; opacity: 0.8; }\n        .hero-content { position: relative; z-index: 10; text-align: center; max-width: 900px; padding: 0 20px; }\n\n        \/* TYPOGRAPHY *\/\n        .hero-headline { margin: 0 0 25px 0; line-height: 1.1; transform: translateY(30px); opacity: 0; }\n        .pre-head { display: block; font-size: clamp(1.2rem, 2vw, 1.5rem); color: #dddddd !important; margin-bottom: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; }\n        .main-head { font-size: clamp(3rem, 6vw, 3.5rem); font-weight: 900; letter-spacing: -2px; color: #ffffff !important; background: var(--brand-gradient); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200%; animation: shine 5s linear infinite; text-shadow: 0 10px 30px rgba(0,0,0,0.5); }\n        .hero-sub { font-size: clamp(1rem, 1.5vw, 1.25rem); color: #e0e0e0 !important; max-width: 700px; margin: 0 auto 40px; line-height: 1.7; font-weight: 400; transform: translateY(30px); opacity: 0; text-shadow: 0 2px 4px rgba(0,0,0,0.8); }\n\n        \/* HERO BUTTON *\/\n        .hero-btn { display: inline-flex !important; align-items: center !important; gap: 12px !important; background: linear-gradient(135deg, #536dfe 0%, #3d5afe 100%) !important; color: #ffffff !important; padding: 18px 50px !important; border-radius: 50px !important; font-weight: 800 !important; font-size: 1.1rem !important; text-decoration: none !important; text-transform: uppercase !important; letter-spacing: 1px !important; border: 2px solid rgba(255,255,255,0.1) !important; position: relative; overflow: hidden; transition: all 0.3s ease !important; box-shadow: 0 10px 30px rgba(83, 109, 254, 0.5) !important; transform: translateY(30px); opacity: 0; cursor: pointer !important; z-index: 100; }\n        .hero-btn:hover { transform: translateY(-5px) !important; background: #ffffff !important; color: #536dfe !important; box-shadow: 0 15px 40px rgba(255, 255, 255, 0.4) !important; }\n\n        \/* STATS *\/\n        .stat-box { position: absolute; background: rgba(18, 18, 24, 0.9); border: 1px solid rgba(255,255,255,0.15); backdrop-filter: blur(20px); padding: 15px 25px; border-radius: 16px; display: flex; align-items: center; gap: 15px; box-shadow: 0 20px 50px rgba(0,0,0,0.6); z-index: 5; opacity: 0; min-width: 180px; }\n        .stat-box.pos-1 { top: 22%; right: 10%; } .stat-box.pos-2 { bottom: 18%; left: 10%; }\n        .stat-icon { width: 45px; height: 45px; border-radius: 12px; display: flex; align-items: center; justify-content: center; } .icon-blue { background: rgba(83, 109, 254, 0.2); color: var(--brand-blue) !important; } .icon-pink { background: rgba(255, 107, 129, 0.2); color: var(--brand-pink) !important; }\n        .stat-text h4 { margin: 0; font-size: 1.3rem; font-weight: 800; color: #ffffff !important; } .stat-text p { margin: 0; font-size: 0.75rem; text-transform: uppercase; color: #cccccc !important; }\n        .pill-badge { display: inline-flex; align-items: center; gap: 8px; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); padding: 8px 20px; border-radius: 50px; backdrop-filter: blur(10px); margin-bottom: 25px; transform: translateY(30px); opacity: 0; }\n        .pill-text { color: white !important; font-weight: 700; font-size: 0.8rem; text-transform: uppercase; } .pill-dot { width: 8px; height: 8px; background: #ff6b81; border-radius: 50%; animation: blink 2s infinite; }\n\n        \/* --- CRM MODAL --- *\/\n        .aspire-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(8, 10, 15, 0.85); backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); z-index: 9999; display: flex; align-items: center; justify-content: center; opacity: 0; pointer-events: none; transition: opacity 0.4s ease; }\n        .aspire-modal-overlay.active { opacity: 1; pointer-events: auto; }\n        \n        .aspire-modal-content { background: linear-gradient(160deg, rgba(35, 40, 55, 0.95), rgba(15, 18, 25, 0.98)); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 28px; padding: 40px; width: 100%; max-width: 520px; margin: 20px; box-shadow: 0 40px 100px rgba(0,0,0,0.8), inset 0 2px 0 rgba(255,255,255,0.05); transform: scale(0.9) translateY(40px); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); position: relative; max-height: 90vh; overflow-y: auto; box-sizing: border-box; }\n        .aspire-modal-content::-webkit-scrollbar { width: 6px; } .aspire-modal-content::-webkit-scrollbar-track { background: transparent; } .aspire-modal-content::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }\n        .aspire-modal-overlay.active .aspire-modal-content { transform: scale(1) translateY(0); }\n\n        .close-modal { position: absolute; top: 20px; right: 20px; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.1); border-radius: 50%; width: 36px; height: 36px; color: #a0a0a0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; z-index: 10; }\n        .close-modal:hover { background: rgba(255,107,129,0.15); color: var(--brand-pink); transform: rotate(90deg); border-color: rgba(255,107,129,0.3); }\n\n        .modal-header { text-align: center; margin-bottom: 25px; }\n        .modal-header h3 { font-size: 1.8rem; font-weight: 800; margin: 0 0 8px 0; color: white; letter-spacing: -0.5px; }\n        .modal-header p { color: #8a93a5; font-size: 0.95rem; margin: 0; line-height: 1.5; }\n        \n        .form-row { display: flex; gap: 15px; margin-bottom: 15px; width: 100%; }\n        .form-group { width: 100%; margin-bottom: 15px; position: relative; }\n        .form-group.half { margin-bottom: 0; width: 50%; }\n        \n        .modal-form-input, .modal-form-select { width: 100%; padding: 14px 18px; border-radius: 12px; background: rgba(0, 0, 0, 0.2); border: 1px solid rgba(255, 255, 255, 0.08); color: white; font-size: 0.95rem; font-family: 'Inter', sans-serif; box-sizing: border-box; outline: none; transition: all 0.3s ease; }\n        .modal-form-input::placeholder { color: #646d82; }\n        .modal-form-input:focus, .modal-form-select:focus { border-color: var(--brand-blue); background: rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 4px rgba(83, 109, 254, 0.15); }\n        .modal-form-select option { background: #1a1e29; color: white; }\n\n        \/* INTL TEL INPUT *\/\n        .iti { width: 100%; }\n        .iti__country-list { background: #1a1e29; border: 1px solid rgba(255,255,255,0.1); border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); color: white; max-width: 300px; }\n        .iti__country-list::-webkit-scrollbar { width: 6px; } .iti__country-list::-webkit-scrollbar-thumb { background: rgba(255,255,255,0.2); border-radius: 10px; }\n        .iti__country.iti__highlight { background-color: rgba(83, 109, 254, 0.3); }\n        .iti__divider { border-bottom: 1px solid rgba(255,255,255,0.1); }\n        .iti__selected-dial-code { color: #dddddd; }\n\n        .modal-submit-btn { width: 100%; padding: 16px; border-radius: 12px; margin-top: 10px; background: var(--brand-gradient); color: white; border: none; font-size: 1.05rem; font-weight: 700; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; display: flex; align-items: center; justify-content: center; gap: 10px; box-shadow: 0 10px 25px rgba(83, 109, 254, 0.3); }\n        .modal-submit-btn:hover { transform: translateY(-2px); box-shadow: 0 15px 35px rgba(83, 109, 254, 0.4); }\n        .spinner { display: none; width: 20px; height: 20px; border: 3px solid rgba(255,255,255,0.3); border-top-color: white; border-radius: 50%; animation: spin 1s linear infinite; }\n        .modal-submit-btn.loading .spinner { display: block; } .modal-submit-btn.loading .btn-text { opacity: 0.5; } .modal-submit-btn.loading { pointer-events: none; }\n\n        .form-success-state { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(160deg, rgba(35, 40, 55, 0.98), rgba(15, 18, 25, 0.99)); border-radius: 28px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; opacity: 0; pointer-events: none; z-index: 20; padding: 40px; box-sizing: border-box; }\n        .success-icon { width: 70px; height: 70px; background: rgba(76, 175, 80, 0.15); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #4CAF50; margin-bottom: 20px; transform: scale(0.5); border: 2px solid rgba(76, 175, 80, 0.3); }\n        .success-icon span { font-size: 36px; }\n\n        @keyframes spin { to { transform: rotate(360deg); } }\n        @keyframes blink { 0%, 100% { opacity: 0.5; } 50% { opacity: 1; } }\n        @keyframes shine { to { background-position: 200%; } }\n\n        \/* ULTRA RESPONSIVE *\/\n        @media (max-width: 900px) {\n            .stat-box { display: none; }\n            .hero-layout { padding-top: 120px; min-height: auto; padding-bottom: 80px; }\n            .main-head { font-size: 2.5rem; }\n            .aspire-hero-wrapper { width: 100%; left: 0; margin-left: 0; }\n        }\n        \/* Fix for mobile stacking *\/\n        @media (max-width: 600px) {\n            .form-row { flex-direction: column; gap: 0; margin-bottom: 0; }\n            .form-group.half { width: 100%; margin-bottom: 15px; }\n            .aspire-modal-content { padding: 35px 20px; margin: 15px; width: calc(100% - 30px); }\n        }\n    <\/style>\n\n    <div class=\"aspire-hero-wrapper\">\n        <div class=\"hero-layout\" id=\"heroScene\">\n            <div class=\"hero-bg-layer\">\n                <video class=\"hero-video\" autoplay muted loop playsinline>\n                    <source src=\"https:\/\/videos.pexels.com\/video-files\/3129977\/3129977-uhd_2560_1440_25fps.mp4\" type=\"video\/mp4\">\n                <\/video>\n                <div class=\"hero-grid\"><\/div>\n            <\/div>\n\n            <div class=\"stat-box pos-1\">\n                <div class=\"stat-icon icon-pink\"><span class=\"material-symbols-outlined\" id=\"s1-icon\">trending_up<\/span><\/div>\n                <div class=\"stat-text\"><h4 id=\"s1-val\">...<\/h4><p id=\"s1-label\">...<\/p><\/div>\n            <\/div>\n            <div class=\"stat-box pos-2\">\n                <div class=\"stat-icon icon-blue\"><span class=\"material-symbols-outlined\" id=\"s2-icon\">ads_click<\/span><\/div>\n                <div class=\"stat-text\"><h4 id=\"s2-val\">...<\/h4><p id=\"s2-label\">...<\/p><\/div>\n            <\/div>\n\n            <div class=\"hero-content\">\n                <div class=\"pill-badge\">\n                    <span class=\"pill-dot\"><\/span>\n                    <span class=\"pill-text\" id=\"dyn-badge\">Premium Agency<\/span>\n                <\/div>\n                <h1 class=\"hero-headline\">\n                    <span class=\"pre-head\" id=\"dyn-pre\">Premium Services<\/span>\n                    <span class=\"main-head\">Meta Ads Services In Mysore<\/span>\n                <\/h1>\n                <p class=\"hero-sub\" id=\"dyn-desc\">\n                    We help businesses scale with data-driven strategies and world-class design.\n                <\/p>\n                <a href=\"#\" class=\"hero-btn\" id=\"dyn-btn\">\n                    Get Started <span class=\"material-symbols-outlined\">rocket_launch<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"aspire-modal-overlay\" id=\"aspireModal\">\n            <div class=\"aspire-modal-content\">\n                <button class=\"close-modal\" id=\"closeModalBtn\" type=\"button\"><span class=\"material-symbols-outlined\">close<\/span><\/button>\n                \n                <div class=\"modal-inner-content\" id=\"modalFormWrap\">\n                    <div class=\"modal-header modal-anim-item\">\n                        <h3>Let's Elevate Your Brand<\/h3>\n                        <p>Share your details, and our experts will map out a custom strategy.<\/p>\n                    <\/div>\n                    \n                    <form id=\"aspireLeadForm\">\n                        <div class=\"form-row\">\n                            <div class=\"form-group half modal-anim-item\">\n                                <input type=\"text\" name=\"first_name\" class=\"modal-form-input\" placeholder=\"First Name\" required>\n                            <\/div>\n                            <div class=\"form-group half modal-anim-item\">\n                                <input type=\"text\" name=\"last_name\" class=\"modal-form-input\" placeholder=\"Last Name\" required>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"form-group modal-anim-item\">\n                            <input type=\"email\" name=\"email\" class=\"modal-form-input\" placeholder=\"Work Email\" required>\n                        <\/div>\n                        \n                        <div class=\"form-group modal-anim-item\">\n                            <input type=\"tel\" id=\"aspirePhone\" name=\"phone\" class=\"modal-form-input\" required>\n                        <\/div>\n\n                        <div class=\"form-group modal-anim-item\">\n                            <input type=\"text\" name=\"company\" class=\"modal-form-input\" placeholder=\"Company Name (Optional)\">\n                        <\/div>\n\n                        <div class=\"form-group modal-anim-item\">\n                            <select name=\"service\" class=\"modal-form-select\" required>\n                                <option value=\"\" disabled selected>Service Interested In<\/option>\n                                <option value=\"SEO & Organic Growth\">SEO & Organic Growth<\/option>\n                                <option value=\"Paid Ads (Google\/Meta)\">Paid Ads (Google\/Meta)<\/option>\n                                <option value=\"Web Development\">Web Development<\/option>\n                                <option value=\"Branding & Design\">Branding & Design<\/option>\n                                <option value=\"Other\">Other Consulting<\/option>\n                            <\/select>\n                        <\/div>\n                        \n                        <div class=\"modal-anim-item\">\n                            <button type=\"submit\" class=\"modal-submit-btn\" id=\"submitBtn\">\n                                <span class=\"btn-text\">Submit Request<\/span>\n                                <div class=\"spinner\"><\/div>\n                            <\/button>\n                        <\/div>\n                    <\/form>\n                <\/div>\n\n                <div class=\"form-success-state\" id=\"modalSuccessWrap\">\n                    <div class=\"success-icon\"><span class=\"material-symbols-outlined\">check<\/span><\/div>\n                    <h4>Request Received!<\/h4>\n                    <p>We've successfully logged your details. Our CRM team will reach out to you shortly.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/18.2.1\/js\/intlTelInput.min.js\"><\/script>\n\n    <script>\n    document.addEventListener(\"DOMContentLoaded\", function() {\n        const ajaxUrl = \"https:\/\/aspiredigitalsolutions.in\/wp-admin\/admin-ajax.php\";\n        const currentTitle = \"Meta Ads Services In Mysore\".toUpperCase();\n\n        \/\/ 1. Initialize Phone Input\n        const phoneInputField = document.querySelector(\"#aspirePhone\");\n        const phoneInput = window.intlTelInput(phoneInputField, {\n            utilsScript: \"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/intl-tel-input\/18.2.1\/js\/utils.js\",\n            initialCountry: \"auto\",\n            geoIpLookup: function(success, failure) {\n                fetch(\"https:\/\/ipapi.co\/json\").then(res => res.json()).then(data => success(data.country_code)).catch(() => success(\"us\"));\n            },\n            separateDialCode: true,\n            preferredCountries: [\"us\", \"gb\", \"in\", \"ca\", \"au\"]\n        });\n\n        \/\/ 2. Dynamic Hero Content Map\n        const services = [\n            { match: ['SEO', 'SEARCH', 'RANK', 'OPTIMIZATION'], badge: 'Google Search Partner', pre: 'Dominate Results With', desc: 'Stop chasing algorithms. We build long-term authority that keeps you #1 without paying for every click.', btn: 'Audit My Site', s1: { val: '300%', label: 'Traffic Growth', icon: 'trending_up' }, s2: { val: '#1', label: 'Page Rankings', icon: 'military_tech' } },\n            { match: ['GOOGLE ADS', 'PPC', 'SEM', 'ADWORDS'], badge: 'Certified Google Partner', pre: 'Maximize ROI With', desc: 'Stop burning budget on low-quality clicks. We engineer high-intent campaigns that put revenue first.', btn: 'Launch Campaign', s1: { val: '5X', label: 'ROAS Average', icon: 'monetization_on' }, s2: { val: '12k', label: 'Monthly Leads', icon: 'ads_click' } },\n            { match: ['WEB', 'DEVELOPMENT', 'WEBSITE', 'WORDPRESS', 'SHOPIFY'], badge: 'Full Stack Experts', pre: 'Build The Future Of', desc: 'Your website is your 24\/7 salesperson. We code lightning-fast, secure, and conversion-optimized experiences.', btn: 'Build Vision', s1: { val: '0.4s', label: 'Load Speed', icon: 'speed' }, s2: { val: '99.9%', label: 'Uptime Score', icon: 'dns' } }\n        ];\n\n        let config = null;\n        for (let service of services) {\n            if (service.match.some(keyword => currentTitle.includes(keyword))) { config = service; break; }\n        }\n\n        if (config) {\n            document.getElementById('dyn-badge').textContent = config.badge;\n            document.getElementById('dyn-pre').textContent = config.pre;\n            document.getElementById('dyn-desc').textContent = config.desc;\n            document.getElementById('dyn-btn').innerHTML = config.btn + ' <span class=\"material-symbols-outlined\">rocket_launch<\/span>';\n            document.getElementById('s1-val').textContent = config.s1.val;\n            document.getElementById('s1-label').textContent = config.s1.label;\n            document.getElementById('s1-icon').textContent = config.s1.icon;\n            document.getElementById('s2-val').textContent = config.s2.val;\n            document.getElementById('s2-label').textContent = config.s2.label;\n            document.getElementById('s2-icon').textContent = config.s2.icon;\n        }\n\n        \/\/ 3. Hero Animations\n        const tl = gsap.timeline({ delay: 0.2 });\n        gsap.to(\".hero-video\", { scale: 1.0, duration: 3, ease: \"power2.out\" });\n        tl.to(\".pill-badge\", { y: 0, opacity: 1, duration: 0.8, ease: \"back.out(1.7)\" })\n          .to(\".hero-headline\", { y: 0, opacity: 1, duration: 0.8, ease: \"power3.out\" }, \"-=0.6\")\n          .to(\".hero-sub\", { y: 0, opacity: 1, duration: 0.8, ease: \"power3.out\" }, \"-=0.6\")\n          .to(\".hero-btn\", { y: 0, opacity: 1, duration: 0.8, ease: \"back.out(1.7)\" }, \"-=0.5\")\n          .to(\".stat-box\", { opacity: 1, y: 0, duration: 1, stagger: 0.2, ease: \"power3.out\" }, \"-=0.8\");\n\n        const hero = document.getElementById('heroScene');\n        hero.addEventListener('mousemove', (e) => {\n            const x = (window.innerWidth \/ 2 - e.pageX) \/ 40;\n            const y = (window.innerHeight \/ 2 - e.pageY) \/ 40;\n            gsap.to(\".hero-content\", { x: x, y: y, duration: 1 });\n            gsap.to(\".hero-bg-layer\", { x: -x*0.5, y: -y*0.5, duration: 1 });\n            gsap.to(\".stat-box\", { x: -x*1.5, y: -y*1.5, duration: 1 });\n        });\n\n        \/\/ 4. Modal Open\/Close Logic\n        const modal = document.getElementById('aspireModal');\n        const openBtn = document.getElementById('dyn-btn');\n        const closeBtn = document.getElementById('closeModalBtn');\n        const formWrap = document.getElementById('modalFormWrap');\n        const successWrap = document.getElementById('modalSuccessWrap');\n        const leadForm = document.getElementById('aspireLeadForm');\n        const submitBtn = document.getElementById('submitBtn');\n\n        const resetModal = () => {\n            modal.classList.remove('active');\n            setTimeout(() => {\n                leadForm.reset();\n                gsap.set(successWrap, { opacity: 0, pointerEvents: \"none\" });\n                gsap.set(formWrap, { opacity: 1, pointerEvents: \"auto\" });\n                gsap.set(\".modal-anim-item\", { y: 20, opacity: 0 });\n            }, 500);\n        };\n\n        openBtn.addEventListener('click', (e) => {\n            e.preventDefault();\n            modal.classList.add('active');\n            gsap.to(\".modal-anim-item\", { y: 0, opacity: 1, duration: 0.6, stagger: 0.05, delay: 0.1, ease: \"power3.out\" });\n        });\n\n        closeBtn.addEventListener('click', resetModal);\n        modal.addEventListener('click', (e) => { if (e.target === modal) resetModal(); });\n\n        \/\/ 5. Ultimate Data Submission\n        leadForm.addEventListener('submit', function(e) {\n            e.preventDefault();\n            \n            if (!phoneInput.isValidNumber()) {\n                alert('Please enter a valid phone number with the correct country code.');\n                phoneInputField.focus();\n                return;\n            }\n\n            submitBtn.classList.add('loading');\n\n            const formData = new FormData(this);\n            formData.set('phone', phoneInput.getNumber()); \n            formData.append('action', 'aspire_submit_lead');\n            formData.append('page_url', window.location.href);\n\n            fetch(ajaxUrl, { method: 'POST', body: formData })\n            .then(response => response.json())\n            .then(data => {\n                submitBtn.classList.remove('loading');\n                if(data.success) {\n                    const tlSuccess = gsap.timeline();\n                    tlSuccess.to(formWrap, { opacity: 0, scale: 0.95, duration: 0.4, ease: \"power2.in\", onComplete: () => formWrap.style.pointerEvents = \"none\" })\n                             .set(successWrap, { opacity: 1, pointerEvents: \"auto\" })\n                             .to(\".success-icon\", { scale: 1, rotation: 360, duration: 0.6, ease: \"back.out(1.7)\" })\n                             .fromTo(successWrap.querySelectorAll(\"h4, p\"), { y: 20, opacity: 0 }, { y: 0, opacity: 1, duration: 0.5, stagger: 0.1, ease: \"power3.out\" }, \"-=0.3\");\n\n                    setTimeout(resetModal, 3500);\n                } else {\n                    alert('Something went wrong. Please try again.');\n                }\n            })\n            .catch(error => {\n                submitBtn.classList.remove('loading');\n                console.error('Error:', error);\n                alert('Connection error. Please check your internet and try again.');\n            });\n        });\n    });\n    <\/script>\n\n    <\/div>\n\t\t\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-0caa059 e-con-full e-flex e-con e-parent\" data-id=\"0caa059\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-087a130 elementor-widget elementor-widget-html\" data-id=\"087a130\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200\" \/>\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       1. STRICTLY SCOPED VARIABLES & WRAPPER\r\n       ========================================================================= *\/\r\n    #asp-meta-ads-mysore {\r\n        --amam-primary: #4f46e5;       \/* Indigo *\/\r\n        --amam-secondary: #ec4899;     \/* Pink *\/\r\n        --amam-bg: #f8fafc;            \/* Light BG *\/\r\n        --amam-card-bg: #ffffff;\r\n        --amam-text-main: #1e293b;\r\n        --amam-text-sub: #475569;\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        width: 100% !important;\r\n        padding: 80px 20px !important;\r\n        background-color: var(--amam-bg) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* Target specific elements to prevent global theme leaking *\/\r\n    #asp-meta-ads-mysore div, \r\n    #asp-meta-ads-mysore span, \r\n    #asp-meta-ads-mysore h2, \r\n    #asp-meta-ads-mysore h3, \r\n    #asp-meta-ads-mysore p {\r\n        box-sizing: border-box !important;\r\n        font-family: 'Outfit', sans-serif !important;\r\n    }\r\n\r\n    \/* Background Decoration *\/\r\n    #asp-meta-ads-mysore::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        width: 100% !important; height: 100% !important;\r\n        top: 0 !important; left: 0 !important;\r\n        background: radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.08) 0%, transparent 60%) !important;\r\n        z-index: 0 !important;\r\n    }\r\n\r\n    .amam-container {\r\n        max-width: 1280px !important; \r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       2. HEADER\r\n       ========================================================================= *\/\r\n    .amam-header {\r\n        text-align: center !important;\r\n        max-width: 900px !important; \r\n        margin: 0 auto 50px auto !important;\r\n    }\r\n\r\n    .amam-badge {\r\n        background-color: #ffffff !important;\r\n        color: var(--amam-primary) !important;\r\n        padding: 6px 18px !important;\r\n        border-radius: 30px !important;\r\n        font-size: 13px !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n        box-shadow: 0 4px 15px rgba(79, 70, 229, 0.15) !important;\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 6px !important;\r\n        margin-bottom: 15px !important;\r\n        border: 1px solid rgba(79, 70, 229, 0.1) !important;\r\n    }\r\n    \r\n    .amam-badge svg { display: block !important; }\r\n\r\n    .amam-heading {\r\n        font-size: clamp(2.2rem, 4vw, 3rem) !important;\r\n        color: var(--amam-text-main) !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 20px !important;\r\n        font-weight: 800 !important;\r\n        letter-spacing: -1px !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n    \r\n    .amam-heading span {\r\n        background: linear-gradient(90deg, var(--amam-primary), var(--amam-secondary)) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    .amam-intro {\r\n        font-size: 1.15rem !important;\r\n        color: var(--amam-text-sub) !important;\r\n        line-height: 1.6 !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 25px !important;\r\n    }\r\n\r\n    .amam-intro strong {\r\n        color: var(--amam-primary) !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    \/* Title for the grid section *\/\r\n    .amam-grid-title {\r\n        text-align: center !important;\r\n        font-size: 1.5rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--amam-text-main) !important;\r\n        margin-top: 50px !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       3. THE GRID (4 CARDS)\r\n       ========================================================================= *\/\r\n    .amam-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(4, 1fr) !important; \r\n        gap: 24px !important;\r\n        margin-bottom: 50px !important;\r\n    }\r\n\r\n    .amam-card {\r\n        background-color: var(--amam-card-bg) !important;\r\n        border-radius: 20px !important;\r\n        padding: 30px 24px !important;\r\n        border: 1px solid rgba(0,0,0,0.05) !important;\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.06) !important;\r\n        position: relative !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: flex-start !important;\r\n        overflow: hidden !important;\r\n        transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;\r\n    }\r\n\r\n    .amam-step-bg {\r\n        position: absolute !important;\r\n        top: -10px !important; right: -10px !important;\r\n        font-size: 80px !important;\r\n        font-weight: 900 !important;\r\n        color: rgba(0,0,0,0.03) !important;\r\n        line-height: 1 !important;\r\n        z-index: 0 !important;\r\n        user-select: none !important;\r\n    }\r\n\r\n    .amam-card:hover {\r\n        transform: translateY(-10px) !important;\r\n        box-shadow: 0 20px 40px -12px rgba(79, 70, 229, 0.2) !important;\r\n        border-color: rgba(79, 70, 229, 0.3) !important;\r\n    }\r\n\r\n    \/* PERFECT ICON CENTERING *\/\r\n    .amam-icon {\r\n        width: 56px !important; height: 56px !important;\r\n        border-radius: 14px !important;\r\n        display: flex !important; align-items: center !important; justify-content: center !important;\r\n        margin-bottom: 20px !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n    }\r\n    \r\n    .amam-icon svg {\r\n        width: 28px !important; height: 28px !important;\r\n        display: block !important;\r\n    }\r\n    \r\n    .amam-card:nth-child(odd) .amam-icon {\r\n        background-color: rgba(79, 70, 229, 0.1) !important;\r\n        color: var(--amam-primary) !important;\r\n    }\r\n    .amam-card:nth-child(even) .amam-icon {\r\n        background-color: rgba(236, 72, 153, 0.1) !important;\r\n        color: var(--amam-secondary) !important;\r\n    }\r\n\r\n    .amam-card h3 {\r\n        font-size: 1.25rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--amam-text-main) !important;\r\n        margin-top: 0 !important;\r\n        margin-bottom: 12px !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    .amam-card p {\r\n        font-size: 0.95rem !important;\r\n        color: var(--amam-text-sub) !important;\r\n        line-height: 1.6 !important;\r\n        margin: 0 !important;\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    .amam-card::after {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        bottom: 0 !important; left: 0 !important; width: 0% !important; height: 4px !important;\r\n        background: linear-gradient(90deg, var(--amam-primary), var(--amam-secondary)) !important;\r\n        transition: 0.4s ease !important;\r\n    }\r\n    .amam-card:hover::after { width: 100% !important; }\r\n\r\n    \/* =========================================================================\r\n       4. ALGORITHMIC DELIVERY BOX (CONCLUSION)\r\n       ========================================================================= *\/\r\n    .amam-info-box {\r\n        background-color: rgba(255, 255, 255, 0.6) !important;\r\n        border: 1px solid rgba(79, 70, 229, 0.15) !important;\r\n        border-radius: 24px !important;\r\n        padding: 40px !important;\r\n        text-align: center !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.03) !important;\r\n        position: relative !important;\r\n    }\r\n\r\n    .amam-info-box::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important; width: 100% !important; height: 3px !important;\r\n        background: linear-gradient(90deg, var(--amam-primary), var(--amam-secondary)) !important;\r\n        border-radius: 24px 24px 0 0 !important;\r\n    }\r\n    \r\n    .amam-info-box p {\r\n        font-size: 1.1rem !important;\r\n        color: var(--amam-text-sub) !important;\r\n        line-height: 1.8 !important;\r\n        max-width: 1000px !important;\r\n        margin: 0 auto 15px auto !important;\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    .amam-info-box p:last-child { margin-bottom: 0 !important; }\r\n\r\n    .amam-info-box strong {\r\n        color: var(--amam-text-main) !important;\r\n        font-weight: 800 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       5. RESPONSIVE DESIGN\r\n       ========================================================================= *\/\r\n    @media (max-width: 1024px) {\r\n        .amam-grid { grid-template-columns: repeat(2, 1fr) !important; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .amam-heading { font-size: 2rem !important; }\r\n        .amam-grid { grid-template-columns: 1fr !important; }\r\n        .amam-card { align-items: center !important; text-align: center !important; }\r\n        .amam-info-box { padding: 30px 20px !important; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"asp-meta-ads-mysore\">\r\n    <div class=\"amam-container\">\r\n        \r\n        <div class=\"amam-header\">\r\n            <span class=\"amam-badge\">\r\n                <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z\"\/><\/svg>\r\n                Data-Driven Advertising\r\n            <\/span>\r\n            <h2 class=\"amam-heading\">Meta Ads Services <br><span>in Mysore<\/span><\/h2>\r\n            <p class=\"amam-intro\">\r\n                Meta Ads services in Mysore help businesses reach targeted audiences on Facebook and Instagram through data-driven advertising campaigns. \r\n            <\/p>\r\n            <p class=\"amam-intro\">\r\n                <strong>Aspire Digital Solutions<\/strong>, a digital marketing agency based in Mysore specializing in SEO, Google Ads, Meta Ads, and performance marketing, manages advertising campaigns designed to generate leads, increase brand visibility, and drive measurable sales growth.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <h3 class=\"amam-grid-title\">What Are Meta Ads?<\/h3>\r\n        <p class=\"amam-intro\" style=\"text-align: center !important; margin-top: -20px !important;\">Meta Ads are paid advertisements that appear across various Meta platforms including:<\/p>\r\n\r\n        <div class=\"amam-grid\">\r\n            \r\n            <div class=\"amam-card\">\r\n                <div class=\"amam-step-bg\">01<\/div>\r\n                <div class=\"amam-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 13.5h2.5l1-4H14v-2c0-1.03.8-1.5 1.5-1.5H17v-4h-3c-2.76 0-5 2.24-5 5v2.5H7v4h2v10h5v-10z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Facebook<\/h3>\r\n                <p>Reach the largest social audience through targeted in-feed, story, and video advertisements.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amam-card\">\r\n                <div class=\"amam-step-bg\">02<\/div>\r\n                <div class=\"amam-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M7.8 2h8.4C19.4 2 22 4.6 22 7.8v8.4a5.8 5.8 0 0 1-5.8 5.8H7.8C4.6 22 2 19.4 2 16.2V7.8A5.8 5.8 0 0 1 7.8 2m-.2 2A3.6 3.6 0 0 0 4 7.6v8.8C4 18.39 5.61 20 7.6 20h8.8a3.6 3.6 0 0 0 3.6-3.6V7.6C20 5.61 18.39 4 16.4 4H7.6m9.65 1.5a1.25 1.25 0 0 1 1.25 1.25A1.25 1.25 0 0 1 17.25 8 1.25 1.25 0 0 1 16 6.75a1.25 1.25 0 0 1 1.25-1.25M12 7a5 5 0 0 1 5 5 5 5 0 0 1-5 5 5 5 0 0 1-5-5 5 5 0 0 1 5-5m0 2a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Instagram<\/h3>\r\n                <p>Engage visually driven users with high-quality image, carousel, and reel-based advertising.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amam-card\">\r\n                <div class=\"amam-step-bg\">03<\/div>\r\n                <div class=\"amam-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.13 2 11.23c0 2.89 1.48 5.46 3.79 7.15v3.45l3.43-1.89c.88.24 1.81.39 2.78.39 5.52 0 10-3.93 10-8.85S17.52 2 12 2zm1.09 11.96l-2.45-2.61-4.79 2.61 5.25-5.56 2.52 2.67 4.71-2.67-5.24 5.56z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Messenger<\/h3>\r\n                <p>Initiate direct conversations and generate instant inquiries through interactive chat-based ads.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amam-card\">\r\n                <div class=\"amam-step-bg\">04<\/div>\r\n                <div class=\"amam-icon\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M4 8h4V4H4v4zm6 12h4v-4h-4v4zm-6 0h4v-4H4v4zm0-6h4v-4H4v4zm6 0h4v-4h-4v4zm6-10v4h4V4h-4zm-6 4h4V4h-4v4zm6 6h4v-4h-4v4zm0 6h4v-4h-4v4z\"\/><\/svg>\r\n                <\/div>\r\n                <h3>Audience Network<\/h3>\r\n                <p>Extend your advertising reach beyond social media to thousands of highly vetted third-party mobile apps.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"amam-info-box\">\r\n            <p>\r\n                These ads are created using <strong>Meta Ads Manager<\/strong>, a platform that allows advertisers to define campaign objectives, audience targeting, budgets, and creative formats.\r\n            <\/p>\r\n            <p>\r\n                Meta Ads differ from traditional advertising because they rely on <strong>algorithmic delivery systems<\/strong> that analyze user behavior, interests, and engagement signals to determine which users are most likely to respond to an advertisement.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-87ac642 e-con-full e-flex e-con e-parent\" data-id=\"87ac642\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a687f54 elementor-widget elementor-widget-html\" data-id=\"a687f54\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       1. STRICTLY SCOPED VARIABLES & WRAPPER (DARK THEME)\r\n       ========================================================================= *\/\r\n    #asp-meta-process-fan {\r\n        --ampf-bg-main: #020617; \/* Very Dark Blue *\/\r\n        --ampf-bg-card: rgba(15, 23, 42, 0.95); \/* Solid Dark Glass *\/\r\n        --ampf-primary: #6366f1; \/* Indigo *\/\r\n        --ampf-secondary: #ec4899; \/* Pink *\/\r\n        --ampf-accent: #3b82f6; \/* Blue *\/\r\n        --ampf-text-head: #ffffff; \r\n        --ampf-text-body: #cbd5e1; \r\n        \r\n        --ampf-card-width: 310px; \r\n        --ampf-card-height: 480px;\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        width: 100% !important;\r\n        padding: 100px 20px !important;\r\n        background-color: var(--ampf-bg-main) !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        box-sizing: border-box !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    #asp-meta-process-fan * { \r\n        box-sizing: border-box !important; \r\n        outline: none !important;\r\n        margin: 0; padding: 0;\r\n        font-family: 'Outfit', sans-serif !important;\r\n    }\r\n\r\n    \/* Ambient Tech Grid *\/\r\n    #asp-meta-process-fan::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;\r\n        background-size: 40px 40px !important;\r\n        z-index: 0 !important;\r\n        pointer-events: none !important;\r\n        mask-image: radial-gradient(circle at center, black 20%, transparent 80%) !important;\r\n        -webkit-mask-image: radial-gradient(circle at center, black 20%, transparent 80%) !important;\r\n    }\r\n\r\n    \/* Ambient Glows *\/\r\n    .ampf-glow-1 {\r\n        position: absolute !important; top: -10% !important; left: -10% !important;\r\n        width: 500px !important; height: 500px !important;\r\n        background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, transparent 70%) !important;\r\n        border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important;\r\n    }\r\n    .ampf-glow-2 {\r\n        position: absolute !important; bottom: -10% !important; right: -10% !important;\r\n        width: 500px !important; height: 500px !important;\r\n        background: radial-gradient(circle, rgba(236, 72, 153, 0.1) 0%, transparent 70%) !important;\r\n        border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       2. HEADER SECTION\r\n       ========================================================================= *\/\r\n    .ampf-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        max-width: 850px !important;\r\n        margin-left: auto !important;\r\n        margin-right: auto !important;\r\n    }\r\n\r\n    .ampf-badge {\r\n        display: inline-flex !important; align-items: center !important; gap: 8px !important;\r\n        padding: 8px 18px !important; border-radius: 50px !important;\r\n        font-size: 0.9rem !important; font-weight: 700 !important;\r\n        text-transform: uppercase !important; letter-spacing: 1.5px !important;\r\n        margin-bottom: 20px !important;\r\n        background: rgba(99, 102, 241, 0.1) !important; \r\n        color: #a5b4fc !important; \r\n        border: 1px solid rgba(99, 102, 241, 0.2) !important;\r\n    }\r\n    .ampf-badge svg { display: block !important; }\r\n\r\n    .ampf-title {\r\n        font-size: clamp(2.2rem, 5vw, 3.5rem) !important;\r\n        color: var(--ampf-text-head) !important;\r\n        font-weight: 800 !important;\r\n        margin-bottom: 20px !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n    \r\n    .ampf-title span {\r\n        background: linear-gradient(135deg, var(--ampf-primary) 0%, var(--ampf-secondary) 100%) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    .ampf-desc {\r\n        font-size: 1.15rem !important;\r\n        color: var(--ampf-text-body) !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       3. FAN STAGE & CARDS (DESKTOP BEHAVIOR)\r\n       ========================================================================= *\/\r\n    .ampf-fan-stage {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        height: var(--ampf-card-height) !important;\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        perspective: 1200px !important;\r\n        z-index: 5 !important;\r\n    }\r\n\r\n    .ampf-card {\r\n        position: absolute !important;\r\n        width: var(--ampf-card-width) !important;\r\n        height: var(--ampf-card-height) !important;\r\n        background: var(--ampf-bg-card) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        border-radius: 24px !important;\r\n        padding: 35px 25px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        transition: all 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) !important;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.6) !important;\r\n        cursor: pointer !important;\r\n        transform-origin: center bottom !important;\r\n        top: 0 !important;\r\n        opacity: 1 !important; \r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* Default Stack Position (Before Scroll\/Hover) *\/\r\n    .ampf-card:nth-child(1) { transform: translateX(-40px) scale(0.9) !important; z-index: 1 !important; }\r\n    .ampf-card:nth-child(2) { transform: translateX(-20px) scale(0.95) !important; z-index: 2 !important; }\r\n    .ampf-card:nth-child(3) { transform: translateX(0px) scale(1) !important; z-index: 3 !important; box-shadow: 0 0 30px rgba(99, 102, 241, 0.2) !important; border-color: rgba(99, 102, 241, 0.4) !important;}\r\n    .ampf-card:nth-child(4) { transform: translateX(20px) scale(0.95) !important; z-index: 2 !important; }\r\n    .ampf-card:nth-child(5) { transform: translateX(40px) scale(0.9) !important; z-index: 1 !important; }\r\n\r\n    \/* Fan Spread Action (Triggered by JS class 'active-fan') *\/\r\n    .ampf-fan-stage.active-fan .ampf-card:nth-child(1) { transform: translateX(-460px) translateY(40px) rotate(-12deg) !important; }\r\n    .ampf-fan-stage.active-fan .ampf-card:nth-child(2) { transform: translateX(-230px) translateY(15px) rotate(-6deg) !important; }\r\n    .ampf-fan-stage.active-fan .ampf-card:nth-child(3) { transform: translateX(0px) translateY(0px) rotate(0deg) !important; }\r\n    .ampf-fan-stage.active-fan .ampf-card:nth-child(4) { transform: translateX(230px) translateY(15px) rotate(6deg) !important; }\r\n    .ampf-fan-stage.active-fan .ampf-card:nth-child(5) { transform: translateX(460px) translateY(40px) rotate(12deg) !important; }\r\n\r\n    \/* Individual Card Hover (Overrides Spread) *\/\r\n    .ampf-fan-stage .ampf-card:hover {\r\n        z-index: 100 !important;\r\n        transform: scale(1.08) translateY(-30px) rotate(0deg) !important;\r\n        background: #0f172a !important; \r\n        border-color: var(--ampf-primary) !important;\r\n        box-shadow: 0 30px 80px rgba(0,0,0,0.8), 0 0 30px rgba(99, 102, 241, 0.3) !important;\r\n    }\r\n\r\n    \/* --- CARD CONTENT --- *\/\r\n    .ampf-tag {\r\n        display: inline-flex !important;\r\n        padding: 6px 14px !important;\r\n        border: 1px solid rgba(99, 102, 241, 0.4) !important;\r\n        border-radius: 50px !important;\r\n        font-size: 11px !important;\r\n        font-weight: 800 !important;\r\n        text-transform: uppercase !important;\r\n        color: #a5b4fc !important;\r\n        margin-bottom: 20px !important;\r\n        align-self: flex-start !important;\r\n        background: rgba(99, 102, 241, 0.1) !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .ampf-icon {\r\n        width: 50px !important; height: 50px !important;\r\n        display: flex !important; align-items: center !important; justify-content: flex-start !important;\r\n        margin-bottom: 15px !important;\r\n        color: var(--ampf-primary) !important;\r\n    }\r\n    .ampf-card:nth-child(even) .ampf-icon { color: var(--ampf-secondary) !important; }\r\n    .ampf-icon svg { display: block !important; width: 36px !important; height: 36px !important; }\r\n\r\n    .ampf-card-title {\r\n        font-size: 1.4rem !important;\r\n        font-weight: 800 !important;\r\n        color: var(--ampf-text-head) !important;\r\n        margin-bottom: 15px !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    .ampf-card-desc {\r\n        font-size: 0.95rem !important;\r\n        color: #94a3b8 !important;\r\n        margin-bottom: 20px !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .ampf-list {\r\n        list-style: none !important;\r\n        padding: 0 !important;\r\n        margin: 0 0 20px 0 !important;\r\n        flex-grow: 1 !important;\r\n    }\r\n    \r\n    .ampf-list li {\r\n        font-size: 0.95rem !important;\r\n        color: var(--ampf-text-body) !important;\r\n        margin-bottom: 12px !important;\r\n        padding-left: 20px !important;\r\n        position: relative !important;\r\n        line-height: 1.4 !important;\r\n        font-weight: 500 !important;\r\n    }\r\n    \r\n    .ampf-list li::before {\r\n        content: '\u25b9' !important;\r\n        color: var(--ampf-primary) !important;\r\n        position: absolute !important;\r\n        left: 0 !important;\r\n        top: -2px !important;\r\n        font-size: 1.2rem !important;\r\n        font-weight: 800 !important;\r\n    }\r\n    .ampf-card:nth-child(even) .ampf-list li::before { color: var(--ampf-secondary) !important; }\r\n\r\n    \/* =========================================================================\r\n       4. RESPONSIVE DESIGN (PROPER MOBILE STACKING)\r\n       ========================================================================= *\/\r\n    @media (max-width: 1200px) {\r\n        .ampf-fan-stage.active-fan .ampf-card:nth-child(1) { transform: translateX(-340px) rotate(-8deg) !important; }\r\n        .ampf-fan-stage.active-fan .ampf-card:nth-child(2) { transform: translateX(-170px) rotate(-4deg) !important; }\r\n        .ampf-fan-stage.active-fan .ampf-card:nth-child(4) { transform: translateX(170px) rotate(4deg) !important; }\r\n        .ampf-fan-stage.active-fan .ampf-card:nth-child(5) { transform: translateX(340px) rotate(8deg) !important; }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        #asp-meta-process-fan { padding: 80px 15px !important; height: auto !important; }\r\n        \r\n        \/* Convert Fan Stage to a Vertical Flex Container *\/\r\n        .ampf-fan-stage { \r\n            display: flex !important; \r\n            flex-direction: column !important; \r\n            height: auto !important; \r\n            gap: 30px !important; \/* Proper spacing between cards *\/\r\n            perspective: none !important; \/* Remove 3D effect on mobile *\/\r\n        }\r\n        \r\n        \/* Reset Card positioning and transforms for mobile *\/\r\n        .ampf-card {\r\n            position: relative !important; \r\n            width: 100% !important; \r\n            max-width: 450px !important; \r\n            top: auto !important; \r\n            left: auto !important;\r\n            transform: none !important; \r\n            margin: 0 auto !important; \r\n            height: auto !important; \/* Let content dictate height *\/\r\n            min-height: 300px !important;\r\n        }\r\n\r\n        \/* Disable all fan\/spread animations on mobile *\/\r\n        .ampf-card:nth-child(1), .ampf-card:nth-child(2), .ampf-card:nth-child(3), .ampf-card:nth-child(4), .ampf-card:nth-child(5) {\r\n            transform: none !important;\r\n            z-index: 1 !important;\r\n        }\r\n\r\n        .ampf-fan-stage.active-fan .ampf-card { transform: none !important; }\r\n        \r\n        \/* Subtle hover effect for mobile (no crazy scaling) *\/\r\n        .ampf-fan-stage .ampf-card:hover { \r\n            transform: translateY(-5px) !important; \r\n            z-index: 2 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"asp-meta-process-fan\">\r\n    \r\n    <div class=\"ampf-glow-1\"><\/div>\r\n    <div class=\"ampf-glow-2\"><\/div>\r\n\r\n    <div class=\"ampf-header\">\r\n        <span class=\"ampf-badge\">\r\n            <svg viewBox=\"0 0 24 24\" width=\"16\" height=\"16\" fill=\"currentColor\"><path d=\"M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM19 18H6c-2.21 0-4-1.79-4-4 0-2.05 1.53-3.76 3.56-3.97l1.07-.11.5-.95C8.08 7.14 9.94 6 12 6c2.62 0 4.88 1.86 5.39 4.43l.3 1.5 1.53.11c1.56.1 2.78 1.41 2.78 2.96 0 1.65-1.35 3-3 3zM8 13h2v-2c0-1.1.9-2 2-2s2 .9 2 2v2h2l-4 4-4-4z\"\/><\/svg>\r\n            Automated Architecture\r\n        <\/span>\r\n        <h2 class=\"ampf-title\">How Meta Ads <span>Work<\/span><\/h2>\r\n        <p class=\"ampf-desc\">\r\n            Meta Ads operate through an automated ad auction system that connects advertisers to relevant users instantly. The process involves several highly optimized stages.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ampf-fan-stage\" id=\"ampfFanStage\">\r\n        \r\n        <div class=\"ampf-card\">\r\n            <span class=\"ampf-tag\">Stage 1<\/span>\r\n            <div class=\"ampf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ampf-card-title\">Audience ID<\/h3>\r\n            <p class=\"ampf-card-desc\">Show ads only to users most likely to become customers.<\/p>\r\n            <ul class=\"ampf-list\">\r\n                <li>Geographic location<\/li>\r\n                <li>Age & Demographics<\/li>\r\n                <li>Interests & Behavior<\/li>\r\n                <li>Website visitor data<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"ampf-card\">\r\n            <span class=\"ampf-tag\">Stage 2<\/span>\r\n            <div class=\"ampf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M14 13.5h2.5l1-4H14v-2c0-1.03.8-1.5 1.5-1.5H17v-4h-3c-2.76 0-5 2.24-5 5v2.5H7v4h2v10h5v-10z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ampf-card-title\">Ad Auction<\/h3>\r\n            <p class=\"ampf-card-desc\">Every time a user opens the app, Meta runs an automated auction.<\/p>\r\n            <ul class=\"ampf-list\">\r\n                <li>Instant algorithmic matching<\/li>\r\n                <li>Competitor bid evaluation<\/li>\r\n                <li>Relevance scoring<\/li>\r\n                <li>Placement decision<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"ampf-card\">\r\n            <span class=\"ampf-tag\">Stage 3<\/span>\r\n            <div class=\"ampf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ampf-card-title\">Winning Factors<\/h3>\r\n            <p class=\"ampf-card-desc\">High relevance can win auctions even with lower bids.<\/p>\r\n            <ul class=\"ampf-list\">\r\n                <li><strong>Bid:<\/strong> Amount willing to pay<\/li>\r\n                <li><strong>Quality:<\/strong> Engagement signals<\/li>\r\n                <li><strong>Action Rate:<\/strong> Interaction probability<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"ampf-card\">\r\n            <span class=\"ampf-tag\">Stage 4<\/span>\r\n            <div class=\"ampf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.13 2 11.23c0 2.89 1.48 5.46 3.79 7.15v3.45l3.43-1.89c.88.24 1.81.39 2.78.39 5.52 0 10-3.93 10-8.85S17.52 2 12 2zm1.09 11.96l-2.45-2.61-4.79 2.61 5.25-5.56 2.52 2.67 4.71-2.67-5.24 5.56z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ampf-card-title\">Learning Phase<\/h3>\r\n            <p class=\"ampf-card-desc\">System collects performance data to optimize delivery.<\/p>\r\n            <ul class=\"ampf-list\">\r\n                <li>Tests audience segments<\/li>\r\n                <li>Tests creative variations<\/li>\r\n                <li>Tests app placements<\/li>\r\n                <li>Gathers conversion data<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"ampf-card\">\r\n            <span class=\"ampf-tag\">Stage 5<\/span>\r\n            <div class=\"ampf-icon\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ampf-card-title\">Continuous Scale<\/h3>\r\n            <p class=\"ampf-card-desc\">Optimization reduces cost per lead and increases conversions.<\/p>\r\n            <ul class=\"ampf-list\">\r\n                <li>Ongoing format testing<\/li>\r\n                <li>Refining objectives<\/li>\r\n                <li>Budget reallocation<\/li>\r\n                <li>ROI Maximization<\/li>\r\n            <\/ul>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        if (window.innerWidth > 900) {\r\n            const stage = document.getElementById('ampfFanStage');\r\n            \r\n            \/\/ Intersection Observer to trigger fan opening when scrolled into view\r\n            const observer = new IntersectionObserver((entries) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting) {\r\n                        \/\/ Small delay for dramatic effect\r\n                        setTimeout(() => {\r\n                            stage.classList.add('active-fan');\r\n                        }, 300);\r\n                        observer.unobserve(entry.target);\r\n                    }\r\n                });\r\n            }, { threshold: 0.5 });\r\n\r\n            observer.observe(stage);\r\n\r\n            \/\/ Keep hover functionality as backup\r\n            stage.addEventListener('mouseenter', () => stage.classList.add('active-fan'));\r\n            stage.addEventListener('mouseleave', () => stage.classList.remove('active-fan'));\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-0e3fe54 e-con-full e-flex e-con e-parent\" data-id=\"0e3fe54\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-56975ad elementor-widget elementor-widget-html\" data-id=\"56975ad\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       1. STRICTLY SCOPED VARIABLES & WRAPPER\r\n       ========================================================================= *\/\r\n    #asp-split-meta-layout {\r\n        --asml-light-bg: #f8fafc;\r\n        --asml-light-text: #0f172a;\r\n        --asml-light-sub: #475569;\r\n        \r\n        --asml-dark-bg: #020617;\r\n        --asml-dark-card: rgba(15, 23, 42, 0.6);\r\n        --asml-dark-text: #ffffff;\r\n        --asml-dark-sub: #cbd5e1;\r\n        \r\n        --asml-primary: #4f46e5; \/* Indigo *\/\r\n        --asml-secondary: #ec4899; \/* Pink *\/\r\n        --asml-gradient: linear-gradient(135deg, #4f46e5, #ec4899);\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        position: relative !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    #asp-split-meta-layout * { \r\n        box-sizing: border-box !important; \r\n        margin: 0; padding: 0; \r\n        transition: all 0.4s ease !important;\r\n    }\r\n\r\n    .asml-container {\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       2. TOP SECTION: LIGHT THEME (THE CONTEXT & IMAGE)\r\n       ========================================================================= *\/\r\n    .asml-light-section {\r\n        background-color: var(--asml-light-bg) !important;\r\n        padding: 100px 20px !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    \/* Subtle Pattern for Light Section *\/\r\n    .asml-light-section::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important; right: 0 !important;\r\n        width: 50% !important; height: 100% !important;\r\n        background-image: radial-gradient(rgba(79, 70, 229, 0.08) 2px, transparent 2px) !important;\r\n        background-size: 30px 30px !important;\r\n        z-index: 0 !important;\r\n        mask-image: linear-gradient(to left, black, transparent) !important;\r\n        -webkit-mask-image: linear-gradient(to left, black, transparent) !important;\r\n    }\r\n\r\n    .asml-split-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1.1fr 0.9fr !important;\r\n        gap: 60px !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .asml-light-content { position: relative !important; z-index: 2 !important; }\r\n\r\n    .asml-badge {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        background: rgba(79, 70, 229, 0.1) !important;\r\n        color: var(--asml-primary) !important;\r\n        padding: 8px 18px !important;\r\n        border-radius: 50px !important;\r\n        font-size: 0.9rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.5px !important;\r\n        margin-bottom: 25px !important;\r\n        border: 1px solid rgba(79, 70, 229, 0.2) !important;\r\n    }\r\n    .asml-badge svg { display: block !important; width: 18px !important; height: 18px !important; }\r\n\r\n    .asml-title {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: clamp(2.2rem, 4vw, 3.2rem) !important;\r\n        font-weight: 800 !important;\r\n        color: var(--asml-light-text) !important;\r\n        line-height: 1.2 !important;\r\n        margin-bottom: 20px !important;\r\n        letter-spacing: -1px !important;\r\n    }\r\n    .asml-title span {\r\n        background: var(--asml-gradient) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    .asml-desc {\r\n        font-size: 1.15rem !important;\r\n        color: var(--asml-light-sub) !important;\r\n        line-height: 1.7 !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    \/* Glowing Tags for Locations *\/\r\n    .asml-tags-wrap {\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        gap: 12px !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n    .asml-tag {\r\n        background: #ffffff !important;\r\n        border: 1px solid rgba(0,0,0,0.08) !important;\r\n        color: var(--asml-light-text) !important;\r\n        padding: 10px 20px !important;\r\n        border-radius: 50px !important;\r\n        font-size: 0.95rem !important;\r\n        font-weight: 600 !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.03) !important;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n    .asml-tag:hover {\r\n        border-color: var(--asml-primary) !important;\r\n        transform: translateY(-2px) !important;\r\n        box-shadow: 0 8px 20px rgba(79, 70, 229, 0.15) !important;\r\n    }\r\n    .asml-tag svg { color: var(--asml-secondary) !important; width: 18px !important; height: 18px !important; }\r\n\r\n    .asml-light-footer {\r\n        font-size: 1.05rem !important;\r\n        color: var(--asml-primary) !important;\r\n        font-weight: 600 !important;\r\n        padding-left: 15px !important;\r\n        border-left: 3px solid var(--asml-secondary) !important;\r\n    }\r\n\r\n    \/* Image Wrapper *\/\r\n    .asml-image-box {\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n    .asml-image-wrapper {\r\n        border-radius: 24px !important;\r\n        overflow: hidden !important;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.15) !important;\r\n        border: 8px solid #ffffff !important;\r\n        position: relative !important;\r\n    }\r\n    .asml-image-wrapper img {\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        transform: scale(1.02) !important;\r\n        transition: transform 0.5s ease !important;\r\n    }\r\n    .asml-image-box:hover .asml-image-wrapper img { transform: scale(1.05) !important; }\r\n\r\n    \/* Floating Stat Card *\/\r\n    .asml-floating-card {\r\n        position: absolute !important;\r\n        bottom: -20px !important;\r\n        left: -30px !important;\r\n        background: #ffffff !important;\r\n        padding: 20px 25px !important;\r\n        border-radius: 16px !important;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.12) !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 15px !important;\r\n        border: 1px solid rgba(0,0,0,0.05) !important;\r\n        z-index: 5 !important;\r\n        animation: asml-float 4s ease-in-out infinite !important;\r\n    }\r\n    .asml-floating-icon {\r\n        width: 46px !important; height: 46px !important;\r\n        background: rgba(16, 185, 129, 0.1) !important;\r\n        color: #10b981 !important;\r\n        border-radius: 12px !important;\r\n        display: flex !important; align-items: center !important; justify-content: center !important;\r\n    }\r\n    .asml-floating-icon svg { width: 24px !important; height: 24px !important; }\r\n    .asml-floating-text h4 { font-size: 1.3rem !important; font-weight: 800 !important; color: var(--asml-light-text) !important; margin-bottom: 2px !important; line-height: 1 !important;}\r\n    .asml-floating-text p { font-size: 0.85rem !important; color: var(--asml-light-sub) !important; font-weight: 600 !important; margin: 0 !important;}\r\n\r\n    @keyframes asml-float {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-10px); }\r\n    }\r\n\r\n\r\n    \/* =========================================================================\r\n       3. BOTTOM SECTION: DARK THEME (THE ACCORDION)\r\n       ========================================================================= *\/\r\n    .asml-dark-section {\r\n        background-color: var(--asml-dark-bg) !important;\r\n        padding: 100px 20px !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n        border-top: 1px solid rgba(255,255,255,0.05) !important;\r\n    }\r\n\r\n    \/* Ambient Dark Glows *\/\r\n    .asml-dark-section::before {\r\n        content: '' !important;\r\n        position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n        background: radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.15) 0%, transparent 60%) !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .asml-section-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .asml-section-header h2 {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: clamp(2rem, 4vw, 3rem) !important;\r\n        color: var(--asml-dark-text) !important;\r\n        line-height: 1.2 !important;\r\n        font-weight: 800 !important;\r\n    }\r\n    .asml-section-header p {\r\n        font-size: 1.15rem !important;\r\n        color: var(--asml-dark-sub) !important;\r\n        margin-top: 15px !important;\r\n        max-width: 600px !important;\r\n        margin-left: auto !important; margin-right: auto !important;\r\n    }\r\n\r\n    .asml-list {\r\n        max-width: 1000px !important;\r\n        margin: 0 auto !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 20px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .asml-item {\r\n        position: relative !important;\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        padding: 30px 40px !important;\r\n        text-decoration: none !important;\r\n        overflow: hidden !important;\r\n        background: var(--asml-dark-card) !important;\r\n        border: 1px solid rgba(255,255,255,0.1) !important;\r\n        border-radius: 20px !important;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;\r\n        cursor: pointer !important;\r\n        min-height: 120px !important;\r\n    }\r\n\r\n    \/* Background Image with Dark Overlay *\/\r\n    .asml-item-bg {\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n        opacity: 0 !important;\r\n        z-index: 0 !important;\r\n        transform: scale(1.1) !important;\r\n        transition: opacity 0.5s ease, transform 6s ease !important;\r\n    }\r\n\r\n    .asml-item-bg::after {\r\n        content: '' !important; \r\n        position: absolute !important; inset: 0 !important;\r\n        background: linear-gradient(90deg, rgba(15, 23, 42, 0.98) 0%, rgba(15, 23, 42, 0.7) 100%) !important;\r\n    }\r\n\r\n    .asml-content {\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        display: flex !important;\r\n        align-items: flex-start !important;\r\n        gap: 30px !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .asml-step-num {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: 1.2rem !important;\r\n        font-weight: 800 !important;\r\n        color: var(--asml-primary) !important;\r\n        background: rgba(79, 70, 229, 0.15) !important;\r\n        padding: 8px 14px !important;\r\n        border-radius: 12px !important;\r\n        margin-top: 5px !important;\r\n        border: 1px solid rgba(79, 70, 229, 0.3) !important;\r\n    }\r\n\r\n    .asml-info {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        flex-grow: 1 !important;\r\n    }\r\n\r\n    .asml-name {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: 1.6rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--asml-dark-text) !important;\r\n        margin-bottom: 8px !important;\r\n    }\r\n\r\n    .asml-genre {\r\n        font-size: 1rem !important;\r\n        color: var(--asml-dark-sub) !important;\r\n        font-weight: 500 !important;\r\n    }\r\n\r\n    \/* Hidden Details *\/\r\n    .asml-details {\r\n        display: block !important;\r\n        margin-top: 15px !important;\r\n        font-size: 0.95rem !important;\r\n        color: var(--asml-dark-sub) !important;\r\n        max-height: 0 !important;\r\n        opacity: 0 !important;\r\n        overflow: hidden !important;\r\n        transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;\r\n    }\r\n\r\n    .asml-details p { margin-bottom: 12px !important; line-height: 1.6 !important; }\r\n\r\n    .asml-bullet-list {\r\n        list-style: none !important;\r\n        padding: 0 !important; margin: 0 !important;\r\n    }\r\n\r\n    .asml-bullet-list li {\r\n        position: relative !important;\r\n        padding-left: 20px !important;\r\n        margin-bottom: 8px !important;\r\n        line-height: 1.5 !important;\r\n        color: #e2e8f0 !important;\r\n    }\r\n    \r\n    .asml-bullet-list li::before {\r\n        content: '\u25b9' !important;\r\n        position: absolute !important;\r\n        left: 0 !important; top: -1px !important;\r\n        color: var(--asml-secondary) !important;\r\n        font-weight: 800 !important;\r\n        font-size: 1.1rem !important;\r\n    }\r\n\r\n    .asml-action {\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        align-self: center !important;\r\n    }\r\n\r\n    .asml-arrow {\r\n        width: 45px !important; height: 45px !important;\r\n        border-radius: 50% !important;\r\n        border: 1px solid rgba(255,255,255,0.2) !important;\r\n        display: flex !important; align-items: center !important; justify-content: center !important;\r\n        color: var(--asml-dark-text) !important;\r\n        background: rgba(255,255,255,0.05) !important;\r\n    }\r\n\r\n    \/* --- HOVER LOGIC (Desktop) --- *\/\r\n    @media (min-width: 992px) {\r\n        .asml-item:hover { transform: translateY(-5px) !important; border-color: var(--asml-primary) !important; }\r\n        .asml-item:hover .asml-item-bg { opacity: 1 !important; transform: scale(1) !important; }\r\n        .asml-item:hover .asml-details { max-height: 500px !important; opacity: 1 !important; padding-top: 5px !important; }\r\n        .asml-item:hover .asml-arrow { background: var(--asml-primary) !important; border-color: var(--asml-primary) !important; transform: rotate(90deg) !important; }\r\n    }\r\n\r\n    \/* --- MOBILE RESPONSIVENESS --- *\/\r\n    @media (max-width: 991px) {\r\n        .asml-split-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\r\n        .asml-light-section::before { display: none !important; }\r\n        .asml-floating-card { left: 10px !important; bottom: -15px !important; padding: 15px !important; }\r\n        \r\n        .asml-item { flex-direction: column !important; padding: 25px !important; height: auto !important; }\r\n        .asml-content { flex-direction: column !important; gap: 15px !important; }\r\n        \r\n        \/* Always show details on mobile since there is no hover *\/\r\n        .asml-details { max-height: none !important; opacity: 1 !important; margin-top: 15px !important;}\r\n        \r\n        .asml-action { display: none !important; }\r\n        .asml-item-bg { opacity: 1 !important; filter: grayscale(50%) !important; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"asp-split-meta-layout\">\r\n    \r\n    <section class=\"asml-light-section\">\r\n        <div class=\"asml-container asml-split-grid\">\r\n            \r\n            <div class=\"asml-light-content\">\r\n                <span class=\"asml-badge\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\r\n                    Local Domination\r\n                <\/span>\r\n                <h2 class=\"asml-title\">Why Meta Ads Work for <br><span>Local Businesses<\/span><\/h2>\r\n                <p class=\"asml-desc\">\r\n                    Facebook and Instagram have significant daily usage across Mysore. Businesses can use Meta Ads to reach potential customers precisely during their everyday social media activity.\r\n                <\/p>\r\n                \r\n                <div class=\"asml-tags-wrap\">\r\n                    <div class=\"asml-tag\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm8-6h-2c-1.1 0-2 .9-2 2v17h2v-7h2c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 7h-2V5h2v4z\"\/><\/svg>\r\n                        Restaurants in Gokulam\r\n                    <\/div>\r\n                    <div class=\"asml-tag\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21.9 8.89l-1.05-4.37c-.22-.9-1-1.52-1.91-1.52H5.05c-.9 0-1.69.63-1.9 1.52L2.1 8.89c-.24 1.02-.02 2.06.62 2.88.08.11.19.19.28.29V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6.94c.09-.09.2-.18.28-.28.64-.82.87-1.87.62-2.89zm-2.99-3.89l1.05 4.37c.1.42.01.84-.25 1.13-.2.22-.52.4-1.01.4-.73 0-1.39-.46-1.63-1.13L15.4 4h3.51zM13.4 4l1.58 5.39c.14.49-.04.99-.46 1.34-.28.24-.65.37-1.03.37-.8 0-1.51-.55-1.68-1.33L11.14 4h2.26zm-4.66 0l.67 5.76c-.17.78-.88 1.33-1.68 1.33-.38 0-.75-.13-1.03-.37-.42-.35-.6-.85-.46-1.34L7.8 4h.94zm-5.69 0h3.51l-1.68 5.78c-.24.67-.9 1.13-1.63 1.13-.49 0-.81-.18-1.01-.4-.26-.29-.35-.71-.25-1.13l1.06-4.38zM20 19H4v-6.03c.16.03.33.03.5.03 1.16 0 2.21-.49 2.94-1.26.73.77 1.78 1.26 2.94 1.26s2.21-.49 2.94-1.26c.73.77 1.78 1.26 2.94 1.26.17 0 .34 0 .5-.03V19z\"\/><\/svg>\r\n                        Boutiques in VV Mohalla\r\n                    <\/div>\r\n                    <div class=\"asml-tag\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 6h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM10 4h4v2h-4V4zm10 16H4V8h16v12zm-8-2h-2v-3H8v-2h2v-3h2v3h2v2h-2v3z\"\/><\/svg>\r\n                        Clinics in Saraswathipuram\r\n                    <\/div>\r\n                    <div class=\"asml-tag\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h-2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"\/><\/svg>\r\n                        Agencies in Hebbal\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"asml-light-footer\">\r\n                    Meta Ads allow campaigns to target specific neighborhoods, interests, and behaviors, making them effective for local marketing.\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"asml-image-box\">\r\n                <div class=\"asml-image-wrapper\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?auto=format&fit=crop&w=800&q=80\" alt=\"Local Business Meta Ads\">\r\n                <\/div>\r\n                <div class=\"asml-floating-card\">\r\n                    <div class=\"asml-floating-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0-3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.29 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"asml-floating-text\">\r\n                        <h4>10k+<\/h4>\r\n                        <p>Local Audience Reached<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"asml-dark-section\">\r\n        <div class=\"asml-container\">\r\n            \r\n            <header class=\"asml-section-header\">\r\n                <h2>What Meta Ads Services Include<\/h2>\r\n                <p>Professional Meta advertising campaigns include several strategic components to maximize your return on ad spend.<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"asml-list\">\r\n                \r\n                <div class=\"asml-item\">\r\n                    <div class=\"asml-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=800');\"><\/div>\r\n                    <div class=\"asml-content\">\r\n                        <div class=\"asml-step-num\">01<\/div>\r\n                        <div class=\"asml-info\">\r\n                            <h3 class=\"asml-name\">Audience Research<\/h3>\r\n                            <p class=\"asml-genre\">Identifying high-converting customer segments.<\/p>\r\n                            <div class=\"asml-details\">\r\n                                <p>We pinpoint exact customer segments based on demographics, interests, and behavior to ensure your budget is spent on users most likely to convert.<\/p>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"asml-action\">\r\n                        <div class=\"asml-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"asml-item\">\r\n                    <div class=\"asml-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800');\"><\/div>\r\n                    <div class=\"asml-content\">\r\n                        <div class=\"asml-step-num\">02<\/div>\r\n                        <div class=\"asml-info\">\r\n                            <h3 class=\"asml-name\">Campaign Strategy<\/h3>\r\n                            <p class=\"asml-genre\">Selecting the correct objectives for your goals.<\/p>\r\n                            <div class=\"asml-details\">\r\n                                <p>We structure campaigns around specific objectives including:<\/p>\r\n                                <ul class=\"asml-bullet-list\">\r\n                                    <li>Lead generation<\/li>\r\n                                    <li>Website conversions<\/li>\r\n                                    <li>Brand awareness<\/li>\r\n                                    <li>Catalog sales<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"asml-action\">\r\n                        <div class=\"asml-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"asml-item\">\r\n                    <div class=\"asml-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1611162617474-5b21e879e113?auto=format&fit=crop&w=800');\"><\/div>\r\n                    <div class=\"asml-content\">\r\n                        <div class=\"asml-step-num\">03<\/div>\r\n                        <div class=\"asml-info\">\r\n                            <h3 class=\"asml-name\">Creative Development<\/h3>\r\n                            <p class=\"asml-genre\">Producing visual ads that stop the scroll.<\/p>\r\n                            <div class=\"asml-details\">\r\n                                <p>Creative quality strongly influences engagement and ad performance. We develop:<\/p>\r\n                                <ul class=\"asml-bullet-list\">\r\n                                    <li>Image ads<\/li>\r\n                                    <li>Video ads<\/li>\r\n                                    <li>Carousel ads<\/li>\r\n                                    <li>Collection ads<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"asml-action\">\r\n                        <div class=\"asml-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"asml-item\">\r\n                    <div class=\"asml-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1504868584819-f8e8b4b6d7e3?auto=format&fit=crop&w=800');\"><\/div>\r\n                    <div class=\"asml-content\">\r\n                        <div class=\"asml-step-num\">04<\/div>\r\n                        <div class=\"asml-info\">\r\n                            <h3 class=\"asml-name\">Conversion Tracking<\/h3>\r\n                            <p class=\"asml-genre\">Implementing Meta Pixel & Conversions API.<\/p>\r\n                            <div class=\"asml-details\">\r\n                                <p>This tracking allows the algorithm to optimize ad delivery toward users most likely to convert. We track:<\/p>\r\n                                <ul class=\"asml-bullet-list\">\r\n                                    <li>Form submissions<\/li>\r\n                                    <li>Purchases<\/li>\r\n                                    <li>Website visits<\/li>\r\n                                    <li>Add-to-cart actions<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"asml-action\">\r\n                        <div class=\"asml-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"asml-item\">\r\n                    <div class=\"asml-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1533750516457-a7f992034fec?auto=format&fit=crop&w=800');\"><\/div>\r\n                    <div class=\"asml-content\">\r\n                        <div class=\"asml-step-num\">05<\/div>\r\n                        <div class=\"asml-info\">\r\n                            <h3 class=\"asml-name\">Performance Optimization<\/h3>\r\n                            <p class=\"asml-genre\">Continuous improvement through data analysis.<\/p>\r\n                            <div class=\"asml-details\">\r\n                                <p>Campaigns are continuously improved by analyzing metrics such as:<\/p>\r\n                                <ul class=\"asml-bullet-list\">\r\n                                    <li>Click-through rate (CTR)<\/li>\r\n                                    <li>Cost per lead (CPL)<\/li>\r\n                                    <li>Return on ad spend (ROAS)<\/li>\r\n                                <\/ul>\r\n                            <\/div>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"asml-action\">\r\n                        <div class=\"asml-arrow\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\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-f8cbdb7 e-con-full e-flex e-con e-child\" data-id=\"f8cbdb7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25fd88d elementor-widget elementor-widget-html\" data-id=\"25fd88d\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       1. STRICTLY SCOPED VARIABLES & WRAPPER (PREMIUM DARK THEME)\r\n       ========================================================================= *\/\r\n    #asp-meta-cost-mysore {\r\n        --amc-bg: #030712; \/* Deep Slate\/Black *\/\r\n        --amc-surface: rgba(17, 24, 39, 0.7);\r\n        --amc-surface-hover: rgba(30, 41, 59, 0.9);\r\n        --amc-text-main: #f8fafc;\r\n        --amc-text-sub: #94a3b8;\r\n        --amc-primary: #3b82f6; \/* Meta Blue *\/\r\n        --amc-accent: #8b5cf6; \/* Violet *\/\r\n        --amc-gradient: linear-gradient(135deg, #3b82f6, #8b5cf6);\r\n        --amc-border: rgba(255, 255, 255, 0.1);\r\n        --amc-glow: rgba(59, 130, 246, 0.15);\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        width: 100% !important;\r\n        padding: 100px 20px !important;\r\n        background-color: var(--amc-bg) !important;\r\n        position: relative !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    #asp-meta-cost-mysore * {\r\n        box-sizing: border-box !important;\r\n        margin: 0; padding: 0;\r\n        font-family: 'Outfit', sans-serif !important;\r\n        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n    }\r\n\r\n    \/* Ambient Background Effects *\/\r\n    #asp-meta-cost-mysore::before {\r\n        content: '' !important;\r\n        position: absolute !important; top: -20% !important; left: -10% !important;\r\n        width: 600px !important; height: 600px !important;\r\n        background: radial-gradient(circle, var(--amc-glow) 0%, transparent 70%) !important;\r\n        border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important;\r\n    }\r\n    #asp-meta-cost-mysore::after {\r\n        content: '' !important;\r\n        position: absolute !important; bottom: -20% !important; right: -10% !important;\r\n        width: 600px !important; height: 600px !important;\r\n        background: radial-gradient(circle, rgba(139, 92, 246, 0.1) 0%, transparent 70%) !important;\r\n        border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important;\r\n    }\r\n\r\n    .amc-container {\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       2. HEADER\r\n       ========================================================================= *\/\r\n    .amc-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n    }\r\n\r\n    .amc-badge {\r\n        display: inline-flex !important; align-items: center !important; gap: 8px !important;\r\n        background: rgba(59, 130, 246, 0.1) !important;\r\n        color: var(--amc-primary) !important;\r\n        padding: 8px 18px !important; border-radius: 50px !important;\r\n        font-size: 0.9rem !important; font-weight: 700 !important;\r\n        text-transform: uppercase !important; letter-spacing: 1.5px !important;\r\n        margin-bottom: 20px !important;\r\n        border: 1px solid rgba(59, 130, 246, 0.2) !important;\r\n    }\r\n    .amc-badge svg { display: block !important; width: 16px !important; height: 16px !important; }\r\n\r\n    .amc-title {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: clamp(2.2rem, 4vw, 3.5rem) !important;\r\n        color: var(--amc-text-main) !important;\r\n        font-weight: 800 !important; line-height: 1.2 !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    .amc-title span {\r\n        background: var(--amc-gradient) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    .amc-desc {\r\n        font-size: 1.15rem !important; color: var(--amc-text-sub) !important;\r\n        max-width: 700px !important; margin: 0 auto !important; line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       3. SPLIT LAYOUT: COMPONENTS VS RANGES\r\n       ========================================================================= *\/\r\n    .amc-split-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1.2fr !important;\r\n        gap: 50px !important;\r\n        align-items: stretch !important;\r\n    }\r\n\r\n    \/* --- LEFT: COST COMPONENTS (THE EQUATION UI) --- *\/\r\n    .amc-left-col {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: center !important;\r\n        background: var(--amc-surface) !important;\r\n        border: 1px solid var(--amc-border) !important;\r\n        border-radius: 24px !important;\r\n        padding: 40px 30px !important;\r\n        backdrop-filter: blur(12px) !important;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.3) !important;\r\n    }\r\n\r\n    .amc-col-title {\r\n        font-size: 1.4rem !important; font-weight: 700 !important; color: var(--amc-text-main) !important;\r\n        margin-bottom: 30px !important; text-align: center !important;\r\n    }\r\n\r\n    .amc-component-box {\r\n        background: rgba(255, 255, 255, 0.03) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.08) !important;\r\n        border-radius: 16px !important;\r\n        padding: 25px !important;\r\n        display: flex !important; align-items: flex-start !important; gap: 20px !important;\r\n    }\r\n\r\n    .amc-comp-icon {\r\n        width: 54px !important; height: 54px !important; flex-shrink: 0 !important;\r\n        background: rgba(59, 130, 246, 0.1) !important; color: var(--amc-primary) !important;\r\n        border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important;\r\n    }\r\n    .amc-component-box:nth-of-type(3) .amc-comp-icon { background: rgba(139, 92, 246, 0.1) !important; color: var(--amc-accent) !important; }\r\n    .amc-comp-icon svg { width: 28px !important; height: 28px !important; display: block !important; }\r\n\r\n    .amc-comp-text h4 { font-size: 1.25rem !important; font-weight: 700 !important; color: var(--amc-text-main) !important; margin-bottom: 8px !important; line-height: 1.2 !important; }\r\n    .amc-comp-text p { font-size: 0.95rem !important; color: var(--amc-text-sub) !important; line-height: 1.5 !important; margin: 0 !important; }\r\n\r\n    .amc-plus-divider {\r\n        width: 40px !important; height: 40px !important;\r\n        background: var(--amc-gradient) !important; color: #fff !important;\r\n        border-radius: 50% !important; display: flex !important; align-items: center !important; justify-content: center !important;\r\n        font-size: 1.5rem !important; font-weight: 800 !important;\r\n        margin: -15px auto !important; position: relative !important; z-index: 2 !important;\r\n        box-shadow: 0 10px 20px rgba(59, 130, 246, 0.4) !important;\r\n    }\r\n\r\n    \/* --- RIGHT: BUDGET TIERS (STACKED BARS) --- *\/\r\n    .amc-right-col {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 20px !important;\r\n        justify-content: center !important;\r\n    }\r\n\r\n    .amc-tier-row {\r\n        background: var(--amc-surface) !important;\r\n        border: 1px solid var(--amc-border) !important;\r\n        border-radius: 20px !important;\r\n        padding: 30px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: space-between !important;\r\n        gap: 20px !important;\r\n        backdrop-filter: blur(12px) !important;\r\n        cursor: pointer !important;\r\n        position: relative !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    \/* Hover Glow Effect *\/\r\n    .amc-tier-row::before {\r\n        content: '' !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 4px !important; height: 100% !important;\r\n        background: var(--amc-gradient) !important; opacity: 0 !important; transition: opacity 0.3s ease !important;\r\n    }\r\n\r\n    .amc-tier-row:hover {\r\n        background: var(--amc-surface-hover) !important;\r\n        transform: translateX(10px) !important;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.4) !important;\r\n        border-color: rgba(59, 130, 246, 0.3) !important;\r\n    }\r\n    .amc-tier-row:hover::before { opacity: 1 !important; }\r\n\r\n    .amc-tier-info {\r\n        display: flex !important; align-items: center !important; gap: 20px !important; flex: 1 !important;\r\n    }\r\n\r\n    .amc-tier-icon {\r\n        width: 50px !important; height: 50px !important; flex-shrink: 0 !important;\r\n        background: rgba(255, 255, 255, 0.05) !important; border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        border-radius: 14px !important; display: flex !important; align-items: center !important; justify-content: center !important;\r\n        color: var(--amc-text-main) !important;\r\n    }\r\n    .amc-tier-row:hover .amc-tier-icon { background: var(--amc-primary) !important; color: #fff !important; border-color: var(--amc-primary) !important; transform: scale(1.1) !important; }\r\n    .amc-tier-icon svg { width: 24px !important; height: 24px !important; display: block !important; }\r\n\r\n    .amc-tier-text h4 { font-size: 1.25rem !important; font-weight: 700 !important; color: var(--amc-text-main) !important; margin-bottom: 5px !important; line-height: 1.2 !important; }\r\n    .amc-tier-text p { font-size: 0.9rem !important; color: var(--amc-text-sub) !important; margin: 0 !important; text-transform: uppercase !important; letter-spacing: 1px !important;}\r\n\r\n    .amc-tier-price {\r\n        text-align: right !important;\r\n    }\r\n    .amc-tier-price .amount {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: 1.6rem !important; font-weight: 800 !important; color: var(--amc-primary) !important;\r\n        display: block !important; margin-bottom: 5px !important;\r\n    }\r\n    .amc-tier-price .label { font-size: 0.85rem !important; color: var(--amc-text-sub) !important; }\r\n\r\n    \/* =========================================================================\r\n       4. FOOTER \/ CONCLUSION\r\n       ========================================================================= *\/\r\n    .amc-footer-note {\r\n        margin-top: 50px !important;\r\n        background: linear-gradient(90deg, rgba(59, 130, 246, 0.1), rgba(139, 92, 246, 0.1)) !important;\r\n        border: 1px solid rgba(59, 130, 246, 0.2) !important;\r\n        border-radius: 16px !important;\r\n        padding: 25px 30px !important;\r\n        display: flex !important; align-items: center !important; gap: 20px !important;\r\n        backdrop-filter: blur(10px) !important;\r\n    }\r\n\r\n    .amc-footer-note svg { color: var(--amc-primary) !important; width: 36px !important; height: 36px !important; flex-shrink: 0 !important; display: block !important; }\r\n    \r\n    .amc-footer-note p {\r\n        font-size: 1.05rem !important; color: var(--amc-text-main) !important; line-height: 1.6 !important; margin: 0 !important; font-weight: 400 !important;\r\n    }\r\n    .amc-footer-note p strong { color: var(--amc-primary) !important; font-weight: 700 !important; }\r\n\r\n    \/* =========================================================================\r\n       5. RESPONSIVE DESIGN\r\n       ========================================================================= *\/\r\n    @media (max-width: 992px) {\r\n        .amc-split-grid { grid-template-columns: 1fr !important; gap: 40px !important; }\r\n        .amc-tier-row { transform: none !important; }\r\n        .amc-tier-row:hover { transform: translateY(-5px) !important; }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        #asp-meta-cost-mysore { padding: 80px 15px !important; }\r\n        .amc-title { font-size: 2.2rem !important; }\r\n        .amc-tier-row { flex-direction: column !important; align-items: flex-start !important; padding: 25px !important; }\r\n        .amc-tier-price { text-align: left !important; margin-top: 10px !important; padding-left: 70px !important; }\r\n        .amc-footer-note { flex-direction: column !important; text-align: center !important; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"asp-meta-cost-mysore\">\r\n    <div class=\"amc-container\">\r\n        \r\n        <header class=\"amc-header\">\r\n            <span class=\"amc-badge\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1.41 16.09V20h-2.67v-1.93c-1.71-.36-3.16-1.46-3.27-3.4h1.96c.1 1.05.82 1.87 2.65 1.87 1.96 0 2.4-.98 2.4-1.59 0-.83-.44-1.61-2.67-2.14-2.48-.6-3.47-1.78-3.47-3.15 0-1.55 1.25-2.54 2.82-2.82V5h2.67v1.95c1.26.24 2.37 1.13 2.55 2.61h-1.95c-.15-.99-.87-1.47-2.01-1.47-1.39 0-2.16.71-2.16 1.43 0 .78.58 1.26 2.81 1.76 2.65.6 3.25 1.95 3.25 3.32 0 1.54-1.12 2.66-2.88 2.89z\"\/><\/svg>\r\n                Investment Breakdown\r\n            <\/span>\r\n            <h2 class=\"amc-title\">Meta Ads Cost <span>in Mysore<\/span><\/h2>\r\n            <p class=\"amc-desc\">\r\n                Understanding your advertising budget is crucial. The cost of Meta Ads campaigns typically includes two distinct components.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"amc-split-grid\">\r\n            \r\n            <div class=\"amc-left-col\">\r\n                <h3 class=\"amc-col-title\">The Cost Components<\/h3>\r\n                \r\n                <div class=\"amc-component-box\">\r\n                    <div class=\"amc-comp-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 4H4c-1.11 0-1.99.89-1.99 2L2 18c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V6c0-1.11-.89-2-2-2zm0 14H4V6h16v12zM8 12c0-2.21 1.79-4 4-4s4 1.79 4 4-1.79 4-4 4-4-1.79-4-4zm6 0c0-1.1-.9-2-2-2s-2 .9-2 2 .9 2 2 2 2-.9 2-2z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"amc-comp-text\">\r\n                        <h4>Ad Spend<\/h4>\r\n                        <p>The core budget paid directly to Meta (Facebook\/Instagram) to display your advertisements to the targeted audience.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"amc-plus-divider\">+<\/div>\r\n\r\n                <div class=\"amc-component-box\">\r\n                    <div class=\"amc-comp-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.06-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.56-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.73 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.08.62-.08.94s.03.64.08.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .43-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.49-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z\"\/><\/svg>\r\n                    <\/div>\r\n                    <div class=\"amc-comp-text\">\r\n                        <h4>Management Fee<\/h4>\r\n                        <p>The professional fee for campaign strategy, ad creation, continuous optimization, tracking, and reporting.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n            <div class=\"amc-right-col\">\r\n                <h3 class=\"amc-col-title\" style=\"text-align: left !important; margin-bottom: 20px !important;\">Recommended Ad Spend<\/h3>\r\n                \r\n                <div class=\"amc-tier-row\">\r\n                    <div class=\"amc-tier-info\">\r\n                        <div class=\"amc-tier-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M20 6h-4V4c0-1.11-.89-2-2-2h-4c-1.11 0-2 .89-2 2v2H4c-1.11 0-1.99.89-1.99 2L2 19c0 1.11.89 2 2 2h16c1.11 0 2-.89 2-2V8c0-1.11-.89-2-2-2zm-6 0h-4V4h4v2z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"amc-tier-text\">\r\n                            <h4>Small Businesses<\/h4>\r\n                            <p>Local Retail & Startups<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"amc-tier-price\">\r\n                        <span class=\"amount\">\u20b910K \u2013 \u20b925K<\/span>\r\n                        <span class=\"label\">Monthly Ad Spend<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"amc-tier-row\">\r\n                    <div class=\"amc-tier-info\">\r\n                        <div class=\"amc-tier-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M21 3H3c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H3V5h18v14zm-9-2h2v-5h3l-4-5-4 5h3z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"amc-tier-text\">\r\n                            <h4>Service Businesses<\/h4>\r\n                            <p>Clinics, Agencies & Salons<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"amc-tier-price\">\r\n                        <span class=\"amount\">\u20b920K \u2013 \u20b950K<\/span>\r\n                        <span class=\"label\">Monthly Ad Spend<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"amc-tier-row\">\r\n                    <div class=\"amc-tier-info\">\r\n                        <div class=\"amc-tier-icon\">\r\n                            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2L1 21h22L12 2zm0 3.99L19.53 19H4.47L12 5.99zM11 16h2v2h-2zm0-6h2v4h-2z\"\/><\/svg>\r\n                        <\/div>\r\n                        <div class=\"amc-tier-text\">\r\n                            <h4>Competitive Industries<\/h4>\r\n                            <p>Real Estate & E-commerce<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                    <div class=\"amc-tier-price\">\r\n                        <span class=\"amount\">\u20b950,000+<\/span>\r\n                        <span class=\"label\">Monthly Ad Spend<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"amc-footer-note\">\r\n            <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M11 15h2v2h-2v-2zm0-8h2v6h-2V7zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z\"\/><\/svg>\r\n            <p>\r\n                <strong>Note:<\/strong> Actual costs vary depending on industry competition, audience targeting scope, and the level of campaign optimization required.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-891f2b7 e-con-full e-flex e-con e-parent\" data-id=\"891f2b7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0eb5825 elementor-widget elementor-widget-html\" data-id=\"0eb5825\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       1. STRICTLY SCOPED VARIABLES & WRAPPER\r\n       ========================================================================= *\/\r\n    #asp-meta-45deg {\r\n        --am45-light-bg: #f8fafc;\r\n        --am45-light-text: #0f172a;\r\n        --am45-light-sub: #475569;\r\n        \r\n        --am45-dark-bg: #030712;\r\n        --am45-dark-card: rgba(15, 23, 42, 0.8);\r\n        --am45-dark-text: #ffffff;\r\n        --am45-dark-sub: #cbd5e1;\r\n        \r\n        --am45-primary: #4f46e5; \/* Indigo *\/\r\n        --am45-secondary: #ec4899; \/* Pink *\/\r\n        --am45-accent: #0ea5e9; \/* Cyan *\/\r\n        --am45-gradient: linear-gradient(135deg, #4f46e5, #ec4899);\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        position: relative !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    #asp-meta-45deg * { \r\n        box-sizing: border-box !important; \r\n        margin: 0; padding: 0; \r\n        transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .am45-container {\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       2. TOP SECTION: LIGHT THEME (THE CONTEXT)\r\n       ========================================================================= *\/\r\n    .am45-light-section {\r\n        background-color: var(--am45-light-bg) !important;\r\n        padding: 100px 20px 140px 20px !important; \/* Extra bottom padding for the slant overlap *\/\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* Subtle 45-deg background lines *\/\r\n    .am45-light-section::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important; right: 0 !important;\r\n        width: 50% !important; height: 100% !important;\r\n        background-image: repeating-linear-gradient(45deg, rgba(79, 70, 229, 0.03) 0, rgba(79, 70, 229, 0.03) 1px, transparent 1px, transparent 20px) !important;\r\n        z-index: 0 !important;\r\n    }\r\n\r\n    .am45-split-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 60px !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    .am45-light-content { position: relative !important; z-index: 2 !important; }\r\n\r\n    .am45-badge {\r\n        display: inline-flex !important;\r\n        align-items: center !important;\r\n        gap: 8px !important;\r\n        background: rgba(79, 70, 229, 0.1) !important;\r\n        color: var(--am45-primary) !important;\r\n        padding: 8px 18px !important;\r\n        border-radius: 4px !important; \/* Sharp corners for tech vibe *\/\r\n        font-size: 0.9rem !important;\r\n        font-weight: 800 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.5px !important;\r\n        margin-bottom: 25px !important;\r\n        border-left: 3px solid var(--am45-primary) !important;\r\n    }\r\n    .am45-badge svg { display: block !important; width: 18px !important; height: 18px !important; }\r\n\r\n    .am45-title {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: clamp(2.2rem, 4vw, 3.2rem) !important;\r\n        font-weight: 700 !important;\r\n        color: var(--am45-light-text) !important;\r\n        line-height: 1.15 !important;\r\n        margin-bottom: 20px !important;\r\n        letter-spacing: -1px !important;\r\n    }\r\n    .am45-title span {\r\n        background: var(--am45-gradient) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    .am45-desc {\r\n        font-size: 1.15rem !important;\r\n        color: var(--am45-light-sub) !important;\r\n        line-height: 1.7 !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    \/* Target List *\/\r\n    .am45-target-list {\r\n        list-style: none !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        gap: 15px !important;\r\n        margin-bottom: 30px !important;\r\n    }\r\n\r\n    .am45-target-list li {\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        gap: 15px !important;\r\n        font-size: 1.05rem !important;\r\n        color: var(--am45-light-text) !important;\r\n        font-weight: 600 !important;\r\n        background: #ffffff !important;\r\n        padding: 12px 20px !important;\r\n        border-radius: 8px !important;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;\r\n        border: 1px solid rgba(0,0,0,0.05) !important;\r\n    }\r\n\r\n    .am45-target-list li svg { color: var(--am45-secondary) !important; flex-shrink: 0 !important; }\r\n\r\n    \/* \ud83d\udd25 45-DEGREE IMAGE MASK \ud83d\udd25 *\/\r\n    .am45-image-wrap {\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        \/* The magical 45-degree slant cut *\/\r\n        clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%) !important;\r\n        box-shadow: inset 0 0 0 10px #ffffff !important;\r\n        background: #ffffff !important;\r\n        padding: 8px !important;\r\n    }\r\n    \r\n    .am45-image-wrap img {\r\n        width: 100% !important;\r\n        height: auto !important;\r\n        display: block !important;\r\n        object-fit: cover !important;\r\n        clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%) !important;\r\n        transform: scale(1.05) !important;\r\n        transition: transform 0.8s ease !important;\r\n    }\r\n    .am45-image-wrap:hover img { transform: scale(1.1) !important; }\r\n\r\n    \/* =========================================================================\r\n       3. BOTTOM SECTION: DARK THEME (THE 45-DEGREE SLANT)\r\n       ========================================================================= *\/\r\n    .am45-dark-section {\r\n        background-color: var(--am45-dark-bg) !important;\r\n        padding: 120px 20px 100px 20px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        \/* \ud83d\udd25 THE 45-DEGREE DIAGONAL DIVIDER \ud83d\udd25 *\/\r\n        margin-top: -80px !important; \r\n        clip-path: polygon(0 6vw, 100% 0, 100% 100%, 0 100%) !important;\r\n    }\r\n\r\n    \/* Ambient Glow inside dark section *\/\r\n    .am45-dark-section::before {\r\n        content: '' !important;\r\n        position: absolute !important; top: 0 !important; right: 0 !important; width: 600px !important; height: 600px !important;\r\n        background: radial-gradient(circle at 80% 20%, rgba(236, 72, 153, 0.15) 0%, transparent 60%) !important;\r\n        pointer-events: none !important;\r\n    }\r\n\r\n    .am45-section-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        max-width: 800px !important;\r\n        margin-left: auto !important; margin-right: auto !important;\r\n    }\r\n\r\n    .am45-section-header h2 {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: clamp(2.2rem, 4vw, 3.2rem) !important;\r\n        color: var(--am45-dark-text) !important;\r\n        line-height: 1.2 !important;\r\n        font-weight: 700 !important;\r\n    }\r\n    .am45-section-header p {\r\n        font-size: 1.15rem !important;\r\n        color: var(--am45-dark-sub) !important;\r\n        margin-top: 15px !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       4. THE BENTO GRID (SERVICES)\r\n       ========================================================================= *\/\r\n    .am45-grid {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(6, 1fr) !important;\r\n        gap: 24px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    \/* Top Row: 3 Cards *\/\r\n    .am45-card:nth-child(1), .am45-card:nth-child(2), .am45-card:nth-child(3) { grid-column: span 2 !important; }\r\n    \/* Bottom Row: 2 Cards *\/\r\n    .am45-card:nth-child(4), .am45-card:nth-child(5) { grid-column: span 3 !important; }\r\n\r\n    .am45-card {\r\n        background: var(--am45-dark-card) !important;\r\n        border: 1px solid rgba(255,255,255,0.08) !important;\r\n        padding: 40px 30px !important;\r\n        position: relative !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        backdrop-filter: blur(12px) !important;\r\n        \/* Tech border radius *\/\r\n        border-radius: 16px !important;\r\n    }\r\n\r\n    \/* \ud83d\udd25 45-DEGREE CORNER ACCENT \ud83d\udd25 *\/\r\n    .am45-card::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: -1px !important; right: -1px !important;\r\n        width: 40px !important; height: 40px !important;\r\n        background: linear-gradient(225deg, var(--am45-primary) 50%, transparent 50%) !important;\r\n        border-top-right-radius: 16px !important;\r\n        opacity: 0.5 !important;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n\r\n    .am45-card:hover {\r\n        transform: translateY(-8px) !important;\r\n        border-color: rgba(79, 70, 229, 0.4) !important;\r\n        background: rgba(30, 41, 59, 0.9) !important;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5), 0 0 30px rgba(79, 70, 229, 0.1) !important;\r\n    }\r\n    .am45-card:hover::before { opacity: 1 !important; width: 50px !important; height: 50px !important; }\r\n\r\n    .am45-icon {\r\n        width: 50px !important; height: 50px !important;\r\n        border-radius: 12px !important;\r\n        background: rgba(255,255,255,0.05) !important;\r\n        display: flex !important; align-items: center !important; justify-content: center !important;\r\n        color: var(--am45-secondary) !important;\r\n        margin-bottom: 20px !important;\r\n        border: 1px solid rgba(255,255,255,0.1) !important;\r\n    }\r\n    .am45-card:nth-child(even) .am45-icon { color: var(--am45-accent) !important; }\r\n    .am45-icon svg { width: 28px !important; height: 28px !important; display: block !important; }\r\n\r\n    .am45-card h3 {\r\n        font-size: 1.4rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--am45-dark-text) !important;\r\n        margin-bottom: 12px !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    .am45-card > p {\r\n        font-size: 1rem !important;\r\n        color: var(--am45-dark-sub) !important;\r\n        margin-bottom: 20px !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    .am45-bullet-list {\r\n        list-style: none !important;\r\n        padding: 0 !important; margin: 0 !important;\r\n        margin-top: auto !important; \/* Pushes list to bottom *\/\r\n    }\r\n\r\n    .am45-bullet-list li {\r\n        position: relative !important;\r\n        padding-left: 20px !important;\r\n        margin-bottom: 8px !important;\r\n        font-size: 0.95rem !important;\r\n        color: #e2e8f0 !important;\r\n        font-weight: 500 !important;\r\n    }\r\n    \r\n    .am45-bullet-list li::before {\r\n        content: '\u25b9' !important;\r\n        position: absolute !important;\r\n        left: 0 !important; top: -1px !important;\r\n        color: var(--am45-primary) !important;\r\n        font-weight: 800 !important;\r\n        font-size: 1.1rem !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       5. RESPONSIVE DESIGN\r\n       ========================================================================= *\/\r\n    @media (max-width: 1024px) {\r\n        .am45-split-grid { grid-template-columns: 1fr !important; gap: 50px !important; }\r\n        .am45-image-wrap { max-width: 600px !important; margin: 0 auto !important; }\r\n        \r\n        .am45-card:nth-child(1), .am45-card:nth-child(2), .am45-card:nth-child(3), .am45-card:nth-child(4), .am45-card:nth-child(5) { grid-column: span 3 !important; }\r\n        .am45-card:nth-child(5) { grid-column: span 6 !important; } \/* Center last one *\/\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .am45-light-section { padding: 80px 15px 120px 15px !important; }\r\n        .am45-dark-section { padding: 100px 15px 80px 15px !important; clip-path: polygon(0 8vw, 100% 0, 100% 100%, 0 100%) !important; }\r\n        \r\n        .am45-title { font-size: 2.2rem !important; }\r\n        \r\n        \/* Flatten Image mask on mobile so it doesn't break layout *\/\r\n        .am45-image-wrap { clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%) !important; }\r\n        .am45-image-wrap img { clip-path: polygon(5% 0, 100% 0, 95% 100%, 0 100%) !important; }\r\n\r\n        .am45-grid { grid-template-columns: 1fr !important; gap: 20px !important; }\r\n        .am45-card:nth-child(1), .am45-card:nth-child(2), .am45-card:nth-child(3), .am45-card:nth-child(4), .am45-card:nth-child(5) { grid-column: span 1 !important; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"asp-meta-45deg\">\r\n    \r\n    <section class=\"am45-light-section\">\r\n        <div class=\"am45-container am45-split-grid\">\r\n            \r\n            <div class=\"am45-light-content\">\r\n                <span class=\"am45-badge\">\r\n                    <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5a2.5 2.5 0 0 1 0-5 2.5 2.5 0 0 1 0 5z\"\/><\/svg>\r\n                    Local Domination\r\n                <\/span>\r\n                <h2 class=\"am45-title\">Why Meta Ads Work for <br><span>Mysore Businesses<\/span><\/h2>\r\n                <p class=\"am45-desc\">\r\n                    Facebook and Instagram have massive daily usage across Mysore. We use Meta Ads to capture potential customers exactly where they spend their time online.\r\n                <\/p>\r\n                \r\n                <ul class=\"am45-target-list\">\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"currentColor\"><path d=\"M11 9H9V2H7v7H5V2H3v7c0 2.12 1.66 3.84 3.75 3.97V22h2.5v-9.03C11.34 12.84 13 11.12 13 9V2h-2v7zm8-6h-2c-1.1 0-2 .9-2 2v17h2v-7h2c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 7h-2V5h2v4z\"\/><\/svg>\r\n                        Restaurants in Gokulam promoting offers\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"currentColor\"><path d=\"M21.9 8.89l-1.05-4.37c-.22-.9-1-1.52-1.91-1.52H5.05c-.9 0-1.69.63-1.9 1.52L2.1 8.89c-.24 1.02-.02 2.06.62 2.88.08.11.19.19.28.29V19c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6.94c.09-.09.2-.18.28-.28.64-.82.87-1.87.62-2.89z\"\/><\/svg>\r\n                        Boutiques in VV Mohalla advertising arrivals\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"currentColor\"><path d=\"M20 6h-4V4c0-1.1-.9-2-2-2h-4c-1.1 0-2 .9-2 2v2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2zM10 4h4v2h-4V4zm10 16H4V8h16v12zm-8-2h-2v-3H8v-2h2v-3h2v3h2v2h-2v3z\"\/><\/svg>\r\n                        Clinics in Saraswathipuram generating bookings\r\n                    <\/li>\r\n                    <li>\r\n                        <svg viewBox=\"0 0 24 24\" width=\"24\" height=\"24\" fill=\"currentColor\"><path d=\"M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2zm0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z\"\/><\/svg>\r\n                        Real estate agencies promoting property listings\r\n                    <\/li>\r\n                <\/ul>\r\n            <\/div>\r\n\r\n            <div class=\"am45-image-wrap\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557838923-2985c318be48?auto=format&fit=crop&w=800&q=80\" alt=\"Social Media Marketing Mysore\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"am45-dark-section\">\r\n        <div class=\"am45-container\">\r\n            \r\n            <header class=\"am45-section-header\">\r\n                <h2>What Meta Ads Services Include<\/h2>\r\n                <p>Professional advertising campaigns require structured strategy, creative execution, and relentless optimization.<\/p>\r\n            <\/header>\r\n\r\n            <div class=\"am45-grid\">\r\n                \r\n                <div class=\"am45-card\">\r\n                    <div class=\"am45-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Audience Research<\/h3>\r\n                    <p>We identify high-converting customer segments based on data.<\/p>\r\n                    <ul class=\"am45-bullet-list\">\r\n                        <li>Demographics & Age<\/li>\r\n                        <li>Interests & Behavior<\/li>\r\n                        <li>Precise Neighborhoods<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"am45-card\">\r\n                    <div class=\"am45-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Campaign Strategy<\/h3>\r\n                    <p>Selecting the exact campaign objectives for maximum ROI.<\/p>\r\n                    <ul class=\"am45-bullet-list\">\r\n                        <li>Lead Generation<\/li>\r\n                        <li>Website Conversions<\/li>\r\n                        <li>Brand Awareness<\/li>\r\n                        <li>Catalog Sales<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"am45-card\">\r\n                    <div class=\"am45-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Creative Dev<\/h3>\r\n                    <p>Visuals that stop the scroll and force engagement.<\/p>\r\n                    <ul class=\"am45-bullet-list\">\r\n                        <li>High-impact Image Ads<\/li>\r\n                        <li>Video & Reel Ads<\/li>\r\n                        <li>Interactive Carousels<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"am45-card\">\r\n                    <div class=\"am45-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M15 1H9v2h6V1zm-4 13h2V8h-2v6zm8.03-6.61l1.42-1.42c-.43-.51-.9-.99-1.41-1.41l-1.42 1.42A8.962 8.962 0 0 0 12 4c-4.97 0-9 4.03-9 9s4.03 9 9 9 9-4.03 9-9c0-2.12-.74-4.07-1.97-5.61zM12 20c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Conversion Tracking<\/h3>\r\n                    <p>Meta Pixel and Conversions API implementation to track every action.<\/p>\r\n                    <ul class=\"am45-bullet-list\">\r\n                        <li>Form Submissions<\/li>\r\n                        <li>Direct Purchases<\/li>\r\n                        <li>Website Visits & Add-to-cart<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n                <div class=\"am45-card\">\r\n                    <div class=\"am45-icon\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M16 6l2.29 2.29-4.88 4.88-4-4L2 16.59 3.41 18l6-6 4 4 6.3-6.29L22 12V6h-6z\"\/><\/svg>\r\n                    <\/div>\r\n                    <h3>Performance Opt.<\/h3>\r\n                    <p>Campaigns are continuously improved by analyzing core metrics.<\/p>\r\n                    <ul class=\"am45-bullet-list\">\r\n                        <li>Click-Through Rate (CTR)<\/li>\r\n                        <li>Cost Per Lead (CPL)<\/li>\r\n                        <li>Return on Ad Spend (ROAS)<\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/div>\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-661bd0d e-con-full e-flex e-con e-parent\" data-id=\"661bd0d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e1a377 elementor-widget elementor-widget-html\" data-id=\"7e1a377\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       1. STRICTLY SCOPED VARIABLES & WRAPPER (LIGHT THEME)\r\n       ========================================================================= *\/\r\n    #asp-meta-vs-google-light {\r\n        --amvl-bg: #f8fafc; \/* Very light slate background *\/\r\n        --amvl-surface: #ffffff; \/* Pure white board *\/\r\n        --amvl-surface-hover: #ffffff;\r\n        --amvl-text-main: #0f172a; \/* Dark Slate for Headings *\/\r\n        --amvl-text-sub: #475569; \/* Muted Slate for body text *\/\r\n        \r\n        --amvl-meta: #2563eb; \/* Vibrant Meta Blue *\/\r\n        --amvl-google: #059669; \/* Vibrant Google Emerald\/Green *\/\r\n        --amvl-border: rgba(0, 0, 0, 0.08); \/* Soft dark border *\/\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        width: 100% !important;\r\n        padding: 100px 20px !important;\r\n        background-color: var(--amvl-bg) !important;\r\n        position: relative !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n        box-sizing: border-box !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    #asp-meta-vs-google-light * {\r\n        box-sizing: border-box !important;\r\n        margin: 0; padding: 0;\r\n        transition: all 0.3s ease !important;\r\n    }\r\n\r\n    \/* Ambient Side Glows representing the two platforms (Soft for Light Theme) *\/\r\n    #asp-meta-vs-google-light::before {\r\n        content: '' !important;\r\n        position: absolute !important; top: 10% !important; left: -10% !important;\r\n        width: 600px !important; height: 600px !important;\r\n        background: radial-gradient(circle, rgba(37, 99, 235, 0.05) 0%, transparent 70%) !important;\r\n        border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important;\r\n    }\r\n    #asp-meta-vs-google-light::after {\r\n        content: '' !important;\r\n        position: absolute !important; bottom: 10% !important; right: -10% !important;\r\n        width: 600px !important; height: 600px !important;\r\n        background: radial-gradient(circle, rgba(5, 150, 105, 0.05) 0%, transparent 70%) !important;\r\n        border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important;\r\n    }\r\n\r\n    .amvl-container {\r\n        max-width: 1100px !important;\r\n        margin: 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       2. HEADER\r\n       ========================================================================= *\/\r\n    .amvl-header {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n    }\r\n\r\n    .amvl-badge {\r\n        display: inline-flex !important; align-items: center !important; gap: 8px !important;\r\n        background: rgba(37, 99, 235, 0.08) !important;\r\n        color: var(--amvl-meta) !important;\r\n        padding: 8px 18px !important; border-radius: 50px !important;\r\n        font-size: 0.9rem !important; font-weight: 700 !important;\r\n        text-transform: uppercase !important; letter-spacing: 1px !important;\r\n        margin-bottom: 20px !important;\r\n        border: 1px solid rgba(37, 99, 235, 0.15) !important;\r\n    }\r\n    .amvl-badge svg { color: var(--amvl-meta) !important; display: block !important; width: 18px !important; height: 18px !important; }\r\n\r\n    .amvl-title {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: clamp(2.2rem, 5vw, 3.5rem) !important;\r\n        font-weight: 800 !important; line-height: 1.2 !important;\r\n        margin-bottom: 15px !important;\r\n        color: var(--amvl-text-main) !important;\r\n    }\r\n    .amvl-title span.t-meta { color: var(--amvl-meta) !important; }\r\n    .amvl-title span.t-vs { font-weight: 400 !important; font-size: 2.2rem !important; color: var(--amvl-text-sub) !important; margin: 0 10px !important; }\r\n    .amvl-title span.t-google { color: var(--amvl-google) !important; }\r\n\r\n    .amvl-desc {\r\n        font-size: 1.15rem !important; color: var(--amvl-text-sub) !important;\r\n        max-width: 750px !important; margin: 0 auto !important; line-height: 1.7 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       3. THE VS BOARD (CENTER-AXIS LAYOUT)\r\n       ========================================================================= *\/\r\n    .amvl-board {\r\n        background: var(--amvl-surface) !important;\r\n        border: 1px solid var(--amvl-border) !important;\r\n        border-radius: 24px !important;\r\n        padding: 40px !important;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.04) !important;\r\n    }\r\n\r\n    \/* Board Headers *\/\r\n    .amvl-board-header {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 180px 1fr !important;\r\n        align-items: center !important;\r\n        margin-bottom: 30px !important;\r\n        padding-bottom: 20px !important;\r\n        border-bottom: 1px solid var(--amvl-border) !important;\r\n    }\r\n\r\n    .amvl-head-col {\r\n        display: flex !important; align-items: center !important; gap: 12px !important;\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: 1.6rem !important; font-weight: 700 !important;\r\n    }\r\n    .amvl-head-meta { justify-content: flex-end !important; color: var(--amvl-meta) !important; }\r\n    .amvl-head-google { justify-content: flex-start !important; color: var(--amvl-google) !important; }\r\n    .amvl-head-vs { text-align: center !important; color: var(--amvl-text-sub) !important; font-weight: 800 !important; font-size: 1.2rem !important; letter-spacing: 2px !important; }\r\n\r\n    \/* Board Rows *\/\r\n    .amvl-row {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 180px 1fr !important;\r\n        align-items: center !important;\r\n        background: rgba(0, 0, 0, 0.02) !important;\r\n        border: 1px solid transparent !important;\r\n        border-radius: 16px !important;\r\n        margin-bottom: 15px !important;\r\n        padding: 18px 20px !important;\r\n        transition: transform 0.3s ease, background 0.3s ease, box-shadow 0.3s ease !important;\r\n    }\r\n\r\n    .amvl-row:hover {\r\n        background: #ffffff !important;\r\n        transform: scale(1.02) !important;\r\n        border-color: rgba(0, 0, 0, 0.05) !important;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.03) !important;\r\n    }\r\n\r\n    \/* Factor Center Badge (Dark slate background with white text for strong contrast) *\/\r\n    .amvl-factor {\r\n        background: var(--amvl-text-main) !important;\r\n        border: 1px solid transparent !important;\r\n        color: #ffffff !important;\r\n        padding: 8px 15px !important;\r\n        border-radius: 50px !important;\r\n        text-align: center !important;\r\n        font-size: 0.95rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n        margin: 0 auto !important;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;\r\n    }\r\n\r\n    .amvl-cell {\r\n        font-size: 1.15rem !important;\r\n        font-weight: 600 !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n    \r\n    .amvl-meta-cell { text-align: right !important; color: #1e3a8a !important; \/* Deep Blue *\/ }\r\n    .amvl-google-cell { text-align: left !important; color: #064e3b !important; \/* Deep Green *\/ }\r\n\r\n    \/* =========================================================================\r\n       4. CONCLUSION: THE OMNICHANNEL APPROACH\r\n       ========================================================================= *\/\r\n    .amvl-conclusion {\r\n        margin-top: 50px !important;\r\n        background: linear-gradient(90deg, rgba(37, 99, 235, 0.04), rgba(5, 150, 105, 0.04)) !important;\r\n        border: 1px solid var(--amvl-border) !important;\r\n        border-radius: 20px !important;\r\n        padding: 40px !important;\r\n        text-align: center !important;\r\n        position: relative !important;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.02) !important;\r\n    }\r\n\r\n    \/* Gradient Top Line *\/\r\n    .amvl-conclusion::before {\r\n        content: '' !important;\r\n        position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 3px !important;\r\n        background: linear-gradient(90deg, var(--amvl-meta), var(--amvl-google)) !important;\r\n        border-radius: 20px 20px 0 0 !important;\r\n    }\r\n\r\n    .amvl-conclusion h3 {\r\n        font-family: 'Space Grotesk', sans-serif !important;\r\n        font-size: 1.6rem !important; font-weight: 700 !important;\r\n        color: var(--amvl-text-main) !important; margin-bottom: 12px !important;\r\n        display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important;\r\n    }\r\n\r\n    .amvl-conclusion p {\r\n        font-size: 1.15rem !important; color: var(--amvl-text-sub) !important; line-height: 1.6 !important; margin: 0 !important;\r\n    }\r\n    \r\n    .amvl-conclusion p strong {\r\n        color: var(--amvl-text-main) !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    \/* =========================================================================\r\n       5. RESPONSIVE DESIGN (SMART MOBILE STACKING)\r\n       ========================================================================= *\/\r\n    @media (max-width: 900px) {\r\n        .amvl-board { padding: 30px 20px !important; }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        #asp-meta-vs-google-light { padding: 80px 15px !important; }\r\n        .amvl-title { font-size: 2.1rem !important; }\r\n        .amvl-title span.t-vs { display: block !important; margin: 5px 0 !important; }\r\n        \r\n        \/* Mobile Smart Grid *\/\r\n        .amvl-board-header { display: none !important; } \/* Hide Desktop Headers *\/\r\n        \r\n        .amvl-row {\r\n            grid-template-columns: 1fr 1fr !important;\r\n            gap: 15px !important;\r\n            padding: 50px 15px 25px 15px !important; \/* Extra top padding for floating factor *\/\r\n            position: relative !important;\r\n            margin-bottom: 25px !important;\r\n            background: #ffffff !important;\r\n            border: 1px solid var(--amvl-border) !important;\r\n            box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important;\r\n        }\r\n\r\n        .amvl-row:hover { transform: none !important; }\r\n\r\n        \/* Float Factor Badge to Top Center *\/\r\n        .amvl-factor {\r\n            position: absolute !important;\r\n            top: -14px !important;\r\n            left: 50% !important;\r\n            transform: translateX(-50%) !important;\r\n            font-size: 0.85rem !important;\r\n            z-index: 2 !important;\r\n        }\r\n\r\n        .amvl-cell { text-align: center !important; font-size: 1.05rem !important; }\r\n        .amvl-meta-cell { border-right: 1px solid rgba(0,0,0,0.08) !important; padding-right: 10px !important; }\r\n        .amvl-google-cell { padding-left: 10px !important; }\r\n\r\n        \/* Inject Platform Labels on Mobile *\/\r\n        .amvl-meta-cell::before { \r\n            content: 'META ADS' !important; display: block !important; \r\n            font-size: 0.75rem !important; color: var(--amvl-meta) !important; \r\n            margin-bottom: 8px !important; font-weight: 800 !important; letter-spacing: 1px !important;\r\n        }\r\n        .amvl-google-cell::before { \r\n            content: 'GOOGLE ADS' !important; display: block !important; \r\n            font-size: 0.75rem !important; color: var(--amvl-google) !important; \r\n            margin-bottom: 8px !important; font-weight: 800 !important; letter-spacing: 1px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"asp-meta-vs-google-light\">\r\n    <div class=\"amvl-container\">\r\n        \r\n        <header class=\"amvl-header\">\r\n            <span class=\"amvl-badge\">\r\n                <svg viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zM9 17H7v-7h2v7zm4 0h-2V7h2v10zm4 0h-2v-4h2v4z\"\/><\/svg>\r\n                Strategic Comparison\r\n            <\/span>\r\n            <h2 class=\"amvl-title\">\r\n                <span class=\"t-meta\">Meta Ads<\/span> \r\n                <span class=\"t-vs\">VS<\/span> \r\n                <span class=\"t-google\">Google Ads<\/span>\r\n            <\/h2>\r\n            <p class=\"amvl-desc\">\r\n                Businesses often combine Meta Ads with Google Ads to capture customers at entirely different stages of the buying journey. Here is how they differ.\r\n            <\/p>\r\n        <\/header>\r\n\r\n        <div class=\"amvl-board\">\r\n            \r\n            <div class=\"amvl-board-header\">\r\n                <div class=\"amvl-head-col amvl-head-meta\">\r\n                    Meta Ads\r\n                    <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"currentColor\"><path d=\"M14 13.5h2.5l1-4H14v-2c0-1.03.8-1.5 1.5-1.5H17v-4h-3c-2.76 0-5 2.24-5 5v2.5H7v4h2v10h5v-10z\"\/><\/svg>\r\n                <\/div>\r\n                <div class=\"amvl-head-vs\">VS<\/div>\r\n                <div class=\"amvl-head-col amvl-head-google\">\r\n                    <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"currentColor\"><path d=\"M12.545,10.239v3.821h5.445c-0.712,2.315-2.647,3.972-5.445,3.972c-3.332,0-6.033-2.701-6.033-6.032s2.701-6.032,6.033-6.032c1.498,0,2.866,0.549,3.921,1.453l2.814-2.814C17.503,2.988,15.139,2,12.545,2C7.021,2,2.543,6.477,2.543,12s4.478,10,10.002,10c8.396,0,10.249-7.85,9.426-11.748L12.545,10.239z\"\/><\/svg>\r\n                    Google Ads\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"amvl-row\">\r\n                <div class=\"amvl-cell amvl-meta-cell\">Discovery-based<\/div>\r\n                <div class=\"amvl-factor\">User Intent<\/div>\r\n                <div class=\"amvl-cell amvl-google-cell\">Search-based<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"amvl-row\">\r\n                <div class=\"amvl-cell amvl-meta-cell\">Brand awareness & retargeting<\/div>\r\n                <div class=\"amvl-factor\">Best For<\/div>\r\n                <div class=\"amvl-cell amvl-google-cell\">High-intent search traffic<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"amvl-row\">\r\n                <div class=\"amvl-cell amvl-meta-cell\">Visual & Video Ads<\/div>\r\n                <div class=\"amvl-factor\">Ad Format<\/div>\r\n                <div class=\"amvl-cell amvl-google-cell\">Text-based search results<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"amvl-row\">\r\n                <div class=\"amvl-cell amvl-meta-cell\">Interests and behavior<\/div>\r\n                <div class=\"amvl-factor\">Targeting<\/div>\r\n                <div class=\"amvl-cell amvl-google-cell\">Direct keyword searches<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"amvl-conclusion\">\r\n            <h3>\r\n                <svg viewBox=\"0 0 24 24\" width=\"28\" height=\"28\" fill=\"currentColor\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n                The Omnichannel Approach\r\n            <\/h3>\r\n            <p>\r\n                Using both platforms allows businesses to completely dominate their local market by reaching potential customers <strong>both before they know what they want<\/strong> (Meta) and <strong>exactly when they are ready to buy<\/strong> (Google).\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\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-6249169 e-con-full e-flex e-con e-parent\" data-id=\"6249169\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-08fb9fc elementor-widget elementor-widget-html\" data-id=\"08fb9fc\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* =========================================================================\r\n       1. STRICTLY SCOPED VARIABLES & WRAPPER\r\n       ========================================================================= *\/\r\n    #asp-meta-industries {\r\n        --ami-bg-deep: #02040a;\r\n        --ami-bg-card: rgba(20, 25, 40, 0.9);\r\n        --ami-text-white: #ffffff;\r\n        --ami-text-muted: #94a3b8;\r\n        --ami-primary: #3b82f6; \/* Meta Blue *\/\r\n        --ami-secondary: #ec4899; \/* Meta Pink\/Gradient *\/\r\n        --ami-accent-gradient: linear-gradient(135deg, #3b82f6 0%, #ec4899 100%);\r\n        --ami-card-w: 380px;\r\n        --ami-card-h: 280px;\r\n\r\n        background-color: var(--ami-bg-deep) !important;\r\n        font-family: 'Outfit', sans-serif !important;\r\n        padding: 100px 0 !important;\r\n        overflow: hidden !important;\r\n        color: var(--ami-text-white) !important;\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        box-sizing: border-box !important;\r\n        display: block !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    #asp-meta-industries * { box-sizing: border-box !important; margin: 0; padding: 0; }\r\n\r\n    \/* Heading *\/\r\n    .ami-title-block { text-align: center !important; margin-bottom: 60px !important; padding: 0 20px !important; }\r\n    .ami-title {\r\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\r\n        font-weight: 800 !important;\r\n        background: var(--ami-accent-gradient) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n        line-height: 1.1 !important;\r\n        margin-bottom: 15px !important;\r\n    }\r\n    .ami-subtitle {\r\n        color: var(--ami-text-muted) !important;\r\n        font-size: 1.15rem !important;\r\n        max-width: 700px !important;\r\n        margin: 0 auto !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* Wrapper for Rows - CENTERS the content *\/\r\n    .ami-row-wrapper {\r\n        width: 100% !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        margin-bottom: 50px !important; \r\n        position: relative !important;\r\n    }\r\n\r\n    \/* The Track that moves *\/\r\n    .ami-track {\r\n        display: flex !important;\r\n        gap: 20px !important; \r\n        width: max-content !important;\r\n        will-change: transform !important;\r\n        padding: 10px 0 !important; \/* Slight padding for hover shadow *\/\r\n    }\r\n\r\n    \/* --- CARD DESIGN --- *\/\r\n    .ami-card {\r\n        flex: 0 0 var(--ami-card-w) !important;\r\n        height: var(--ami-card-h) !important;\r\n        position: relative !important;\r\n        border-radius: 20px !important;\r\n        overflow: hidden !important;\r\n        background: var(--ami-bg-card) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        transition: transform 0.3s ease, border-color 0.3s ease !important;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n    }\r\n\r\n    .ami-card:hover {\r\n        transform: scale(1.03) !important;\r\n        border-color: rgba(236, 72, 153, 0.6) !important;\r\n        z-index: 10 !important;\r\n        box-shadow: 0 20px 40px rgba(236, 72, 153, 0.15) !important;\r\n    }\r\n\r\n    .ami-img {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        opacity: 0.5 !important;\r\n        transition: 0.5s !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important;\r\n        z-index: 0 !important;\r\n    }\r\n    .ami-card:hover .ami-img { opacity: 0.3 !important; transform: scale(1.05) !important; }\r\n\r\n    .ami-content {\r\n        position: absolute !important;\r\n        bottom: 0 !important; left: 0 !important;\r\n        padding: 25px !important;\r\n        background: linear-gradient(to top, rgba(2, 4, 10, 1) 0%, rgba(2, 4, 10, 0.7) 60%, transparent 100%) !important;\r\n        width: 100% !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .ami-card-title { font-size: 1.4rem !important; font-weight: 700 !important; margin-bottom: 6px !important; color: #fff !important; }\r\n    .ami-desc { font-size: 0.95rem !important; color: var(--ami-text-muted) !important; line-height: 1.5 !important; }\r\n\r\n    .ami-tag {\r\n        position: absolute !important;\r\n        top: 20px !important; left: 20px !important;\r\n        background: rgba(59, 130, 246, 0.15) !important;\r\n        border: 1px solid rgba(59, 130, 246, 0.3) !important;\r\n        color: #bfdbfe !important;\r\n        padding: 6px 14px !important;\r\n        border-radius: 50px !important;\r\n        font-size: 0.75rem !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 0.5px !important;\r\n        font-weight: 700 !important;\r\n        z-index: 3 !important;\r\n        backdrop-filter: blur(5px) !important;\r\n    }\r\n    .ami-card:nth-child(even) .ami-tag {\r\n        background: rgba(236, 72, 153, 0.15) !important;\r\n        border: 1px solid rgba(236, 72, 153, 0.3) !important;\r\n        color: #fbcfe8 !important;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 850px) {\r\n        #asp-meta-industries { padding: 60px 15px !important; }\r\n        \r\n        .ami-row-wrapper { display: block !important; margin-bottom: 0 !important; }\r\n        \r\n        .ami-track {\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            width: 100% !important;\r\n            gap: 25px !important; \r\n            transform: none !important; \r\n            margin-bottom: 25px !important; \r\n        }\r\n\r\n        .ami-card {\r\n            width: 100% !important;\r\n            height: auto !important;\r\n            min-height: 260px !important;\r\n            flex: none !important;\r\n            max-width: 500px !important;\r\n            margin: 0 auto !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"asp-meta-industries\">\r\n    <div class=\"ami-title-block\">\r\n        <h2 class=\"ami-title\">Industries That Benefit <br>from Meta Ads<\/h2>\r\n        <p class=\"ami-subtitle\">Meta Ads are particularly effective for industries in Mysore that rely heavily on visual promotion, brand building, or highly targeted outreach.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"ami-row-wrapper\">\r\n        <div class=\"ami-track\" id=\"ami-track-1\">\r\n            \r\n            <article class=\"ami-card\">\r\n                <span class=\"ami-tag\">Healthcare<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1519494026892-80bbd2d6fd0d?auto=format&fit=crop&w=600\" class=\"ami-img\" alt=\"Healthcare Meta Ads\">\r\n                <div class=\"ami-content\">\r\n                    <h3 class=\"ami-card-title\">Clinics & Hospitals<\/h3>\r\n                    <p class=\"ami-desc\">Local clinics generate direct appointment enquiries and patient consultations through targeted lead generation ads.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"ami-card\">\r\n                <span class=\"ami-tag\">Hospitality<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=600\" class=\"ami-img\" alt=\"Restaurants Meta Ads\">\r\n                <div class=\"ami-content\">\r\n                    <h3 class=\"ami-card-title\">Restaurants & Cafes<\/h3>\r\n                    <p class=\"ami-desc\">Visually appealing food promotions, video reels, and local event campaigns effectively drive weekend footfall.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"ami-card\">\r\n                <span class=\"ami-tag\">Real Estate<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=600\" class=\"ami-img\" alt=\"Real Estate Meta Ads\">\r\n                <div class=\"ami-content\">\r\n                    <h3 class=\"ami-card-title\">Property Listings<\/h3>\r\n                    <p class=\"ami-desc\">Agencies and developers generate high-quality buyer leads through visually rich, targeted property campaigns.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ami-row-wrapper\">\r\n        <div class=\"ami-track\" id=\"ami-track-2\">\r\n            \r\n            <article class=\"ami-card\">\r\n                <span class=\"ami-tag\">Retail<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441984904996-e0b6ba687e04?auto=format&fit=crop&w=600\" class=\"ami-img\" alt=\"Retail Meta Ads\">\r\n                <div class=\"ami-content\">\r\n                    <h3 class=\"ami-card-title\">Retail Stores<\/h3>\r\n                    <p class=\"ami-desc\">Dynamic product catalog ads showcase new collections, arrivals, and seasonal offers directly to local shoppers.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"ami-card\">\r\n                <span class=\"ami-tag\">Education<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/03\/Kuvempunagar.webp\" class=\"ami-img\" alt=\"Education Meta Ads\">\r\n                <div class=\"ami-content\">\r\n                    <h3 class=\"ami-card-title\">Schools & Coaching<\/h3>\r\n                    <p class=\"ami-desc\">Educational institutes attract admissions and workshop registrations through demographic and interest-based outreach.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"ami-card\">\r\n                <span class=\"ami-tag\">Services<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?auto=format&fit=crop&w=600\" class=\"ami-img\" alt=\"Professional Services Meta Ads\">\r\n                <div class=\"ami-content\">\r\n                    <h3 class=\"ami-card-title\">Professional Agencies<\/h3>\r\n                    <p class=\"ami-desc\">Consultants and B2B agencies generate high-intent inquiries from users actively looking for business solutions.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function() {\r\n        const track1 = document.getElementById('ami-track-1');\r\n        const track2 = document.getElementById('ami-track-2');\r\n        const container = document.getElementById('asp-meta-industries');\r\n\r\n        if(!track1 || !track2 || !container) return;\r\n\r\n        function updateScroll() {\r\n            \/\/ Mobile Check: Disable transform on smaller screens\r\n            if (window.innerWidth <= 850) {\r\n                track1.style.transform = 'none';\r\n                track2.style.transform = 'none';\r\n                return;\r\n            }\r\n\r\n            \/\/ Center Logic for Desktop\r\n            const rect = container.getBoundingClientRect();\r\n            const viewportHeight = window.innerHeight;\r\n            \r\n            if (rect.bottom > 0 && rect.top < viewportHeight) {\r\n                const widgetCenter = rect.top + (rect.height \/ 2);\r\n                const viewportCenter = viewportHeight \/ 2;\r\n                const distance = widgetCenter - viewportCenter;\r\n                \r\n                \/\/ Multiplier controls speed of horizontal scroll\r\n                const moveAmount = distance * 0.35;\r\n\r\n                track1.style.transform = `translateX(${moveAmount}px)`;\r\n                track2.style.transform = `translateX(${-moveAmount}px)`;\r\n            }\r\n        }\r\n\r\n        window.addEventListener('scroll', updateScroll);\r\n        window.addEventListener('resize', updateScroll);\r\n        \r\n        \/\/ Initial setup\r\n        updateScroll();\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-164611a e-con-full e-flex e-con e-parent\" data-id=\"164611a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-863d0e8 elementor-widget elementor-widget-html\" data-id=\"863d0e8\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;800&family=Space+Grotesk:wght@700&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"aspire_testi_widget\">\r\n   \r\n    \r\n    <div class=\"aspire_testi_header\">\r\n        <h2 class=\"aspire_testi_title\">Trusted by <span class=\"aspire_testi_highlight\">Mysore's Best<\/span><\/h2>\r\n        <p class=\"aspire_testi_subtitle\">\r\n            See how we help local businesses grow their reach and revenue through targeted Meta Ads strategies. Real stories from real business owners.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"aspire_testi_gallery\">\r\n        \r\n        <div class=\"aspire_testi_slice active\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=800&q=80');\">\r\n            <div class=\"aspire_testi_content\">\r\n                <p class=\"aspire_testi_quote\">\"I run Shine Dental Studio in Lakshmipuram. Aspire started our Meta Ads, and very soon, people began calling us. They explained things in a simple way and handled everything for us. I\u2019m really happy I chose them.\"<\/p>\r\n                <h4 class=\"aspire_testi_author\">Dr. Nikhil \u2013 Lakshmipuram<\/h4>\r\n                <span class=\"aspire_testi_business\">Shine Dental Studio<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aspire_testi_slice\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1596704017254-9b121068fb31?auto=format&fit=crop&w=800&q=80');\">\r\n            <div class=\"aspire_testi_content\">\r\n                <p class=\"aspire_testi_quote\">\"I didn\u2019t know how Meta Ads worked for business. Aspire handled everything for me. I run Style Bay Boutique in VV Mohalla, and now I\u2019m finally getting real calls from customers. It really helped my shop.\"<\/p>\r\n                <h4 class=\"aspire_testi_author\">Nabila \u2013 VV Mohalla<\/h4>\r\n                <span class=\"aspire_testi_business\">Style Bay Boutique<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n       <div class=\"aspire_testi_slice\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1510074377623-8cf13fb86c08?auto=format&fit=crop&w=800&q=80');\">\r\n            <div class=\"aspire_testi_content\">\r\n                <p class=\"aspire_testi_quote\">\"I\u2019m from Saraswathipuram and run QuickCool AC Services. I didn\u2019t know anything about Meta Ads, but Aspire handled it all for me. They took care of everything and now I get regular calls from real customers. Really worth it.\"<\/p>\r\n                <h4 class=\"aspire_testi_author\">Geeta \u2013 Saraswathipuram<\/h4>\r\n                <span class=\"aspire_testi_business\">QuickCool AC Services<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- UNIQUE CSS SCOPE --- *\/\r\n    #aspire_testi_widget {\r\n        --at-height: 550px;\r\n        --at-mobile-height: 600px;\r\n        --at-transition: 0.7s cubic-bezier(0.25, 1, 0.4, 1);\r\n        --ap-grad: linear-gradient(90deg, #4f46e5, #ec4899);\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n        padding: 60px 0;\r\n        box-sizing: border-box;\r\n        background: #f8fafc;\r\n    }\r\n\r\n    \/* BRANDING LOGO *\/\r\n    .at-brand-header {\r\n        text-align: center;\r\n        margin-bottom: 20px;\r\n    }\r\n    .at-official-logo {\r\n        max-width: 180px;\r\n        height: auto;\r\n        display: inline-block;\r\n    }\r\n\r\n    .aspire_testi_header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 50px auto;\r\n        padding: 0 20px;\r\n    }\r\n\r\n    .aspire_testi_title {\r\n        font-family: 'Space Grotesk', sans-serif;\r\n        font-size: clamp(2rem, 5vw, 2.8rem);\r\n        font-weight: 800;\r\n        color: #1e293b;\r\n        line-height: 1.2;\r\n        margin: 0 0 15px 0;\r\n        text-transform: uppercase;\r\n    }\r\n\r\n    .aspire_testi_highlight {\r\n        background: var(--ap-grad);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .aspire_testi_subtitle {\r\n        font-size: 1.1rem;\r\n        color: #64748b;\r\n        line-height: 1.6;\r\n        margin: 0;\r\n        font-weight: 400;\r\n    }\r\n\r\n    \/* GALLERY STYLES *\/\r\n    .aspire_testi_gallery {\r\n        display: flex;\r\n        width: 100%;\r\n        height: var(--at-height);\r\n        gap: 15px;\r\n        margin: 0 auto;\r\n        max-width: 1200px;\r\n        padding: 0 15px;\r\n    }\r\n\r\n    .aspire_testi_slice {\r\n        position: relative;\r\n        flex: 1; \r\n        background-size: cover;\r\n        background-position: center;\r\n        background-repeat: no-repeat;\r\n        border-radius: 24px;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n        transition: flex var(--at-transition);\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 35px;\r\n        box-shadow: 0 15px 30px rgba(0,0,0,0.1);\r\n    }\r\n\r\n    .aspire_testi_slice::before {\r\n        content: '';\r\n        position: absolute;\r\n        top: 0; left: 0;\r\n        width: 100%; height: 100%;\r\n        background: linear-gradient(to top, rgba(15, 23, 42, 0.95) 0%, rgba(15, 23, 42, 0.4) 60%, transparent 100%);\r\n        z-index: 1;\r\n        opacity: 0.8;\r\n        transition: opacity 0.4s;\r\n    }\r\n\r\n    .aspire_testi_slice.active {\r\n        flex: 4; \r\n    }\r\n\r\n    .aspire_testi_content {\r\n        position: relative;\r\n        z-index: 2;\r\n        color: white;\r\n        opacity: 0; \r\n        transform: translateY(20px);\r\n        transition: all 0.4s ease;\r\n        max-width: 650px;\r\n        width: 100%;\r\n    }\r\n\r\n    .aspire_testi_slice.active .aspire_testi_content {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        transition-delay: 0.3s; \r\n    }\r\n\r\n    .aspire_testi_quote {\r\n        font-size: 1.25rem;\r\n        font-weight: 400;\r\n        line-height: 1.6;\r\n        margin-bottom: 25px;\r\n        font-style: italic;\r\n        color: #f1f5f9;\r\n    }\r\n\r\n    .aspire_testi_author {\r\n        margin: 0;\r\n        font-size: 1.3rem;\r\n        font-weight: 700;\r\n        background: var(--ap-grad);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .aspire_testi_business {\r\n        display: block;\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: #cbd5e1;\r\n        margin-top: 6px;\r\n        font-weight: 600;\r\n    }\r\n\r\n    \/* MOBILE RESPONSIVENESS *\/\r\n    @media (max-width: 900px) {\r\n        #aspire_testi_widget { padding: 40px 10px; }\r\n        .at-official-logo { max-width: 140px; }\r\n        .aspire_testi_gallery {\r\n            flex-direction: column; \r\n            height: auto;\r\n            min-height: 700px;\r\n        }\r\n        .aspire_testi_slice {\r\n            flex: none;\r\n            height: 100px;\r\n            padding: 20px;\r\n            transition: height var(--at-transition);\r\n        }\r\n        .aspire_testi_slice.active {\r\n            flex: none;\r\n            height: 450px; \r\n        }\r\n        .aspire_testi_quote { font-size: 1rem; -webkit-line-clamp: 5; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        const slices = document.querySelectorAll('.aspire_testi_slice');\r\n        if(slices.length > 0) {\r\n            slices.forEach(slice => {\r\n                const activateSlice = () => {\r\n                    slices.forEach(s => s.classList.remove('active'));\r\n                    slice.classList.add('active');\r\n                };\r\n                slice.addEventListener('mouseenter', activateSlice);\r\n                slice.addEventListener('click', activateSlice);\r\n            });\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-6817c43 e-con-full e-flex e-con e-parent\" data-id=\"6817c43\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3531d5f elementor-widget elementor-widget-html\" data-id=\"3531d5f\" 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<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<div id=\"nb-reveal-section-ads\">\r\n    <style>\r\n        \/* =========================================================================\r\n           1. STRICTLY SCOPED VARIABLES & WRAPPER (LIGHT THEME)\r\n           ========================================================================= *\/\r\n        #nb-reveal-section-ads {\r\n            --nbra-primary: #0056D2; \/* Solid Blue *\/\r\n            --nbra-dark: #1A2238; \/* Navy *\/\r\n            --nbra-bg: #F8FAFC; \/* Light Slate Background *\/\r\n            --nbra-card: #ffffff;\r\n            --nbra-danger: #e11d48; \/* Red for mistakes *\/\r\n            \r\n            background-color: var(--nbra-bg) !important;\r\n            font-family: 'Outfit', sans-serif !important;\r\n            padding: 120px 0 !important;\r\n            overflow: hidden !important;\r\n            position: relative !important;\r\n            min-height: 100vh !important;\r\n            display: flex !important;\r\n            align-items: center !important;\r\n            justify-content: center !important;\r\n            box-sizing: border-box !important;\r\n            width: 100% !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        #nb-reveal-section-ads * {\r\n            box-sizing: border-box !important;\r\n            margin: 0; padding: 0;\r\n            font-family: 'Outfit', sans-serif !important;\r\n        }\r\n\r\n        \/* --- Central Text Content --- *\/\r\n        .nbra-content {\r\n            max-width: 900px !important;\r\n            text-align: center !important;\r\n            position: relative !important;\r\n            z-index: 1 !important; \r\n            opacity: 0 !important;\r\n            transform: translateY(30px) !important;\r\n            transition: all 1s ease-out !important;\r\n            padding: 0 20px !important;\r\n        }\r\n\r\n        .nbra-content.active {\r\n            opacity: 1 !important;\r\n            transform: translateY(0) !important;\r\n        }\r\n\r\n        .nbra-badge {\r\n            display: inline-block !important;\r\n            background: rgba(0, 86, 210, 0.1) !important;\r\n            color: var(--nbra-primary) !important;\r\n            padding: 8px 18px !important;\r\n            border-radius: 50px !important;\r\n            font-size: 0.9rem !important;\r\n            font-weight: 700 !important;\r\n            text-transform: uppercase !important;\r\n            letter-spacing: 1.5px !important;\r\n            margin-bottom: 20px !important;\r\n            border: 1px solid rgba(0, 86, 210, 0.2) !important;\r\n        }\r\n\r\n        .nbra-title {\r\n            font-size: clamp(2.2rem, 5vw, 3.5rem) !important;\r\n            font-weight: 800 !important;\r\n            color: var(--nbra-dark) !important;\r\n            margin-bottom: 20px !important;\r\n            line-height: 1.1 !important;\r\n        }\r\n\r\n        .nbra-title span { color: var(--nbra-primary) !important; }\r\n\r\n        .nbra-desc {\r\n            font-size: 1.15rem !important;\r\n            color: #4A5568 !important;\r\n            line-height: 1.6 !important;\r\n            margin-bottom: 40px !important;\r\n            max-width: 800px !important;\r\n            margin-left: auto !important;\r\n            margin-right: auto !important;\r\n        }\r\n\r\n        \/* The Grid for Mistakes *\/\r\n        .nbra-grid {\r\n            display: grid !important;\r\n            grid-template-columns: repeat(2, 1fr) !important;\r\n            gap: 20px !important;\r\n            text-align: left !important;\r\n            margin-bottom: 40px !important;\r\n        }\r\n\r\n        .nbra-grid-item {\r\n            background: var(--nbra-card) !important;\r\n            padding: 25px !important;\r\n            border-radius: 16px !important;\r\n            border-left: 4px solid var(--nbra-danger) !important;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.05) !important;\r\n            transition: transform 0.3s ease, box-shadow 0.3s ease !important;\r\n        }\r\n\r\n        .nbra-grid-item:hover {\r\n            transform: translateY(-5px) !important;\r\n            box-shadow: 0 15px 35px rgba(225, 29, 72, 0.1) !important;\r\n            border-color: var(--nbra-primary) !important;\r\n        }\r\n\r\n        .nbra-grid-item h4 {\r\n            color: var(--nbra-dark) !important;\r\n            font-size: 1.15rem !important;\r\n            margin-bottom: 8px !important;\r\n            font-weight: 700 !important;\r\n        }\r\n\r\n        .nbra-grid-item p {\r\n            color: #64748b !important;\r\n            font-size: 0.95rem !important;\r\n            line-height: 1.5 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        \/* --- Scrolling Visual Layer (The peeling images) --- *\/\r\n        .nbra-visual-layer {\r\n            position: absolute !important;\r\n            inset: 0 !important;\r\n            display: flex !important;\r\n            justify-content: center !important;\r\n            align-items: center !important;\r\n            pointer-events: none !important;\r\n            z-index: 10 !important; \r\n        }\r\n\r\n        .nbra-column {\r\n            position: absolute !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            gap: 40px !important;\r\n            width: 300px !important;\r\n            z-index: 10 !important; \r\n            transition: opacity 1s ease !important;\r\n            opacity: 0 !important;\r\n            will-change: transform !important;\r\n        }\r\n\r\n        .nbra-column.visible { opacity: 1 !important; }\r\n\r\n        \/* --- Card Styling for Images --- *\/\r\n        .nbra-img-card {\r\n            background: #e2e8f0 !important;\r\n            border-radius: 20px !important;\r\n            height: 350px !important;\r\n            padding: 25px !important;\r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n            justify-content: flex-end !important;\r\n            box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.3) !important;\r\n            position: relative !important;\r\n            overflow: hidden !important;\r\n            border: 4px solid #ffffff !important;\r\n        }\r\n\r\n        .nbra-img-card img {\r\n            position: absolute !important;\r\n            top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important;\r\n            object-fit: cover !important;\r\n            filter: brightness(0.6) !important; \r\n            transition: transform 0.5s ease !important;\r\n        }\r\n\r\n        \/* The text inside the peeling cards *\/\r\n        .nbra-img-title { \r\n            color: white !important; \r\n            position: relative !important; \r\n            font-size: 1.4rem !important; \r\n            font-weight: 800 !important; \r\n            text-shadow: 0 2px 10px rgba(0,0,0,0.8) !important;\r\n            z-index: 2 !important;\r\n            margin: 0 !important;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        \/* --- RESPONSIVE DESIGN --- *\/\r\n        @media (max-width: 1200px) {\r\n            .nbra-column { width: 240px !important; }\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .nbra-visual-layer { display: none !important; } \/* Hide peel effect on mobile *\/\r\n            .nbra-grid { grid-template-columns: 1fr !important; gap: 15px !important; }\r\n            .nbra-title { font-size: 2.2rem !important; }\r\n            #nb-reveal-section-ads { padding: 60px 15px !important; min-height: auto !important; }\r\n            .nbra-content { opacity: 1 !important; transform: none !important; } \/* Always show on mobile *\/\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"nbra-visual-layer\">\r\n        \r\n        <div class=\"nbra-column\" id=\"nbra-col-left\">\r\n            <div class=\"nbra-img-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/03\/3b7382e6-db37-4f27-a216-49d0c600d9f0.webp\" alt=\"Local Services\">\r\n                <h4 class=\"nbra-img-title\">Local Service Enquiries<\/h4>\r\n            <\/div>\r\n            <div class=\"nbra-img-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1551288049-bebda4e38f71?auto=format&fit=crop&w=600&q=80\" alt=\"Audience Data\">\r\n                <h4 class=\"nbra-img-title\">Audience Targeting<\/h4>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"nbra-column\" id=\"nbra-col-right\">\r\n            <div class=\"nbra-img-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=600&q=80\" alt=\"Campaign Tracking\">\r\n                <h4 class=\"nbra-img-title\">Conversion Tracking<\/h4>\r\n            <\/div>\r\n            <div class=\"nbra-img-card\">\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=600&q=80\" alt=\"Campaign Optimization\">\r\n                <h4 class=\"nbra-img-title\">Structured Campaigns<\/h4>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"nbra-content\" id=\"nbra-reveal-text\">\r\n        <span class=\"nbra-badge\">Market Insights<\/span>\r\n        <h2 class=\"nbra-title\">Common Meta Ads Mistakes <br><span>Businesses Make<\/span><\/h2>\r\n        \r\n        <p class=\"nbra-desc\">\r\n            As digital adoption increases, businesses across Mysore are allocating larger portions of marketing budgets to online advertising. However, many fail to see ROI due to these critical errors.\r\n        <\/p>\r\n        \r\n        <div class=\"nbra-grid\">\r\n            \r\n            <div class=\"nbra-grid-item\">\r\n                <h4>1. Boosting Posts<\/h4>\r\n                <p>Boosting posts instead of building structured campaigns limits your targeting and optimization capabilities.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"nbra-grid-item\">\r\n                <h4>2. Poor Targeting<\/h4>\r\n                <p>Extremely broad targeting reduces campaign efficiency and burns through budget without generating qualified leads.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"nbra-grid-item\">\r\n                <h4>3. Weak Ad Creatives<\/h4>\r\n                <p>Low-quality visuals and weak copy drastically reduce engagement and conversion rates on social platforms.<\/p>\r\n            <\/div>\r\n            \r\n            <div class=\"nbra-grid-item\">\r\n                <h4>4. No Conversion Tracking<\/h4>\r\n                <p>Without tracking tools (Pixel\/CAPI), campaigns cannot be optimized effectively by the algorithm.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"nbra-grid-item\" style=\"grid-column: 1 \/ -1;\">\r\n                <h4 style=\"color: #0056D2 !important;\">The Solution: Aspire Digital Solutions<\/h4>\r\n                <p>Digital marketing agencies such as Aspire Digital Solutions, headquartered in Mysore, manage structured Meta advertising campaigns that combine audience research, creative development, and data-driven optimization to improve campaign performance.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        (function() {\r\n            \/\/ Only run script if not on mobile (since CSS hides visuals on mobile anyway)\r\n            if (window.innerWidth > 900) {\r\n                const section = document.querySelector('#nb-reveal-section-ads');\r\n                const colL = document.querySelector('#nbra-col-left');\r\n                const colR = document.querySelector('#nbra-col-right');\r\n                const text = document.querySelector('#nbra-reveal-text');\r\n\r\n                if(!section || !colL || !colR || !text) return;\r\n\r\n                \/\/ 1. Trigger Initial Fade-in when section comes into view\r\n                const observer = new IntersectionObserver((entries) => {\r\n                    entries.forEach(entry => {\r\n                        if (entry.isIntersecting) {\r\n                            colL.classList.add('visible');\r\n                            colR.classList.add('visible');\r\n                            text.classList.add('active');\r\n                        }\r\n                    });\r\n                }, { threshold: 0.1 });\r\n\r\n                observer.observe(section);\r\n\r\n                \/\/ 2. Scroll-Linked Peel Effect\r\n                window.addEventListener('scroll', () => {\r\n                    const sectionRect = section.getBoundingClientRect();\r\n                    const windowHeight = window.innerHeight;\r\n\r\n                    \/\/ Calculate progress based on scroll position relative to the section\r\n                    let progress = (windowHeight - sectionRect.top) \/ windowHeight;\r\n                    \/\/ Clamp progress between 0 and 2\r\n                    progress = Math.max(0, Math.min(2, progress));\r\n\r\n                    \/\/ Spread distance multipliers\r\n                    const moveX = progress * 140; \r\n                    const moveY = (progress - 1) * 100; \r\n                    const rotate = progress * 8;\r\n\r\n                    colL.style.transform = `translateX(-${moveX}%) translateY(${moveY}px) rotate(${rotate}deg)`;\r\n                    colR.style.transform = `translateX(${moveX}%) translateY(${-moveY}px) rotate(-${rotate}deg)`;\r\n                });\r\n            }\r\n        })();\r\n    <\/script>\r\n<\/div>\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-4e0f343 e-con-full e-flex e-con e-child\" data-id=\"4e0f343\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b139ce elementor-widget elementor-widget-html\" data-id=\"1b139ce\" 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    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n    <style>\r\n        \/* =========================================================================\r\n           1. STRICTLY SCOPED CSS (BULLETPROOF LIGHT THEME)\r\n           ========================================================================= *\/\r\n        #asp-meta-faq-light {\r\n            --amfl-primary: #6c85f5;\r\n            --amfl-secondary: #ec4899;\r\n            --amfl-text-dark: #111111;\r\n            --amfl-text-light: #4b5563;\r\n            --amfl-bg: #ffffff;\r\n            \r\n            font-family: 'Inter', sans-serif !important;\r\n            width: 100% !important;\r\n            background: var(--amfl-bg) !important;\r\n            overflow: hidden !important; \r\n            position: relative !important;\r\n            display: block !important;\r\n            box-sizing: border-box !important;\r\n            margin: 0 !important;\r\n            padding: 0 !important;\r\n        }\r\n\r\n        #asp-meta-faq-light * {\r\n            box-sizing: border-box !important;\r\n            font-family: 'Inter', sans-serif !important;\r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_container {\r\n            display: flex !important;\r\n            flex-direction: row !important;\r\n            max-width: 1200px !important;\r\n            margin: 0 auto !important;\r\n            padding: 100px 20px !important;\r\n            position: relative !important;\r\n            align-items: flex-start !important;\r\n        }\r\n\r\n        \/* --- LEFT SIDE (STICKY HEADER) --- *\/\r\n        #asp-meta-faq-light .amfl_header_sticky {\r\n            width: 35% !important;\r\n            position: sticky !important;\r\n            top: 120px !important; \r\n            height: fit-content !important;\r\n            padding-right: 50px !important;\r\n            z-index: 10 !important;\r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_logo {\r\n            max-width: 160px !important;\r\n            margin-bottom: 30px !important;\r\n            display: block !important;\r\n            height: auto !important;\r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_header_sticky h2 {\r\n            font-size: clamp(2.5rem, 4vw, 3rem) !important;\r\n            line-height: 1.1 !important;\r\n            font-weight: 800 !important;\r\n            color: var(--amfl-text-dark) !important;\r\n            margin: 0 0 20px 0 !important;\r\n            letter-spacing: -1px !important;\r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_highlight {\r\n            background: linear-gradient(90deg, var(--amfl-primary), var(--amfl-secondary)) !important;\r\n            -webkit-background-clip: text !important;\r\n            -webkit-text-fill-color: transparent !important;\r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_header_sticky p {\r\n            font-size: 1.125rem !important;\r\n            line-height: 1.6 !important;\r\n            color: var(--amfl-text-light) !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        \/* --- RIGHT SIDE (SCROLLABLE LIST) --- *\/\r\n        #asp-meta-faq-light .amfl_list_wrapper {\r\n            width: 65% !important;\r\n            padding-bottom: 200px !important; \r\n            display: flex !important;\r\n            flex-direction: column !important;\r\n        }\r\n\r\n        \/* --- FAQ ITEM STYLING --- *\/\r\n        #asp-meta-faq-light .amfl_item {\r\n            margin-bottom: 60px !important;\r\n            padding-left: 30px !important;\r\n            border-left: 3px solid #e5e7eb !important; \r\n            \r\n            \/* Initial Blur State for GSAP *\/\r\n            opacity: 0.15 !important;\r\n            filter: blur(4px) !important;\r\n            transform: translateY(20px) scale(0.98) !important;\r\n            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;\r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_item:last-child { margin-bottom: 0 !important; }\r\n\r\n        \/* Active State (Triggered by GSAP) *\/\r\n        #asp-meta-faq-light .amfl_item.is-active {\r\n            opacity: 1 !important;\r\n            filter: blur(0px) !important;\r\n            transform: translateY(0) scale(1) !important;\r\n            border-left: 3px solid var(--amfl-primary) !important; \r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_question {\r\n            font-size: 1.5rem !important;\r\n            font-weight: 700 !important;\r\n            color: var(--amfl-text-dark) !important;\r\n            margin: 0 0 12px 0 !important;\r\n            letter-spacing: -0.5px !important;\r\n            line-height: 1.3 !important;\r\n        }\r\n\r\n        #asp-meta-faq-light .amfl_answer {\r\n            font-size: 1.1rem !important;\r\n            line-height: 1.6 !important;\r\n            color: var(--amfl-text-light) !important;\r\n            font-weight: 400 !important;\r\n            margin: 0 !important;\r\n        }\r\n\r\n        \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n        @media (max-width: 900px) {\r\n            #asp-meta-faq-light .amfl_container {\r\n                flex-direction: column !important;\r\n                padding: 60px 20px !important;\r\n            }\r\n\r\n            #asp-meta-faq-light .amfl_header_sticky {\r\n                width: 100% !important;\r\n                position: relative !important; \r\n                top: 0 !important;\r\n                margin-bottom: 50px !important;\r\n                padding-right: 0 !important;\r\n            }\r\n\r\n            #asp-meta-faq-light .amfl_list_wrapper {\r\n                width: 100% !important;\r\n                padding-bottom: 50px !important;\r\n            }\r\n\r\n            \/* Disable aggressive blur on mobile for better UX *\/\r\n            #asp-meta-faq-light .amfl_item {\r\n                opacity: 0.4 !important; \r\n                filter: blur(1px) !important;\r\n                transform: none !important;\r\n                margin-bottom: 40px !important;\r\n                padding-left: 20px !important;\r\n            }\r\n            \r\n            #asp-meta-faq-light .amfl_item.is-active {\r\n                opacity: 1 !important;\r\n                filter: blur(0px) !important;\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n\r\n    <section id=\"asp-meta-faq-light\">\r\n        <div class=\"amfl_container\">\r\n            \r\n            <div class=\"amfl_header_sticky\">\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" alt=\"Aspire Digital Solutions\" class=\"amfl_logo\">\r\n                \r\n                <h2>Meta Ads FAQs <br><span class=\"amfl_highlight\">Explained<\/span><\/h2>\r\n                <p>Everything you need to know about running successful Meta Ads to grow your business in Mysore.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"amfl_list_wrapper\">\r\n                \r\n                <div class=\"amfl_item\">\r\n                    <h3 class=\"amfl_question\">What are Meta Ads?<\/h3>\r\n                    <p class=\"amfl_answer\">Meta Ads are paid advertisements that appear on Facebook, Instagram, Messenger, and the Meta Audience Network. Businesses use them to promote products, services, or events to targeted audiences based on demographics, interests, and online behavior.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"amfl_item\">\r\n                    <h3 class=\"amfl_question\">How much do Meta Ads cost?<\/h3>\r\n                    <p class=\"amfl_answer\">Meta Ads budgets vary depending on campaign goals and industry competition. Many small businesses begin with monthly advertising budgets between \u20b910,000 and \u20b925,000, while larger campaigns may require higher investment.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"amfl_item\">\r\n                    <h3 class=\"amfl_question\">How long does it take for Meta Ads to produce results?<\/h3>\r\n                    <p class=\"amfl_answer\">Campaign performance typically improves after the initial learning phase, which usually lasts one to two weeks depending on data volume and campaign activity.<\/p>\r\n                <\/div>\r\n\r\n                <div class=\"amfl_item\">\r\n                    <h3 class=\"amfl_question\">Are Meta Ads effective for local businesses?<\/h3>\r\n                    <p class=\"amfl_answer\">Yes. Meta Ads allow businesses to target specific locations and demographics, making them effective for generating enquiries and promoting services within a particular city or region.<\/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\", function() {\r\n            \/\/ Check if GSAP is loaded\r\n            if (typeof gsap !== 'undefined' && typeof ScrollTrigger !== 'undefined') {\r\n                gsap.registerPlugin(ScrollTrigger);\r\n\r\n                const items = document.querySelectorAll('#asp-meta-faq-light .amfl_item');\r\n\r\n                items.forEach(item => {\r\n                    ScrollTrigger.create({\r\n                        trigger: item,\r\n                        start: \"top center+=150\", \/\/ Triggers when item enters middle of screen\r\n                        end: \"bottom center-=150\", \/\/ Ends when item leaves middle of screen\r\n                        toggleClass: \"is-active\",\r\n                        \/\/ markers: false \/\/ Change to true to debug trigger lines\r\n                    });\r\n                });\r\n\r\n                \/\/ Refresh ScrollTrigger to calculate heights correctly (useful for WordPress)\r\n                setTimeout(() => {\r\n                    ScrollTrigger.refresh();\r\n                }, 500);\r\n            }\r\n        });\r\n    <\/script>\r\n\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-162b7f3 e-con-full e-flex e-con e-child\" data-id=\"162b7f3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1da5817 elementor-widget elementor-widget-html\" data-id=\"1da5817\" 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<div id=\"ads-cta-section-unique\">\r\n\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;700;800&family=Outfit:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n\r\n    <style>\r\n        \/* --- CSS VARIABLES (Scoped to ID for WP Compatibility) --- *\/\r\n        #ads-cta-section-unique {\r\n            --ads-blue: #6B82FA !important;\r\n            --ads-pink: #F5A8A8 !important;\r\n            --text-white: #ffffff !important;\r\n            --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%) !important;\r\n            \r\n            width: 100% !important;\r\n            max-width: 100% !important;\r\n            position: relative !important;\r\n            display: block !important;\r\n            background: var(--bg-gradient) !important;\r\n            padding: 80px 20px !important;\r\n            overflow: hidden !important;\r\n            font-family: 'Manrope', sans-serif !important;\r\n            box-sizing: border-box !important;\r\n            text-align: left !important;\r\n            line-height: normal !important;\r\n            margin: 0 auto !important; \r\n        }\r\n\r\n        \/* Universal Box Sizing Reset for this section *\/\r\n        #ads-cta-section-unique *,\r\n        #ads-cta-section-unique *::before,\r\n        #ads-cta-section-unique *::after {\r\n            box-sizing: border-box !important;\r\n            transition: all 0.3s ease !important;\r\n        }\r\n\r\n        \/* --- DECORATION --- *\/\r\n        #ads-cta-section-unique .ads-glow-orb {\r\n            position: absolute !important; border-radius: 50% !important;\r\n            filter: blur(80px) !important; z-index: 0 !important; pointer-events: none !important;\r\n        }\r\n        #ads-cta-section-unique .orb-left {\r\n            width: 300px !important; height: 300px !important; background: var(--ads-blue) !important;\r\n            top: -10% !important; left: -10% !important; opacity: 0.2 !important;\r\n        }\r\n        #ads-cta-section-unique .orb-right {\r\n            width: 400px !important; height: 400px !important; background: var(--ads-pink) !important;\r\n            bottom: -10% !important; right: -10% !important; opacity: 0.15 !important;\r\n        }\r\n\r\n        \/* --- CONTAINER --- *\/\r\n        #ads-cta-section-unique .ads-final-container {\r\n            max-width: 1200px !important;\r\n            margin: 0 auto !important;\r\n            display: grid !important;\r\n            grid-template-columns: 1.2fr 0.8fr !important;\r\n            gap: 60px !important;\r\n            align-items: center !important;\r\n            position: relative !important;\r\n            z-index: 2 !important;\r\n        }\r\n\r\n        \/* --- LEFT CONTENT --- *\/\r\n        #ads-cta-section-unique .ads-final-left {\r\n            display: flex !important; flex-direction: column !important;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-label {\r\n            color: var(--ads-pink) !important; font-weight: 700 !important;\r\n            text-transform: uppercase !important; letter-spacing: 1.5px !important;\r\n            font-size: 14px !important; margin-bottom: 15px !important; display: block !important;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-title {\r\n            font-family: 'Outfit', sans-serif !important;\r\n            font-size: clamp(2.2rem, 4vw, 3rem) !important; font-weight: 800 !important;\r\n            color: var(--text-white) !important; margin: 0 0 20px 0 !important;\r\n            line-height: 1.2 !important;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-desc {\r\n            font-size: 1.1rem !important; color: #d1d5db !important;\r\n            line-height: 1.7 !important; margin: 0 0 35px 0 !important;\r\n            max-width: 95% !important;\r\n        }\r\n\r\n        \/* Checkmark Grid *\/\r\n        #ads-cta-section-unique .ads-check-grid {\r\n            display: grid !important; grid-template-columns: 1fr 1fr !important;\r\n            gap: 15px !important; margin-bottom: 40px !important;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-check-item {\r\n            display: flex !important; align-items: center !important; gap: 12px !important;\r\n            background: rgba(255, 255, 255, 0.05) !important;\r\n            padding: 12px 18px !important; border-radius: 50px !important;\r\n            border: 1px solid rgba(255,255,255,0.1) !important;\r\n            color: white !important; font-size: 14px !important; font-weight: 600 !important;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-check-icon {\r\n            color: var(--ads-blue) !important; background: white !important;\r\n            width: 24px !important; height: 24px !important; border-radius: 50% !important;\r\n            display: flex !important; align-items: center !important; justify-content: center !important;\r\n            font-size: 11px !important; flex-shrink: 0 !important;\r\n        }\r\n\r\n        \/* --- RIGHT: CONTACT CARD --- *\/\r\n        #ads-cta-section-unique .ads-contact-card {\r\n            background: rgba(255, 255, 255, 0.08) !important;\r\n            backdrop-filter: blur(15px) !important;\r\n            -webkit-backdrop-filter: blur(15px) !important;\r\n            border: 1px solid rgba(255, 255, 255, 0.2) !important;\r\n            border-radius: 20px !important;\r\n            padding: 40px 35px !important;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3) !important;\r\n            display: flex !important; flex-direction: column !important; gap: 25px !important;\r\n            width: 100% !important;\r\n        }\r\n\r\n        \/* Contact Rows *\/\r\n        #ads-cta-section-unique .ads-contact-row {\r\n            display: flex !important; align-items: flex-start !important; gap: 15px !important;\r\n            width: 100% !important;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-con-icon {\r\n            width: 44px !important; height: 44px !important;\r\n            background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink)) !important;\r\n            border-radius: 12px !important;\r\n            display: flex !important; align-items: center !important; justify-content: center !important;\r\n            color: white !important; font-size: 18px !important;\r\n            flex-shrink: 0 !important;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-con-info {\r\n            flex: 1 !important;\r\n            min-width: 0 !important;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-con-info h4 {\r\n            margin: 0 0 6px 0 !important; font-family: 'Outfit', sans-serif !important;\r\n            font-size: 13px !important; color: #a5b4fc !important; font-weight: 700 !important;\r\n            text-transform: uppercase !important; letter-spacing: 1px !important;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-con-info a, \r\n        #ads-cta-section-unique .ads-con-info p {\r\n            color: white !important; font-size: 16px !important; font-weight: 700 !important;\r\n            text-decoration: none !important; margin: 0 !important;\r\n            line-height: 1.4 !important; display: block !important;\r\n            word-break: break-word !important; \r\n            overflow-wrap: break-word !important;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-con-info a:hover {\r\n            color: var(--ads-pink) !important;\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        #ads-cta-section-unique .ads-final-btn {\r\n            margin-top: 15px !important;\r\n            background: white !important;\r\n            color: var(--ads-blue) !important;\r\n            text-align: center !important;\r\n            padding: 18px !important; border-radius: 12px !important;\r\n            font-weight: 800 !important; font-size: 15px !important;\r\n            text-decoration: none !important; text-transform: uppercase !important;\r\n            letter-spacing: 1px !important;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2) !important;\r\n            display: block !important;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-final-btn:hover {\r\n            transform: translateY(-4px) !important;\r\n            box-shadow: 0 15px 40px rgba(255,255,255,0.2) !important;\r\n            background: #f8fafc !important;\r\n        }\r\n\r\n        \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n        \/* Tablet *\/\r\n        @media (max-width: 1024px) {\r\n            #ads-cta-section-unique { padding: 80px 20px !important; }\r\n            #ads-cta-section-unique .ads-final-container { grid-template-columns: 1fr !important; gap: 60px !important; }\r\n            #ads-cta-section-unique .ads-final-left { text-align: center !important; align-items: center !important; }\r\n            #ads-cta-section-unique .ads-final-desc { margin-left: auto !important; margin-right: auto !important; }\r\n            #ads-cta-section-unique .ads-check-grid { justify-content: center !important; }\r\n            #ads-cta-section-unique .ads-contact-card { max-width: 600px !important; margin: 0 auto !important; }\r\n        }\r\n        \r\n        \/* Mobile *\/\r\n        @media (max-width: 600px) {\r\n            #ads-cta-section-unique { padding: 60px 15px !important; }\r\n            #ads-cta-section-unique .ads-final-title { font-size: 2.2rem !important; }\r\n            #ads-cta-section-unique .ads-check-grid { grid-template-columns: 1fr !important; width: 100% !important; max-width: 320px !important; }\r\n            #ads-cta-section-unique .ads-contact-card { padding: 30px 20px !important; }\r\n            #ads-cta-section-unique .ads-con-info a { font-size: 15px !important; }\r\n        }\r\n    <\/style>\r\n    \r\n    <div class=\"ads-glow-orb orb-left\"><\/div>\r\n    <div class=\"ads-glow-orb orb-right\"><\/div>\r\n\r\n    <div class=\"ads-final-container\">\r\n        \r\n        <div class=\"ads-final-left\">\r\n            <span class=\"ads-final-label\">Conclusion<\/span>\r\n            <h2 class=\"ads-final-title\">Drive Targeted Growth<br>with Meta Ads<\/h2>\r\n            \r\n            <p class=\"ads-final-desc\">\r\n                Meta Ads services help businesses reach targeted audiences on Facebook and Instagram through structured advertising campaigns. By combining audience research, creative development, and continuous optimization, businesses can improve visibility, generate leads, and increase sales through social media advertising platforms.\r\n            <\/p>\r\n\r\n            <div class=\"ads-check-grid\">\r\n                <div class=\"ads-check-item\">\r\n                    <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    7+ Years Experience\r\n                <\/div>\r\n                <div class=\"ads-check-item\">\r\n                    <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    Based in Mysore\r\n                <\/div>\r\n                <div class=\"ads-check-item\">\r\n                    <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    In-House Team\r\n                <\/div>\r\n                <div class=\"ads-check-item\">\r\n                    <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    1,000+ Happy Clients\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-contact-card\">\r\n            \r\n            <div class=\"ads-contact-row\">\r\n                <div class=\"ads-con-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                <div class=\"ads-con-info\">\r\n                    <h4>Call Us Now<\/h4>\r\n                    <a href=\"tel:+917975327335\">+9179753 27335<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-contact-row\">\r\n                <div class=\"ads-con-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                <div class=\"ads-con-info\">\r\n                    <h4>Email Us<\/h4>\r\n                    <a href=\"mailto:marketing@aspiredigitalsolutions.com\">marketing@aspiredigitalsolutions.com<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-contact-row\">\r\n                <div class=\"ads-con-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n                <div class=\"ads-con-info\">\r\n                    <h4>Visit Website<\/h4>\r\n                    <a href=\"https:\/\/www.aspiredigitalsolutions.in\" target=\"_blank\">www.aspiredigitalsolutions.in<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/www.aspiredigitalsolutions.in\/contact-us\/\" class=\"ads-final-btn\">\r\n                Start Your Project <i class=\"fas fa-arrow-right\" style=\"margin-left: 8px;\"><\/i>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\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-d13c6e3 e-flex e-con-boxed e-con e-parent\" data-id=\"d13c6e3\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d476d3 elementor-widget elementor-widget-html\" data-id=\"2d476d3\" 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 type=\"application\/ld+json\">\r\n{\r\n  \"@context\": \"https:\/\/schema.org\",\r\n  \"@graph\": [\r\n    {\r\n      \"@type\": \"WebPage\",\r\n      \"@id\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/meta-ads-services-in-mysore\/#webpage\",\r\n      \"url\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/meta-ads-services-in-mysore\/\",\r\n      \"name\": \"Meta Ads Services in Mysore\",\r\n      \"description\": \"Professional Facebook and Instagram advertising services in Mysore by Aspire Digital Solutions to generate leads, sales and brand visibility.\",\r\n      \"mainEntity\": { \"@id\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/meta-ads-services-in-mysore\/#service\" }\r\n    },\r\n    {\r\n      \"@type\": \"Service\",\r\n      \"@id\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/meta-ads-services-in-mysore\/#service\",\r\n      \"name\": \"Meta Ads Services in Mysore\",\r\n      \"serviceType\": \"Facebook and Instagram Advertising\",\r\n      \"provider\": { \"@id\": \"https:\/\/aspiredigitalsolutions.in\/#localbusiness\" },\r\n      \"areaServed\": { \"@type\": \"City\", \"name\": \"Mysore\" },\r\n      \"sameAs\": [\"https:\/\/aspiredigitalsolutions.in\/\", \"https:\/\/share.google\/vOKf0WkqmYqm8QhQN\"]\r\n    },\r\n    {\r\n      \"@type\": \"FAQPage\",\r\n      \"@id\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/meta-ads-services-in-mysore\/#faq\",\r\n      \"mainEntity\": [\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What are Meta Ads?\",\r\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Meta Ads allow you to advertise on Facebook, Instagram, Messenger and the Audience Network, helping businesses target specific demographics based on interests, behavior and location.\" }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Why use Meta Ads for local businesses?\",\r\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"For businesses in Mysore, Meta Ads allow precise location targeting so ads reach people in specific areas like Gokulam or Jayalakshmipuram, reducing wasted budget and improving results.\" }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What is the difference between Boosting and Ads Manager?\",\r\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Boosting is a simplified advertising option with limited controls, while Meta Ads Manager offers advanced targeting, A\/B testing and conversion tracking for better return on investment.\" }\r\n        }\r\n      ]\r\n    }\r\n  ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hello Word<\/p>","protected":false},"featured_media":863,"template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[],"class_list":["post-1630","mysore","type-mysore","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/mysore"}],"version-history":[{"count":150,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1630\/revisions"}],"predecessor-version":[{"id":18265,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1630\/revisions\/18265"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/863"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=1630"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/categories?post=1630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}