{"id":1642,"date":"2025-05-16T17:46:00","date_gmt":"2025-05-16T17:46:00","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=mysore&#038;p=1642"},"modified":"2026-07-15T16:25:32","modified_gmt":"2026-07-15T10:55:32","slug":"social-media-marketing-services-in-mysore","status":"publish","type":"mysore","link":"https:\/\/aspiredigitalsolutions.in\/ar\/mysore\/social-media-marketing-services-in-mysore\/","title":{"rendered":"Social Media Marketing Services In Mysore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1642\" class=\"elementor elementor-1642\" data-elementor-post-type=\"mysore\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3b6f5960 e-con-full e-flex e-con e-parent\" data-id=\"3b6f5960\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-69098e0f elementor-widget elementor-widget-shortcode\" data-id=\"69098e0f\" 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\">Social Media Marketing 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 = \"Social Media Marketing 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-36a51d4f e-con-full e-flex e-con e-parent\" data-id=\"36a51d4f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2633fa90 elementor-widget elementor-widget-html\" data-id=\"2633fa90\" 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@48,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* --- UNIQUE SCOPED VARIABLES --- *\/\r\n    #aspire_smm_widget_container {\r\n        --aw-primary: #4f46e5;       \/* Indigo *\/\r\n        --aw-secondary: #ec4899;     \/* Pink *\/\r\n        --aw-bg: #f8fafc;            \r\n        --aw-card-bg: #ffffff;\r\n        --aw-text-main: #1e293b;\r\n        --aw-text-sub: #64748b;\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        padding: 60px 20px;\r\n        background: var(--aw-bg);\r\n        position: relative;\r\n        overflow: hidden;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #aspire_smm_widget_container * {\r\n        box-sizing: border-box;\r\n        transition: all 0.3s ease;\r\n    }\r\n\r\n    \/* Background Gradient Decoration *\/\r\n    #aspire_smm_widget_container::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 100%; height: 100%;\r\n        top: 0; left: 0;\r\n        background: radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.08) 0%, transparent 60%);\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    .aspire_inner_wrapper {\r\n        max-width: 1200px; \r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .aspire_header_box {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    .aspire_badge_pill {\r\n        background: white;\r\n        color: var(--aw-primary);\r\n        padding: 6px 16px;\r\n        border-radius: 50px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 4px 15px rgba(79, 70, 229, 0.15);\r\n        display: inline-block;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .aspire_header_box h2 {\r\n        font-size: 36px;\r\n        color: var(--aw-text-main);\r\n        margin: 0 0 15px 0;\r\n        font-weight: 800;\r\n        letter-spacing: -0.5px;\r\n        line-height: 1.2;\r\n    }\r\n    .aspire_header_box h2 span {\r\n        background: linear-gradient(90deg, var(--aw-primary), var(--aw-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .aspire_header_box p {\r\n        font-size: 16px;\r\n        color: var(--aw-text-sub);\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .aspire_card_grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr); \r\n        gap: 20px;\r\n        margin-bottom: 50px;\r\n    }\r\n\r\n    \/* --- CARDS --- *\/\r\n    .aspire_feature_card {\r\n        background: var(--aw-card-bg);\r\n        border-radius: 16px;\r\n        padding: 25px 20px;\r\n        border: 1px solid rgba(255,255,255,0.6);\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.06);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .aspire_step_number {\r\n        position: absolute;\r\n        top: -8px; right: -5px;\r\n        font-size: 70px;\r\n        font-weight: 900;\r\n        color: rgba(0,0,0,0.03);\r\n        line-height: 1;\r\n        z-index: 0;\r\n        user-select: none;\r\n    }\r\n\r\n    .aspire_feature_card:hover {\r\n        transform: translateY(-8px);\r\n        box-shadow: 0 20px 40px -12px rgba(79, 70, 229, 0.2);\r\n        border-color: rgba(79, 70, 229, 0.3);\r\n    }\r\n\r\n    .aspire_card_icon {\r\n        width: 50px; height: 50px;\r\n        border-radius: 12px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 26px;\r\n        margin-bottom: 15px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .aspire_feature_card:nth-child(odd) .aspire_card_icon {\r\n        background: rgba(79, 70, 229, 0.1);\r\n        color: var(--aw-primary);\r\n    }\r\n    .aspire_feature_card:nth-child(even) .aspire_card_icon {\r\n        background: rgba(236, 72, 153, 0.1);\r\n        color: var(--aw-secondary);\r\n    }\r\n\r\n    .aspire_feature_card h3 {\r\n        font-size: 18px;\r\n        font-weight: 700;\r\n        color: var(--aw-text-main);\r\n        margin: 0 0 10px 0;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .aspire_feature_card p {\r\n        font-size: 14px;\r\n        color: var(--aw-text-sub);\r\n        line-height: 1.5;\r\n        margin: 0;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .aspire_feature_card::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 3px;\r\n        background: linear-gradient(90deg, var(--aw-primary), var(--aw-secondary));\r\n        transition: 0.4s ease;\r\n    }\r\n    .aspire_feature_card:hover::after { width: 100%; }\r\n\r\n    \/* --- PROOF\/BENEFITS SECTION --- *\/\r\n    .aspire_proof_box {\r\n        background: #fff;\r\n        padding: 35px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 15px 35px -10px rgba(0,0,0,0.05);\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n    .aspire_proof_title {\r\n        text-align: center;\r\n        font-size: 24px;\r\n        font-weight: 800;\r\n        color: var(--aw-text-main);\r\n        margin: 0 0 30px 0;\r\n    }\r\n    .aspire_proof_list_grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 25px;\r\n    }\r\n    .aspire_proof_item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n    }\r\n    .aspire_check_icon {\r\n        color: var(--aw-secondary);\r\n        font-size: 22px;\r\n        line-height: 1;\r\n        flex-shrink: 0;\r\n        margin-top: 2px;\r\n    }\r\n    .aspire_proof_text {\r\n        font-size: 14px;\r\n        color: var(--aw-text-sub);\r\n        line-height: 1.5;\r\n        font-weight: 500;\r\n    }\r\n    .aspire_proof_text strong { color: var(--aw-primary); }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    @media (max-width: 1024px) {\r\n        .aspire_card_grid { grid-template-columns: repeat(2, 1fr); }\r\n        .aspire_proof_list_grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        #aspire_smm_widget_container { padding: 40px 15px; }\r\n        .aspire_header_box h2 { font-size: 28px; }\r\n        .aspire_card_grid { grid-template-columns: 1fr; }\r\n        .aspire_feature_card { align-items: center; text-align: center; }\r\n        .aspire_proof_list_grid { grid-template-columns: 1fr; gap: 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_smm_widget_container\">\r\n    <div class=\"aspire_inner_wrapper\">\r\n        \r\n        <div class=\"aspire_header_box\">\r\n            <span class=\"aspire_badge_pill\">SMM Services in Mysore<\/span>\r\n            <h2>Grow Your Brand with <br><span>Social Media Marketing<\/span><\/h2>\r\n            <p>\r\n                From VV Mohalla to Gokulam, we help Mysore businesses turn social media into a growth tool. We create content strategies and branded creatives that drive measurable return on investment.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aspire_card_grid\">\r\n            \r\n            <div class=\"aspire_feature_card\">\r\n                <div class=\"aspire_step_number\">01<\/div>\r\n                <div class=\"aspire_card_icon\">\r\n                    <span class=\"material-symbols-rounded\">edit_note<\/span>\r\n                <\/div>\r\n                <h3>Strategy & Planning<\/h3>\r\n                <p>Monthly content calendars aligned with your goals. We plan platform-specific scheduling based on Mysore's local trending topics.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"aspire_feature_card\">\r\n                <div class=\"aspire_step_number\">02<\/div>\r\n                <div class=\"aspire_card_icon\">\r\n                    <span class=\"material-symbols-rounded\">palette<\/span>\r\n                <\/div>\r\n                <h3>Creative Content<\/h3>\r\n                <p>High-quality graphics, videos, reels, and stories. Branded designs that match your visual identity and capture local attention.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"aspire_feature_card\">\r\n                <div class=\"aspire_step_number\">03<\/div>\r\n                <div class=\"aspire_card_icon\">\r\n                    <span class=\"material-symbols-rounded\">campaign<\/span>\r\n                <\/div>\r\n                <h3>Paid Ad Campaigns<\/h3>\r\n                <p>Targeted ads on Instagram and Facebook to drive leads. We focus on location-based targeting to reach customers near your store.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"aspire_feature_card\">\r\n                <div class=\"aspire_step_number\">04<\/div>\r\n                <div class=\"aspire_card_icon\">\r\n                    <span class=\"material-symbols-rounded\">monitoring<\/span>\r\n                <\/div>\r\n                <h3>Tracking & ROI<\/h3>\r\n                <p>Monthly reports with key metrics like reach and clicks. We provide actionable insights into audience behavior and post performance.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"aspire_proof_box\">\r\n            <h3 class=\"aspire_proof_title\">Why Choose Our Social Media Services?<\/h3>\r\n            \r\n            <div class=\"aspire_proof_list_grid\">\r\n                <div class=\"aspire_proof_item\">\r\n                    <span class=\"aspire_check_icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"aspire_proof_text\">\r\n                        <strong>Increase local visibility<\/strong> among Mysore-based customers.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"aspire_proof_item\">\r\n                    <span class=\"aspire_check_icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"aspire_proof_text\">\r\n                        <strong>Build trust<\/strong> through professional branded creatives and content.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aspire_proof_item\">\r\n                    <span class=\"aspire_check_icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"aspire_proof_text\">\r\n                        <strong>Generate real leads<\/strong> for cafes, clinics, boutiques, and more.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aspire_proof_item\">\r\n                    <span class=\"aspire_check_icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"aspire_proof_text\">\r\n                        <strong>Active community management<\/strong> by responding to your messages and comments.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aspire_proof_item\">\r\n                    <span class=\"aspire_check_icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"aspire_proof_text\">\r\n                        <strong>7+ Years of Experience<\/strong> managing over 500+ happy clients.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aspire_proof_item\">\r\n                    <span class=\"aspire_check_icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"aspire_proof_text\">\r\n                        <strong>Influencer Collaborations<\/strong> to help promote your brand via local Mysore voices.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\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-5646e1a e-con-full e-flex e-con e-parent\" data-id=\"5646e1a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-25983507 elementor-widget elementor-widget-html\" data-id=\"25983507\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Mysore SEO Dominance Calculator<\/title>\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=Outfit:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- CSS ISOLATION & RESET --- *\/\r\n    #seo-widget-wrapper {\r\n        \/* Theme Colors - Optimized for \"Growth\/SEO\" *\/\r\n        --seo-bg: #0b1120;\r\n        --seo-panel: #1e293b;\r\n        --seo-primary: #8b5cf6; \/* Violet for Premium\/Tech *\/\r\n        --seo-accent: #34d399;  \/* Green for Growth *\/\r\n        --seo-white: #ffffff;\r\n        --seo-gray: #cbd5e1;\r\n        \r\n        \/* Force Reset *\/\r\n        all: initial; \r\n        font-family: 'Outfit', sans-serif !important;\r\n        display: block;\r\n        width: 100%;\r\n        max-width: 1000px;\r\n        margin: 40px auto;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #seo-widget-wrapper * {\r\n        box-sizing: border-box;\r\n        font-family: 'Outfit', sans-serif !important;\r\n    }\r\n\r\n    \/* --- MAIN CARD --- *\/\r\n    .seo-card {\r\n        background-color: var(--seo-bg) !important;\r\n        border: 1px solid #334155 !important;\r\n        border-radius: 20px !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5) !important;\r\n    }\r\n\r\n    \/* --- LEFT SIDE (IMAGE & INFO) --- *\/\r\n    .seo-sidebar {\r\n        flex: 1 1 350px !important;\r\n        position: relative !important;\r\n        padding: 40px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: space-between !important;\r\n        overflow: hidden !important;\r\n        background-color: #0f172a !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* Background Image: Map\/Tech Vibe *\/\r\n    .seo-sidebar::before {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important;\r\n        width: 100% !important; height: 100% !important;\r\n        background-image: url('https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?q=80&w=1000&auto=format&fit=crop') !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n        z-index: -2 !important;\r\n        opacity: 0.6 !important;\r\n    }\r\n\r\n    \/* Overlay *\/\r\n    .seo-sidebar::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important;\r\n        width: 100% !important; height: 100% !important;\r\n        background: linear-gradient(180deg, rgba(11, 17, 32, 0.9) 0%, rgba(11, 17, 32, 0.98) 100%) !important;\r\n        z-index: -1 !important;\r\n    }\r\n\r\n    .seo-brand img { \r\n        height: 35px !important; \r\n        margin-bottom: 25px !important; \r\n        display: block !important;\r\n        border: none !important;\r\n    }\r\n\r\n    .seo-title {\r\n        font-size: 34px !important;\r\n        font-weight: 800 !important;\r\n        color: var(--seo-white) !important;\r\n        margin: 0 0 10px 0 !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n    .seo-title span { color: var(--seo-primary) !important; }\r\n    \r\n    .seo-desc {\r\n        color: var(--seo-gray) !important;\r\n        font-size: 15px !important;\r\n        line-height: 1.6 !important;\r\n        margin: 0 0 30px 0 !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    \/* Live Summary Box *\/\r\n    .seo-summary {\r\n        background: rgba(255, 255, 255, 0.05) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        padding: 20px !important;\r\n        border-radius: 12px !important;\r\n    }\r\n    .seo-sum-row {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        margin-bottom: 10px !important;\r\n        font-size: 14px !important;\r\n        color: var(--seo-gray) !important;\r\n    }\r\n    .seo-sum-row strong { color: var(--seo-white) !important; }\r\n    \r\n    .seo-sum-row.highlight {\r\n        border-top: 1px solid rgba(255,255,255,0.1) !important;\r\n        margin-top: 15px !important;\r\n        padding-top: 15px !important;\r\n        font-size: 16px !important;\r\n        color: var(--seo-white) !important;\r\n        font-weight: 700 !important;\r\n    }\r\n    .seo-growth-text { color: var(--seo-accent) !important; }\r\n\r\n    \/* --- RIGHT SIDE (CALCULATOR) --- *\/\r\n    .seo-calculator {\r\n        flex: 1.5 1 500px !important;\r\n        padding: 40px !important;\r\n        background-color: var(--seo-bg) !important;\r\n        border-left: 1px solid #334155 !important;\r\n    }\r\n\r\n    \/* Input Groups *\/\r\n    .seo-group { margin-bottom: 25px !important; }\r\n    \r\n    .seo-label-box {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n    .seo-label-box label {\r\n        color: var(--seo-gray) !important;\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n    .seo-value {\r\n        background: rgba(139, 92, 246, 0.15) !important;\r\n        color: #a78bfa !important;\r\n        padding: 4px 10px !important;\r\n        border-radius: 6px !important;\r\n        font-family: monospace !important;\r\n        font-weight: 700 !important;\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    \/* Sliders *\/\r\n    input[type=range].seo-slider {\r\n        -webkit-appearance: none !important;\r\n        appearance: none !important;\r\n        width: 100% !important;\r\n        height: 6px !important;\r\n        background: #334155 !important;\r\n        border-radius: 10px !important;\r\n        outline: none !important;\r\n        border: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        cursor: pointer !important;\r\n        background-image: linear-gradient(var(--seo-primary), var(--seo-primary)) !important;\r\n        background-repeat: no-repeat !important;\r\n        background-size: 0% 100% !important; \r\n    }\r\n    \r\n    input[type=range].seo-slider::-webkit-slider-thumb {\r\n        -webkit-appearance: none !important;\r\n        height: 20px !important;\r\n        width: 20px !important;\r\n        border-radius: 50% !important;\r\n        background: var(--seo-white) !important;\r\n        border: 2px solid var(--seo-primary) !important;\r\n        box-shadow: 0 0 10px rgba(139, 92, 246, 0.5) !important;\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n    \/* --- RESULTS --- *\/\r\n    .seo-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 15px !important;\r\n        margin-top: 30px !important;\r\n    }\r\n    \r\n    .seo-res-box {\r\n        background: #1e293b !important;\r\n        border: 1px solid #334155 !important;\r\n        padding: 15px !important;\r\n        border-radius: 12px !important;\r\n        text-align: center !important;\r\n    }\r\n    .seo-res-box small {\r\n        color: var(--seo-gray) !important;\r\n        font-size: 11px !important;\r\n        text-transform: uppercase !important;\r\n        display: block !important;\r\n        margin-bottom: 5px !important;\r\n    }\r\n    .seo-res-box strong {\r\n        color: var(--seo-white) !important;\r\n        font-size: 22px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    \/* REVENUE HIGHLIGHT *\/\r\n    .seo-res-box.main {\r\n        grid-column: span 2 !important;\r\n        background: linear-gradient(135deg, rgba(52, 211, 153, 0.1), rgba(6, 78, 59, 0.2)) !important;\r\n        border: 1px solid rgba(52, 211, 153, 0.4) !important;\r\n        padding: 25px !important;\r\n    }\r\n    .seo-money {\r\n        font-size: 40px !important;\r\n        color: var(--seo-accent) !important;\r\n        display: block !important;\r\n        margin: 5px 0 20px 0 !important;\r\n        font-weight: 800 !important;\r\n        text-shadow: 0 0 20px rgba(52, 211, 153, 0.2) !important;\r\n    }\r\n\r\n    \/* BUTTON *\/\r\n    .seo-btn {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        background-color: var(--seo-primary) !important;\r\n        color: white !important;\r\n        text-align: center !important;\r\n        padding: 14px !important;\r\n        border-radius: 8px !important;\r\n        text-decoration: none !important;\r\n        font-weight: 700 !important;\r\n        font-size: 16px !important;\r\n        transition: transform 0.2s !important;\r\n        border: none !important;\r\n    }\r\n    .seo-btn:hover {\r\n        background-color: #7c3aed !important;\r\n        transform: translateY(-2px) !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .seo-sidebar { padding: 30px !important; min-height: 300px !important; }\r\n        .seo-summary { display: none !important; }\r\n        .seo-calculator { padding: 25px 20px !important; }\r\n        .seo-money { font-size: 32px !important; }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"seo-widget-wrapper\">\r\n    <div class=\"seo-card\">\r\n        \r\n        <div class=\"seo-sidebar\">\r\n            <div>\r\n                <div class=\"seo-brand\">\r\n                    <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" alt=\"Logo\">\r\n                <\/div>\r\n                <h2 class=\"seo-title\">Dominate <br><span>Local Search<\/span><\/h2>\r\n                <p class=\"seo-desc\">Rank #1 in Mysore. Calculate the organic revenue you're missing in Gokulam, V.V. Mohalla & beyond.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"seo-summary\">\r\n                <div class=\"seo-sum-row\">\r\n                    <span>Search Volume<\/span>\r\n                    <strong id=\"seo-s-vol\">2,500<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-sum-row\">\r\n                    <span>Exp. CTR<\/span>\r\n                    <strong id=\"seo-s-ctr\">20%<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-sum-row highlight\">\r\n                    <span>Growth Potential<\/span>\r\n                    <span class=\"seo-growth-text\">High<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"seo-calculator\">\r\n            \r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Monthly Local Searches (Mysore)<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-vol\">2,500<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-vol\" min=\"500\" max=\"50000\" step=\"500\" value=\"2500\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Target Ranking (Est. CTR)<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-ctr\">20% (#1 Rank)<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-ctr\" min=\"1\" max=\"35\" step=\"1\" value=\"20\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Website Conversion Rate<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-conv\">5%<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-conv\" min=\"1\" max=\"20\" step=\"0.5\" value=\"5\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Avg. Customer Value<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-val\">\u20b93,000<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-val\" min=\"500\" max=\"50000\" step=\"500\" value=\"3000\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-grid\">\r\n                <div class=\"seo-res-box\">\r\n                    <small>Organic Traffic<\/small>\r\n                    <strong id=\"seo-r-traffic\">500<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-res-box\">\r\n                    <small>Monthly Leads<\/small>\r\n                    <strong id=\"seo-r-leads\">25<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-res-box main\">\r\n                    <small>Potential Monthly Revenue<\/small>\r\n                    <span class=\"seo-money\" id=\"seo-r-rev\">\u20b975,000<\/span>\r\n                    <a href=\"https:\/\/aspiredigitalsolutions.in\/contact-us\/\" class=\"seo-btn\">Start Ranking #1<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function(){\r\n        const $ = (id) => document.getElementById(id);\r\n        \r\n        \/\/ Input Elements\r\n        const inputs = {\r\n            vol: $('seo-in-vol'),\r\n            ctr: $('seo-in-ctr'),\r\n            cr: $('seo-in-conv'),\r\n            val: $('seo-in-val')\r\n        };\r\n\r\n        \/\/ Display Elements\r\n        const disp = {\r\n            vol: $('seo-d-vol'), ctr: $('seo-d-ctr'), cr: $('seo-d-conv'), val: $('seo-d-val'),\r\n            svol: $('seo-s-vol'), sctr: $('seo-s-ctr'),\r\n            rtraf: $('seo-r-traffic'), rlead: $('seo-r-leads'), rrev: $('seo-r-rev')\r\n        };\r\n\r\n        const formatInr = (n) => '\u20b9' + parseInt(n).toLocaleString('en-IN');\r\n\r\n        function updateSlider(inp) {\r\n            const pct = (inp.value - inp.min)\/(inp.max - inp.min)*100;\r\n            inp.style.backgroundSize = pct + '% 100%';\r\n        }\r\n\r\n        function getRankLabel(ctr) {\r\n            if(ctr >= 25) return ctr + \"% (#1 Spot)\";\r\n            if(ctr >= 15) return ctr + \"% (Top 3)\";\r\n            if(ctr >= 5) return ctr + \"% (Page 1)\";\r\n            return ctr + \"% (Page 2+)\";\r\n        }\r\n\r\n        function calc() {\r\n            let volume = parseFloat(inputs.vol.value);\r\n            let ctr = parseFloat(inputs.ctr.value);\r\n            let conv = parseFloat(inputs.cr.value);\r\n            let value = parseFloat(inputs.val.value);\r\n\r\n            \/\/ Update UI Labels\r\n            disp.vol.innerText = volume.toLocaleString('en-IN');\r\n            disp.ctr.innerText = getRankLabel(ctr);\r\n            disp.cr.innerText = conv + '%';\r\n            disp.val.innerText = formatInr(value);\r\n            \r\n            \/\/ Update Sidebar Summary\r\n            disp.svol.innerText = volume.toLocaleString('en-IN');\r\n            disp.sctr.innerText = ctr + '%';\r\n\r\n            \/\/ Math Logic for SEO\r\n            \/\/ Traffic = Volume * CTR\r\n            let traffic = Math.floor(volume * (ctr\/100));\r\n            \r\n            \/\/ Leads = Traffic * Conversion Rate\r\n            let leads = Math.floor(traffic * (conv\/100));\r\n            \r\n            \/\/ Revenue = Leads * Customer Value\r\n            let revenue = leads * value;\r\n\r\n            \/\/ Update Results\r\n            disp.rtraf.innerText = traffic.toLocaleString('en-IN');\r\n            disp.rlead.innerText = leads.toLocaleString('en-IN');\r\n            disp.rrev.innerText = formatInr(revenue);\r\n        }\r\n\r\n        \/\/ Initialize Listeners\r\n        Object.values(inputs).forEach(i => {\r\n            i.addEventListener('input', () => { updateSlider(i); calc(); });\r\n            updateSlider(i);\r\n        });\r\n        \r\n        calc(); \/\/ Run once on load\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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-200d5069 e-con-full e-flex e-con e-parent\" data-id=\"200d5069\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5cb78ea9 elementor-widget elementor-widget-html\" data-id=\"5cb78ea9\" 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@24,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* --- SCOPED VARIABLES --- *\/\r\n    .aspire-smm-flip-wrapper {\r\n        --seof-blue: #536dfe;\r\n        --seof-pink: #ff6b81;\r\n        --seof-gradient: linear-gradient(135deg, #536dfe 0%, #ff6b81 100%);\r\n        --seof-text-white: #ffffff;\r\n        --seof-text-grey: #cbd5e1;\r\n        --seof-card-bg: rgba(15, 23, 42, 0.95);\r\n        --seof-bg-image: url('https:\/\/images.pexels.com\/photos\/6078126\/pexels-photo-6078126.jpeg?auto=compress&cs=tinysrgb&w=1920');\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        padding: 80px 20px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background-color: #020617;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .aspire-smm-flip-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Background Image *\/\r\n    .aspire-smm-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: var(--seof-bg-image);\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0.12;\r\n        z-index: 0;\r\n        filter: grayscale(100%) contrast(1.1);\r\n    }\r\n\r\n    \/* Container *\/\r\n    .aspire-smm-container {\r\n        max-width: 1200px; \r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* Header *\/\r\n    .aspire-smm-heading {\r\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\r\n        font-weight: 800 !important;\r\n        color: var(--seof-text-white) !important;\r\n        margin: 0 0 20px 0 !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n\r\n    .aspire-smm-highlight {\r\n        background: var(--seof-gradient);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        display: inline-block;\r\n    }\r\n\r\n    .aspire-smm-sub {\r\n        font-size: clamp(1rem, 2vw, 1.15rem) !important;\r\n        color: var(--seof-text-grey) !important;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px auto !important;\r\n        line-height: 1.7 !important;\r\n        padding: 0 10px;\r\n    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .aspire-smm-grid {\r\n        display: grid;\r\n        gap: 30px;\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    \/* Flip Card Container *\/\r\n    .aspire-smm-flip-card {\r\n        background-color: transparent;\r\n        height: 350px; \r\n        perspective: 1000px;\r\n        cursor: pointer;\r\n        width: 100%;\r\n    }\r\n\r\n    \/* Inner Wrapper *\/\r\n    .aspire-smm-flip-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        text-align: center;\r\n        transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        transform-style: preserve-3d;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    \/* Flip States *\/\r\n    .aspire-smm-flip-card:hover .aspire-smm-flip-inner,\r\n    .aspire-smm-flip-card:active .aspire-smm-flip-inner,\r\n    .aspire-smm-flip-card.is-flipped .aspire-smm-flip-inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n\r\n    \/* Front & Back Faces *\/\r\n    .aspire-smm-flip-front, .aspire-smm-flip-back {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        -webkit-backface-visibility: hidden;\r\n        backface-visibility: hidden;\r\n        border-radius: 24px;\r\n        padding: 30px 20px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        gap: 20px; \r\n    }\r\n\r\n    \/* FRONT DESIGN *\/\r\n    .aspire-smm-flip-front {\r\n        background: var(--seof-card-bg);\r\n        backdrop-filter: blur(12px);\r\n    }\r\n\r\n    .aspire-smm-icon {\r\n        width: 70px; height: 70px;\r\n        border-radius: 20px;\r\n        background: linear-gradient(135deg, rgba(83, 109, 254, 0.15), rgba(255, 107, 129, 0.1));\r\n        display: flex; align-items: center; justify-content: center;\r\n        color: var(--seof-pink);\r\n        transition: 0.3s;\r\n        border: 1px solid rgba(255, 107, 129, 0.2);\r\n        flex-shrink: 0;\r\n    }\r\n    .aspire-smm-icon span { font-size: 36px; }\r\n\r\n    .aspire-smm-title {\r\n        font-size: 1.4rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--seof-text-white) !important;\r\n        margin: 0 !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    \/* Hint Badge *\/\r\n    .aspire-smm-hint {\r\n        font-size: 0.75rem !important;\r\n        color: var(--seof-blue) !important;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        font-weight: 600;\r\n        opacity: 0.9;\r\n        background: rgba(83, 109, 254, 0.12);\r\n        padding: 8px 16px;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    \/* BACK DESIGN *\/\r\n    .aspire-smm-flip-back {\r\n        background: var(--seof-gradient);\r\n        color: white;\r\n        transform: rotateY(180deg);\r\n        box-shadow: 0 20px 40px rgba(83, 109, 254, 0.3);\r\n        gap: 15px;\r\n        padding: 35px 25px;\r\n    }\r\n\r\n    .aspire-smm-back-title {\r\n        font-size: 1.3rem !important;\r\n        font-weight: 800 !important;\r\n        margin: 0 !important;\r\n        border-bottom: 2px solid rgba(255,255,255,0.2);\r\n        padding-bottom: 8px;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .aspire-smm-back-desc {\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.6 !important;\r\n        font-weight: 400 !important;\r\n        color: rgba(255,255,255,0.95) !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    @media (max-width: 1024px) {\r\n        .aspire-smm-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .aspire-smm-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 25px;\r\n        }\r\n        .aspire-smm-flip-card { height: 320px; }\r\n        .aspire-smm-hint { font-size: 0 !important; }\r\n        .aspire-smm-hint::after {\r\n            content: 'Tap to Flip';\r\n            font-size: 0.75rem;\r\n            display: block;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aspire-smm-flip-wrapper\">\r\n    <div class=\"aspire-smm-bg\"><\/div>\r\n\r\n    <div class=\"aspire-smm-container\">\r\n        <h2 class=\"aspire-smm-heading\">\r\n            Our Social Media <span class=\"aspire-smm-highlight\">Expertise<\/span>\r\n        <\/h2>\r\n        <p class=\"aspire-smm-sub\">\r\n            Comprehensive Social Media Marketing (SMM) solutions tailored for Mysore businesses to drive engagement and growth.\r\n        <\/p>\r\n\r\n        <div class=\"aspire-smm-grid\">\r\n            \r\n            <div class=\"aspire-smm-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-smm-flip-inner\">\r\n                    <div class=\"aspire-smm-flip-front\">\r\n                        <div class=\"aspire-smm-icon\"><span class=\"material-symbols-rounded\">calendar_month<\/span><\/div>\r\n                        <h3 class=\"aspire-smm-title\">Strategy & Planning<\/h3>\r\n                        <div class=\"aspire-smm-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-smm-flip-back\">\r\n                        <h3 class=\"aspire-smm-back-title\">Strategy & Planning<\/h3>\r\n                        <p class=\"aspire-smm-back-desc\">Monthly content strategies aligned with business goals and platform-specific scheduling (FB, IG, LinkedIn) based on Mysore trends.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-smm-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-smm-flip-inner\">\r\n                    <div class=\"aspire-smm-flip-front\">\r\n                        <div class=\"aspire-smm-icon\"><span class=\"material-symbols-rounded\">movie_edit<\/span><\/div>\r\n                        <h3 class=\"aspire-smm-title\">Professional Content<\/h3>\r\n                        <div class=\"aspire-smm-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-smm-flip-back\">\r\n                        <h3 class=\"aspire-smm-back-title\">Content Development<\/h3>\r\n                        <p class=\"aspire-smm-back-desc\">High-quality graphics, videos, reels, and stories. We create branded designs and captions with high-conversion CTAs and hashtags.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-smm-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-smm-flip-inner\">\r\n                    <div class=\"aspire-smm-flip-front\">\r\n                        <div class=\"aspire-smm-icon\"><span class=\"material-symbols-rounded\">ads_click<\/span><\/div>\r\n                        <h3 class=\"aspire-smm-title\">Paid Ad Campaigns<\/h3>\r\n                        <div class=\"aspire-smm-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-smm-flip-back\">\r\n                        <h3 class=\"aspire-smm-back-title\">Paid Ads<\/h3>\r\n                        <p class=\"aspire-smm-back-desc\">Results-driven Meta ads (FB & IG) using location-based targeting in Mysore and retargeting to bring back past visitors.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-smm-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-smm-flip-inner\">\r\n                    <div class=\"aspire-smm-flip-front\">\r\n                        <div class=\"aspire-smm-icon\"><span class=\"material-symbols-rounded\">forum<\/span><\/div>\r\n                        <h3 class=\"aspire-smm-title\">Engagement & Community<\/h3>\r\n                        <div class=\"aspire-smm-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-smm-flip-back\">\r\n                        <h3 class=\"aspire-smm-back-title\">Community Care<\/h3>\r\n                        <p class=\"aspire-smm-back-desc\">Responding to messages, comments, and reviews. We monitor engagement to build trust and long-term customer relationships.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-smm-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-smm-flip-inner\">\r\n                    <div class=\"aspire-smm-flip-front\">\r\n                        <div class=\"aspire-smm-icon\"><span class=\"material-symbols-rounded\">analytics<\/span><\/div>\r\n                        <h3 class=\"aspire-smm-title\">Tracking & Reporting<\/h3>\r\n                        <div class=\"aspire-smm-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-smm-flip-back\">\r\n                        <h3 class=\"aspire-smm-back-title\">Insights & Metrics<\/h3>\r\n                        <p class=\"aspire-smm-back-desc\">Monthly reports covering reach, clicks, and saves. We provide actionable suggestions to improve your future social performance.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-smm-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-smm-flip-inner\">\r\n                    <div class=\"aspire-smm-flip-front\">\r\n                        <div class=\"aspire-smm-icon\"><span class=\"material-symbols-rounded\">groups<\/span><\/div>\r\n                        <h3 class=\"aspire-smm-title\">Influencer Marketing<\/h3>\r\n                        <div class=\"aspire-smm-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-smm-flip-back\">\r\n                        <h3 class=\"aspire-smm-back-title\">Local Collaborations<\/h3>\r\n                        <p class=\"aspire-smm-back-desc\">Connecting with Mysore influencers, managing shoutouts, product seeding, and giveaway coordination to expand your brand reach.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\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-69dd4600 e-con-full e-flex e-con e-parent\" data-id=\"69dd4600\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-35a45cce e-con-full e-flex e-con e-parent\" data-id=\"35a45cce\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-45b9efa3 elementor-widget elementor-widget-html\" data-id=\"45b9efa3\" 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=\"aspire-accordion-widget\">\r\n    <style>\r\n        \/* --- Import Fonts --- *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@300;400;600&display=swap');\r\n\r\n        \/* --- WIDGET CSS --- *\/\r\n        #aspire-accordion-widget {\r\n            --aa-bg: transparent;\r\n            --aa-card-bg: #ffffff;\r\n            --aa-primary: #4f46e5;\r\n            --aa-gradient: linear-gradient(90deg, #4f46e5, #ec4899);\r\n            --aa-text-main: #1e293b;\r\n            --aa-text-sub: #64748b;\r\n            --aa-border: rgba(0, 0, 0, 0.08);\r\n            --aa-font-head: 'Space Grotesk', sans-serif;\r\n            --aa-font-body: 'Inter', sans-serif;\r\n\r\n            width: 100%;\r\n            display: block;\r\n            padding: 60px 20px;\r\n            background-color: #f8fafc;\r\n            box-sizing: border-box;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        #aspire-accordion-widget * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-container {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-subtitle {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--aa-primary);\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            display: inline-block;\r\n            background: rgba(79, 70, 229, 0.1);\r\n            padding: 6px 14px;\r\n            border-radius: 50px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-title {\r\n            font-family: var(--aa-font-head);\r\n            font-size: clamp(2rem, 5vw, 3rem);\r\n            color: var(--aa-text-main);\r\n            text-transform: uppercase;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-title span {\r\n            background: var(--aa-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 30px 40px;\r\n            text-decoration: none;\r\n            overflow: hidden;\r\n            min-height: 120px; \r\n            height: auto;\r\n            background: var(--aa-card-bg);\r\n            cursor: pointer;\r\n            border: 1px solid var(--aa-border);\r\n            border-radius: 24px;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            transform: scale(1.1);\r\n            filter: grayscale(100%);\r\n            transition: opacity 0.5s ease, transform 6s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg::after {\r\n            content: ''; \r\n            position: absolute; inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.85) 100%);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 40px;\r\n            width: 100%;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-badge {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 11px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            background: var(--aa-primary);\r\n            padding: 6px 12px;\r\n            border-radius: 8px;\r\n            white-space: nowrap;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-info {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 4px;\r\n            flex-grow: 1;\r\n            padding-right: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-name {\r\n            font-family: var(--aa-font-head);\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: var(--aa-text-main);\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-subtitle-text {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 0.95rem;\r\n            color: var(--aa-text-sub);\r\n            font-weight: 500;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details {\r\n            display: block;\r\n            margin-top: 15px;\r\n            font-family: var(--aa-font-body);\r\n            font-size: 0.9rem;\r\n            color: var(--aa-text-sub);\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details p {\r\n            margin-bottom: 8px;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details strong {\r\n            color: var(--aa-primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-action {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            min-width: max-content;\r\n            align-self: flex-start;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-btn {\r\n            background: var(--aa-gradient);\r\n            color: #ffffff;\r\n            font-family: var(--aa-font-body);\r\n            font-weight: 600;\r\n            font-size: 13px;\r\n            padding: 8px 20px;\r\n            border-radius: 50px;\r\n            opacity: 0;\r\n            transform: translateX(20px);\r\n            text-decoration: none;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-arrow {\r\n            width: 40px; height: 40px;\r\n            border-radius: 50%;\r\n            border: 1px solid var(--aa-border);\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: var(--aa-primary);\r\n            background: #fff;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-arrow svg { width: 18px; height: 18px; stroke: currentColor; stroke-width: 2.5; }\r\n\r\n        \/* Hover Logic *\/\r\n        @media (min-width: 992px) {\r\n            #aspire-accordion-widget .aa-item:hover { transform: translateY(-5px); border-color: var(--aa-primary); }\r\n            #aspire-accordion-widget .aa-item:hover .aa-item-bg { opacity: 1; transform: scale(1); }\r\n            #aspire-accordion-widget .aa-item:hover .aa-details { max-height: 500px; opacity: 1; overflow: visible; }\r\n            #aspire-accordion-widget .aa-item:hover .aa-btn { opacity: 1; transform: translateX(0); }\r\n            #aspire-accordion-widget .aa-item:hover .aa-arrow { background: var(--aa-primary); color: #fff; transform: rotate(-45deg); }\r\n        }\r\n\r\n        \/* Mobile *\/\r\n        @media (max-width: 991px) {\r\n            #aspire-accordion-widget .aa-item { flex-direction: column; padding: 25px; height: auto !important; }\r\n            #aspire-accordion-widget .aa-content { flex-direction: column; gap: 15px; }\r\n            #aspire-accordion-widget .aa-details { max-height: none; opacity: 1; }\r\n            #aspire-accordion-widget .aa-action { width: 100%; justify-content: space-between; border-top: 1px solid var(--aa-border); padding-top: 15px; margin-top: 15px; }\r\n            #aspire-accordion-widget .aa-btn { opacity: 1; transform: none; background: #fff; color: var(--aa-primary); border: 1px solid var(--aa-primary); }\r\n            #aspire-accordion-widget .aa-item-bg { display: none; }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"aa-container\">\r\n        <div class=\"aa-header\">\r\n            <span class=\"aa-subtitle\">Our Portfolio<\/span>\r\n            <h2 class=\"aa-title\">Local Mysore <span>Case Studies<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"aa-list\">\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1513519245088-0e12902e5a38?auto=format&fit=crop&w=1000');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-badge\">SUCCESS STORY<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Handicrafts Shop<\/h3>\r\n                        <p class=\"aa-subtitle-text\">Chamundi Hill Road, Mysore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Relied solely on footfall; zero online visibility.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Built FB\/IG presence with craft-making videos and targeted festival ads.<\/p>\r\n                            <p><strong>Result:<\/strong> Weekend footfall increased and secured nationwide orders in 2 months.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">Learn More<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=1000');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-badge\">SUCCESS STORY<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Dental Clinic<\/h3>\r\n                        <p class=\"aa-subtitle-text\">JP Nagar, Mysore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Happy patients but low online lead generation.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Educational dental tips, makeover photos, and hyperlocal awareness ads.<\/p>\r\n                            <p><strong>Result:<\/strong> 1,200+ new followers and high inquiry rates for smile treatments in 45 days.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">Learn More<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=1000');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-badge\">SUCCESS STORY<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Real Estate Agent<\/h3>\r\n                        <p class=\"aa-subtitle-text\">Kuvempunagar, Mysore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Poor lead quality and low digital brand trust.<\/p>\r\n                            <p><strong>Strategy:<\/strong> House tours, video reviews, and strategic buyer-intent ads for Mysore locals.<\/p>\r\n                            <p><strong>Result:<\/strong> 300+ quality leads and 4 direct sales via social media in 2 months.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">Learn More<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\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-ea44b4a e-con-full e-flex e-con e-parent\" data-id=\"ea44b4a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c94d87 elementor-widget elementor-widget-html\" data-id=\"4c94d87\" 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    #aspire_gap_widget {\r\n        \/* --- VARIABLES --- *\/\r\n        --acs-bg-deep: #02040a;\r\n        --acs-bg-card: rgba(20, 25, 40, 0.9);\r\n        --acs-text-white: #ffffff;\r\n        --acs-text-muted: #94a3b8;\r\n        --acs-accent-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);\r\n        --acs-card-w: 420px;\r\n        --acs-card-h: 280px;\r\n\r\n        background-color: var(--acs-bg-deep);\r\n        font-family: 'Outfit', sans-serif;\r\n        padding: 100px 0;\r\n        overflow: hidden;\r\n        color: var(--acs-text-white);\r\n        position: relative;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #aspire_gap_widget * { box-sizing: border-box; }\r\n\r\n    \/* Heading *\/\r\n    .acs_title_block { text-align: center; margin-bottom: 60px; padding: 0 20px; }\r\n    .acs_title {\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        font-weight: 800;\r\n        background: var(--acs-accent-gradient);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        line-height: 1.1;\r\n        margin-bottom: 10px;\r\n    }\r\n    .acs_subtitle { color: var(--acs-text-muted); font-size: 1.1rem; }\r\n\r\n    \/* Wrapper for Rows *\/\r\n    .acs_row_wrapper {\r\n        width: 100%;\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-bottom: 50px; \r\n        position: relative;\r\n    }\r\n\r\n    \/* The Track *\/\r\n    .acs_track {\r\n        display: flex;\r\n        gap: 30px; \r\n        width: max-content;\r\n        will-change: transform;\r\n        padding: 10px 0;\r\n    }\r\n\r\n    \/* --- CARD DESIGN --- *\/\r\n    .acs_card {\r\n        flex: 0 0 var(--acs-card-w);\r\n        height: var(--acs-card-h);\r\n        position: relative;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        background: var(--acs-bg-card);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        transition: transform 0.3s ease, border-color 0.3s ease;\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.3);\r\n    }\r\n\r\n    .acs_card:hover {\r\n        transform: scale(1.02);\r\n        border-color: rgba(59, 130, 246, 0.6);\r\n        z-index: 10;\r\n        box-shadow: 0 20px 40px rgba(59, 130, 246, 0.15);\r\n    }\r\n\r\n    .acs_img {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        opacity: 0.4;\r\n        transition: 0.5s;\r\n    }\r\n    .acs_card:hover .acs_img { opacity: 0.2; transform: scale(1.05); }\r\n\r\n    .acs_content {\r\n        position: absolute;\r\n        bottom: 0; left: 0;\r\n        padding: 30px;\r\n        background: linear-gradient(to top, rgba(2, 4, 10, 1) 10%, rgba(2, 4, 10, 0.7) 60%, transparent 100%);\r\n        width: 100%;\r\n    }\r\n\r\n    .acs_card_title { font-size: 1.5rem; font-weight: 700; margin-bottom: 8px; color: #fff !important; }\r\n    .acs_desc { font-size: 0.95rem; color: var(--acs-text-muted); line-height: 1.6; }\r\n\r\n    .acs_tag {\r\n        position: absolute;\r\n        top: 25px; left: 25px;\r\n        background: rgba(59, 130, 246, 0.2);\r\n        border: 1px solid rgba(59, 130, 246, 0.4);\r\n        color: #fff;\r\n        padding: 6px 16px;\r\n        border-radius: 50px;\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-weight: 700;\r\n        z-index: 2;\r\n        backdrop-filter: blur(8px);\r\n    }\r\n\r\n    \/* --- RESPONSIVE MOBILE --- *\/\r\n    @media (max-width: 850px) {\r\n        #aspire_gap_widget { padding: 60px 15px; }\r\n        .acs_row_wrapper { display: block; margin-bottom: 0; }\r\n        .acs_track {\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: 100%;\r\n            gap: 25px;\r\n            transform: none !important; \r\n            margin-bottom: 25px;\r\n        }\r\n        .acs_card {\r\n            width: 100%;\r\n            height: auto;\r\n            min-height: 240px;\r\n            flex: none;\r\n            max-width: 100%;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_gap_widget\">\r\n    <div class=\"acs_title_block\">\r\n        <h2 class=\"acs_title\">Why Mysore Businesses <br>Choose Aspire<\/h2>\r\n        <p class=\"acs_subtitle\">Building brands that resonate with the local heart of Karnataka.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"acs_row_wrapper\">\r\n        <div class=\"acs_track\" id=\"acs_track_1_gap\">\r\n            \r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Experience<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=800\" class=\"acs_img\" alt=\"Local Experience\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Local Expertise<\/h3>\r\n                    <p class=\"acs_desc\">Helping Mysore icons in hospitality, retail, and education connect deeply with their local audience.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Process<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=800\" class=\"acs_img\" alt=\"Transparent Workflow\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Transparent Workflow<\/h3>\r\n                    <p class=\"acs_desc\">Our clear 5-step framework ensures you have full visibility and confidence at every branding stage.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acs_row_wrapper\">\r\n        <div class=\"acs_track\" id=\"acs_track_2_gap\">\r\n            \r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Portfolio<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?auto=format&fit=crop&w=800\" class=\"acs_img\" alt=\"Visual Portfolio\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Visual Portfolio<\/h3>\r\n                    <p class=\"acs_desc\">Explore completed identities, from logo systems to packaging, crafted specifically for Mysore clients.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Reliability<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?auto=format&fit=crop&w=800\" class=\"acs_img\" alt=\"Design Team\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Reliable In-House Team<\/h3>\r\n                    <p class=\"acs_desc\">Zero outsourcing. All work is done by our team using pro tools like Figma and Adobe for peak quality.<\/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('acs_track_1_gap');\r\n        const track2 = document.getElementById('acs_track_2_gap');\r\n        const container = document.getElementById('aspire_gap_widget');\r\n\r\n        function updateScroll() {\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            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                const moveAmount = distance * 0.3; \/\/ Speed of scroll\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        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-75625a5c e-con-full e-flex e-con e-parent\" data-id=\"75625a5c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4add3830 elementor-widget elementor-widget-html\" data-id=\"4add3830\" 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 Mysore businesses establish their online presence and connect with customers through professional web solutions.\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:\/\/plus.unsplash.com\/premium_photo-1661768526823-8e7941279818?q=80&w=1171&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');\">\r\n            <div class=\"aspire_testi_content\">\r\n                <p class=\"aspire_testi_quote\">\"We didn\u2019t have a website and people couldn\u2019t find us online. Aspire built a clean, simple site. Now patients check our timings, see services, and book appointments online. It\u2019s made a big difference.\"<\/p>\r\n                <h4 class=\"aspire_testi_author\">Rakesh \u2013 Gokulam<\/h4>\r\n                <span class=\"aspire_testi_business\">Smile Dental Care<\/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-1567401893414-76b7b1e5a7a5?auto=format&fit=crop&q=80&w=800');\">\r\n            <div class=\"aspire_testi_content\">\r\n                <p class=\"aspire_testi_quote\">\"I had no idea how to make a website for my boutique. Aspire built everything for me. Now people can see our dresses online and call us easily. It really helped my business.\"<\/p>\r\n                <h4 class=\"aspire_testi_author\">Nisha \u2013 Saraswathipuram<\/h4>\r\n                <span class=\"aspire_testi_business\">Fab Looks Boutique<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aspire_testi_slice\" style=\"background-image: url('https:\/\/plus.unsplash.com\/premium_photo-1723867483907-aa3f8de7121e?q=80&w=1170&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');\">\r\n            <div class=\"aspire_testi_content\">\r\n                <p class=\"aspire_testi_quote\">\"I run CoolFix in Hebbal. I didn\u2019t know how to even start a website. Aspire built one that looks good and works well. Now people can find us online and call easily. It really helped my business grow.\"<\/p>\r\n                <h4 class=\"aspire_testi_author\">Ravi \u2013 Hebbal<\/h4>\r\n                <span class=\"aspire_testi_business\">CoolFix Mysore<\/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, #3b82f6, #8b5cf6);\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    .at-brand-header { text-align: center; margin-bottom: 20px; }\r\n    .at-official-logo { max-width: 180px; height: auto; display: inline-block; }\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    .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 { flex: 4; }\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.2rem;\r\n        font-weight: 400;\r\n        line-height: 1.5;\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.85rem;\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    @media (max-width: 900px) {\r\n        #aspire_testi_widget { padding: 40px 10px; }\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: 400px; \r\n        }\r\n        .aspire_testi_quote { font-size: 1rem; }\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-29529bec e-con-full e-flex e-con e-parent\" data-id=\"29529bec\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e941c94 elementor-widget elementor-widget-html\" data-id=\"e941c94\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>SMM FAQ - Aspire Digital Solutions<\/title>\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;500;600;700&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        \/* BASE STYLES *\/\r\n        #asp-smm-faq-section {\r\n            background-color: #ffffff;\r\n            color: #1a1a1a;\r\n            font-family: 'Inter', sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            width: 100%;\r\n        }\r\n\r\n        \/* LAYOUT *\/\r\n        .faq-container {\r\n            display: flex;\r\n            flex-direction: row;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            padding: 100px 20px;\r\n            position: relative;\r\n        }\r\n\r\n        \/* STICKY LEFT HEADER *\/\r\n        .faq-sidebar {\r\n            width: 35%;\r\n            position: sticky;\r\n            top: 100px;\r\n            height: fit-content;\r\n            padding-right: 50px;\r\n        }\r\n\r\n        .faq-logo {\r\n            max-width: 160px;\r\n            margin-bottom: 25px;\r\n            display: block;\r\n        }\r\n\r\n        .faq-sidebar h2 {\r\n            font-size: 2.8rem;\r\n            line-height: 1.1;\r\n            font-weight: 700;\r\n            margin: 0;\r\n            color: #111;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .faq-sidebar p {\r\n            color: #666;\r\n            margin-top: 20px;\r\n            font-size: 1.1rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .highlight-gradient {\r\n            background: linear-gradient(90deg, #6c85f5, #e068fd);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        \/* FAQ CONTENT LIST *\/\r\n        .faq-content-list {\r\n            width: 65%;\r\n            padding-bottom: 150px;\r\n        }\r\n\r\n        .faq-item {\r\n            margin-bottom: 70px;\r\n            opacity: 0.2;\r\n            filter: blur(4px);\r\n            transform: translateY(30px) scale(0.96);\r\n            transition: all 0.7s cubic-bezier(0.16, 1, 0.3, 1);\r\n            border-left: 3px solid #eee;\r\n            padding-left: 35px;\r\n        }\r\n\r\n        \/* ACTIVE STATE VIA GSAP *\/\r\n        .faq-item.active {\r\n            opacity: 1;\r\n            filter: blur(0px);\r\n            transform: translateY(0) scale(1);\r\n            border-left: 3px solid #6c85f5;\r\n        }\r\n\r\n        .faq-question {\r\n            font-size: 1.4rem;\r\n            font-weight: 600;\r\n            margin-bottom: 15px;\r\n            color: #000;\r\n            letter-spacing: -0.01em;\r\n        }\r\n\r\n        .faq-answer {\r\n            font-size: 1.05rem;\r\n            line-height: 1.7;\r\n            color: #4b5563;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* MOBILE RESPONSIVE *\/\r\n        @media (max-width: 900px) {\r\n            .faq-container {\r\n                flex-direction: column;\r\n                padding: 60px 20px;\r\n            }\r\n            .faq-sidebar {\r\n                width: 100%;\r\n                position: relative;\r\n                top: 0;\r\n                margin-bottom: 50px;\r\n                padding-right: 0;\r\n            }\r\n            .faq-content-list {\r\n                width: 100%;\r\n            }\r\n            .faq-sidebar h2 {\r\n                font-size: 2.2rem;\r\n            }\r\n            .faq-item {\r\n                opacity: 0.4;\r\n                filter: blur(2px);\r\n                margin-bottom: 50px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"asp-smm-faq-section\">\r\n    <div class=\"faq-container\">\r\n        <div class=\"faq-sidebar\">\r\n            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" alt=\"Aspire\" class=\"faq-logo\">\r\n            <h2>SMM <span class=\"highlight-gradient\">Expertise<\/span><\/h2>\r\n            <p>Common questions about growing your Mysore business through Social Media Marketing.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"faq-content-list\">\r\n            \r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">What is social media marketing and how does it work?<\/div>\r\n                <div class=\"faq-answer\">It involves using platforms like Facebook, Instagram, and LinkedIn to promote your business, engage with your audience, and drive traffic or sales through strategic content.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">Why is social media marketing important for my business?<\/div>\r\n                <div class=\"faq-answer\">It helps you build brand awareness, reach new customers, and maintain relationships with existing ones through targeted organic posts and paid ads.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">Which platforms should my business be on?<\/div>\r\n                <div class=\"faq-answer\">It depends on your audience. Local Mysore businesses thrive on Facebook and Instagram, while B2B companies see better results on LinkedIn.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">How much do social media marketing services cost?<\/div>\r\n                <div class=\"faq-answer\">Pricing varies by scope. Basic packages start around \u20b95,000\/month, while full-service plans including ad management can reach \u20b925,000 or more.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">What is included in a typical SMM package?<\/div>\r\n                <div class=\"faq-answer\">Packages usually include content planning, graphic design, ad management, caption writing, scheduling, and monthly performance reporting.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"faq-item\">\r\n                <div class=\"faq-question\">Can I run ads without posting organic content?<\/div>\r\n                <div class=\"faq-answer\">Yes, but combined efforts work best. Organic content builds trust and long-term engagement, while ads expand your reach and generate leads quickly.<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const faqItems = document.querySelectorAll('.faq-item');\r\n\r\n    faqItems.forEach(item => {\r\n        gsap.to(item, {\r\n            scrollTrigger: {\r\n                trigger: item,\r\n                start: \"top center+=150\", \r\n                end: \"bottom center-=150\",\r\n                toggleClass: \"active\",\r\n                markers: false,\r\n                scrub: 1\r\n            }\r\n        });\r\n    });\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\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-5c56409c e-con-full e-flex e-con e-parent\" data-id=\"5c56409c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4da6d2f3 elementor-widget elementor-widget-html\" data-id=\"4da6d2f3\" 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<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>SMM Services CTA - Aspire Digital<\/title>\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=Manrope:wght@400;500;700;800&family=Outfit:wght@400;600;800&display=swap\" rel=\"stylesheet\">\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\r\n    <style>\r\n        \/* --- CSS VARIABLES (Scoped to ID) --- *\/\r\n        #ads-cta-section-unique {\r\n            --ads-blue: #6B82FA;\r\n            --ads-pink: #F5A8A8;\r\n            --text-white: #ffffff;\r\n            --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);\r\n        }\r\n\r\n        \/* --- WRAPPER --- *\/\r\n        #ads-cta-section-unique {\r\n            width: 100%;\r\n            max-width: 100%; \r\n            position: relative;\r\n            display: block;\r\n            background: var(--bg-gradient);\r\n            padding: 80px 20px;\r\n            overflow: hidden;\r\n            font-family: 'Manrope', 'Outfit', sans-serif;\r\n            box-sizing: border-box;\r\n            text-align: left;\r\n            line-height: normal;\r\n        }\r\n\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;\r\n        }\r\n\r\n        \/* --- DECORATION --- *\/\r\n        #ads-cta-section-unique .ads-glow-orb {\r\n            position: absolute; border-radius: 50%;\r\n            filter: blur(80px); z-index: 0; pointer-events: none;\r\n        }\r\n        #ads-cta-section-unique .orb-left {\r\n            width: 300px; height: 300px; background: var(--ads-blue);\r\n            top: -10%; left: -10%; opacity: 0.2;\r\n        }\r\n        #ads-cta-section-unique .orb-right {\r\n            width: 400px; height: 400px; background: var(--ads-pink);\r\n            bottom: -10%; right: -10%; opacity: 0.15;\r\n        }\r\n\r\n        \/* --- CONTAINER --- *\/\r\n        #ads-cta-section-unique .ads-final-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 0.8fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* --- LEFT CONTENT --- *\/\r\n        #ads-cta-section-unique .ads-final-left {\r\n            display: flex; flex-direction: column;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-label {\r\n            color: var(--ads-pink); font-weight: 700;\r\n            text-transform: uppercase; letter-spacing: 1.5px;\r\n            font-size: 13px; margin-bottom: 15px; display: block;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-title {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 42px; font-weight: 800;\r\n            color: var(--text-white); margin: 0 0 20px 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-desc {\r\n            font-size: 16px; color: #d1d5db;\r\n            line-height: 1.6; margin: 0 0 30px 0;\r\n            max-width: 90%;\r\n        }\r\n\r\n        \/* Checkmark Grid *\/\r\n        #ads-cta-section-unique .ads-check-grid {\r\n            display: grid; grid-template-columns: 1fr 1fr;\r\n            gap: 15px; margin-bottom: 40px;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-check-item {\r\n            display: flex; align-items: center; gap: 10px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            padding: 10px 15px; border-radius: 50px;\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            color: white; font-size: 14px; font-weight: 600;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-check-icon {\r\n            color: var(--ads-blue); background: white;\r\n            width: 22px; height: 22px; border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 11px; flex-shrink: 0;\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.1);\r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n            display: flex; flex-direction: column; gap: 25px;\r\n            width: 100%;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-contact-row {\r\n            display: flex; align-items: flex-start; gap: 15px;\r\n            width: 100%;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-con-icon {\r\n            width: 40px; height: 40px;\r\n            background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink));\r\n            border-radius: 10px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: white; font-size: 18px;\r\n            flex-shrink: 0;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-con-info {\r\n            flex: 1;\r\n            min-width: 0;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-con-info h4 {\r\n            margin: 0 0 4px 0; font-family: 'Outfit', sans-serif;\r\n            font-size: 13px; color: #a5b4fc; font-weight: 600;\r\n            text-transform: uppercase;\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; font-size: 16px; font-weight: 700;\r\n            text-decoration: none; margin: 0;\r\n            line-height: 1.4; display: block;\r\n            word-break: break-word; \r\n            overflow-wrap: break-word;\r\n        }\r\n\r\n        \/* CTA Button *\/\r\n        #ads-cta-section-unique .ads-final-btn {\r\n            margin-top: 10px;\r\n            background: white;\r\n            color: var(--ads-blue);\r\n            text-align: center;\r\n            padding: 16px; border-radius: 10px;\r\n            font-weight: 800; font-size: 15px;\r\n            text-decoration: none; text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n            transition: 0.3s;\r\n            display: block;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-final-btn:hover {\r\n            transform: translateY(-3px);\r\n            background: #f8fafc;\r\n        }\r\n\r\n        \/* --- RESPONSIVE --- *\/\r\n        @media (max-width: 1024px) {\r\n            #ads-cta-section-unique .ads-final-container { \r\n                grid-template-columns: 1fr;\r\n                gap: 50px; \r\n            }\r\n            #ads-cta-section-unique .ads-final-left { \r\n                text-align: center; \r\n                align-items: center; \r\n            }\r\n            #ads-cta-section-unique .ads-check-grid { justify-content: center; }\r\n        }\r\n        \r\n        @media (max-width: 600px) {\r\n            #ads-cta-section-unique .ads-final-title { font-size: 28px; }\r\n            #ads-cta-section-unique .ads-check-grid {\r\n                grid-template-columns: 1fr;\r\n                width: 100%;\r\n                max-width: 320px;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"ads-cta-section-unique\">\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\">Social Media Marketing<\/span>\r\n                <h2 class=\"ads-final-title\">Grow Your Brand Presence in Mysore<\/h2>\r\n                \r\n                <p class=\"ads-final-desc\">\r\n                    Ready to turn your social media into a lead-generation machine? Our SMM experts in Mysore create engaging content, manage your community, and run targeted ads that bring customers right to your doorstep.\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                        Expert Content Design\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                        Local Audience Insight\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                        High-ROI Ad Campaigns\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                        No Outsourcing\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>Consultation Call<\/h4>\r\n                        <a href=\"tel:+917975327335\">+91 79753 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>Get A Proposal<\/h4>\r\n                        <a href=\"mailto:marketing@aspiredigitalsolutions.in\">marketing@aspiredigitalsolutions.in<\/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-map-marker-alt\"><\/i><\/div>\r\n                    <div class=\"ads-con-info\">\r\n                        <h4>Our Location<\/h4>\r\n                        <p>Mysuru, Karnataka<\/p>\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 Growth Journey <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/a>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n<\/body>\r\n<\/html>\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-f1f5990 e-flex e-con-boxed e-con e-parent\" data-id=\"f1f5990\" 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-a1c6a83 elementor-widget elementor-widget-html\" data-id=\"a1c6a83\" 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\/social-media-marketing-services-in-mysore\/#webpage\",\r\n      \"url\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/social-media-marketing-services-in-mysore\/\",\r\n      \"name\": \"Social Media Marketing Services in Mysore\",\r\n      \"description\": \"Professional social media marketing services in Mysore by Aspire Digital Solutions to build brand awareness, engage customers and drive business growth.\",\r\n      \"mainEntity\": { \"@id\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/social-media-marketing-services-in-mysore\/#service\" }\r\n    },\r\n    {\r\n      \"@type\": \"Service\",\r\n      \"@id\": \"https:\/\/aspiredigitalsolutions.in\/mysore\/social-media-marketing-services-in-mysore\/#service\",\r\n      \"name\": \"Social Media Marketing Services in Mysore\",\r\n      \"serviceType\": \"Social Media Management and Marketing\",\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\/social-media-marketing-services-in-mysore\/#faq\",\r\n      \"mainEntity\": [\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"What is social media marketing and how does it work?\",\r\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Social media marketing involves using platforms like Facebook, Instagram and LinkedIn to promote your business, engage your audience and drive website traffic or sales through strategic content.\" }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Why is social media marketing important for my business?\",\r\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"It helps build brand awareness, reach new customers and maintain relationships with existing customers through targeted posts and paid advertising.\" }\r\n        },\r\n        {\r\n          \"@type\": \"Question\",\r\n          \"name\": \"Which platforms should my business be on?\",\r\n          \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Local Mysore businesses perform well on Facebook and Instagram, while B2B companies typically get better results from LinkedIn.\" }\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":390,"template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[],"class_list":["post-1642","mysore","type-mysore","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1642","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":33,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1642\/revisions"}],"predecessor-version":[{"id":20149,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1642\/revisions\/20149"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/390"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=1642"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/categories?post=1642"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}