{"id":1652,"date":"2025-05-16T18:12:13","date_gmt":"2025-05-16T18:12:13","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=mysore&#038;p=1652"},"modified":"2026-07-15T16:32:38","modified_gmt":"2026-07-15T11:02:38","slug":"email-marketing-services-in-mysore","status":"publish","type":"mysore","link":"https:\/\/aspiredigitalsolutions.in\/ar\/mysore\/email-marketing-services-in-mysore\/","title":{"rendered":"Email Marketing Services In Mysore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1652\" class=\"elementor elementor-1652\" data-elementor-post-type=\"mysore\">\n\t\t\t\t<div class=\"elementor-element elementor-element-649ccfd0 e-con-full e-flex e-con e-parent\" data-id=\"649ccfd0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7ae3b019 elementor-widget elementor-widget-shortcode\" data-id=\"7ae3b019\" 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\">Email 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 = \"Email 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-75edaa2b e-con-full e-flex e-con e-parent\" data-id=\"75edaa2b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7716f186 elementor-widget elementor-widget-html\" data-id=\"7716f186\" 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    #aspire_email_marketing_widget {\r\n        --primary: #4f46e5;\r\n        --secondary: #ec4899;\r\n        --bg-light: #f8fafc;\r\n        --text-dark: #1e293b;\r\n        --text-muted: #64748b;\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        background: var(--bg-light);\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #aspire_email_marketing_widget * { box-sizing: border-box; transition: 0.3s; }\r\n\r\n    .aspire_container {\r\n        max-width: 1100px;\r\n        margin: 0 auto;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .aspire_header {\r\n        text-align: center;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .aspire_tag {\r\n        display: inline-block;\r\n        background: #fff;\r\n        color: var(--primary);\r\n        padding: 8px 20px;\r\n        border-radius: 100px;\r\n        font-weight: 700;\r\n        font-size: 14px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 10px 20px rgba(79, 70, 229, 0.1);\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .aspire_header h2 {\r\n        font-size: clamp(28px, 5vw, 42px);\r\n        color: var(--text-dark);\r\n        font-weight: 800;\r\n        line-height: 1.2;\r\n        margin: 0 0 20px;\r\n    }\r\n\r\n    .aspire_header h2 span {\r\n        background: linear-gradient(90deg, var(--primary), var(--secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    \/* --- MAIN GRID --- *\/\r\n    .aspire_service_grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n        gap: 25px;\r\n        margin-bottom: 60px;\r\n    }\r\n\r\n    .aspire_card {\r\n        background: #fff;\r\n        padding: 40px 30px;\r\n        border-radius: 24px;\r\n        border: 1px solid rgba(0,0,0,0.03);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.02);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .aspire_card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px rgba(79, 70, 229, 0.1);\r\n    }\r\n\r\n    .aspire_icon_circle {\r\n        width: 60px; height: 60px;\r\n        border-radius: 18px;\r\n        background: rgba(79, 70, 229, 0.08);\r\n        color: var(--primary);\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 30px;\r\n        margin-bottom: 25px;\r\n    }\r\n\r\n    .aspire_card h3 {\r\n        font-size: 22px;\r\n        font-weight: 700;\r\n        color: var(--text-dark);\r\n        margin: 0 0 15px;\r\n    }\r\n\r\n    .aspire_card p {\r\n        color: var(--text-muted);\r\n        line-height: 1.6;\r\n        font-size: 15px;\r\n    }\r\n\r\n    \/* --- PERFORMANCE DASHBOARD --- *\/\r\n    .aspire_proof_dashboard {\r\n        background: var(--text-dark);\r\n        border-radius: 30px;\r\n        padding: 50px;\r\n        color: #fff;\r\n        display: grid;\r\n        grid-template-columns: 1fr 1.5fr;\r\n        gap: 40px;\r\n        align-items: center;\r\n    }\r\n\r\n    .aspire_proof_text h4 {\r\n        font-size: 28px;\r\n        margin: 0 0 15px;\r\n        font-weight: 700;\r\n        color: white;\r\n    }\r\n\r\n    .aspire_proof_text p {\r\n        color: #94a3b8;\r\n        font-size: 16px;\r\n        margin: 0;\r\n    }\r\n\r\n    .aspire_stat_grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 20px;\r\n    }\r\n\r\n    .aspire_stat_item {\r\n        background: rgba(255,255,255,0.05);\r\n        padding: 25px 15px;\r\n        border-radius: 20px;\r\n        text-align: center;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n\r\n    .aspire_stat_val {\r\n        display: block;\r\n        font-size: 32px;\r\n        font-weight: 800;\r\n        color: var(--secondary);\r\n        margin-bottom: 5px;\r\n    }\r\n\r\n    .aspire_stat_label {\r\n        font-size: 12px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        color: #cbd5e1;\r\n    }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 900px) {\r\n        .aspire_proof_dashboard { grid-template-columns: 1fr; text-align: center; padding: 30px; }\r\n        .aspire_stat_grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_email_marketing_widget\">\r\n    <div class=\"aspire_container\">\r\n        \r\n        <div class=\"aspire_header\">\r\n            <span class=\"aspire_tag\">Email Marketing Services in Mysore<\/span>\r\n            <h2>Is your business missing out on <br><span>Real Leads?<\/span><\/h2>\r\n            <p style=\"color: var(--text-muted); max-width: 700px; margin: 0 auto; line-height: 1.6;\">\r\n                Many businesses in Mysore struggle with campaigns that land in spam. We\u2019ve helped 500+ local brands improve open rates and turn unread emails into revenue.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aspire_service_grid\">\r\n            <div class=\"aspire_card\">\r\n                <div class=\"aspire_icon_circle\"><span class=\"material-symbols-rounded\">mail_lock<\/span><\/div>\r\n                <h3>The Challenge<\/h3>\r\n                <p>Are your emails going unread? We solve delivery issues in areas like Gokulam and Hebbal, ensuring your message lands directly in the inbox, not the spam folder.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"aspire_card\">\r\n                <div class=\"aspire_icon_circle\"><span class=\"material-symbols-rounded\">settings_suggest<\/span><\/div>\r\n                <h3>Full Management<\/h3>\r\n                <p>We handle everything: List cleaning, subscriber segmentation, custom template creation, professional copywriting, and automation that works 24\/7.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"aspire_card\">\r\n                <div class=\"aspire_icon_circle\"><span class=\"material-symbols-rounded\">location_on<\/span><\/div>\r\n                <h3>Local Expertise<\/h3>\r\n                <p>With 7+ years of experience in Mysore, we know exactly what messaging resonates with audiences in Vijayanagar, Kuvempu Nagar, and beyond.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aspire_proof_dashboard\">\r\n            <div class=\"aspire_proof_text\">\r\n                <h4>Proof of <br>Performance<\/h4>\r\n                <p>Data-driven results from our recent campaigns for Mysore-based businesses.<\/p>\r\n            <\/div>\r\n            <div class=\"aspire_stat_grid\">\r\n                <div class=\"aspire_stat_item\">\r\n                    <span class=\"aspire_stat_val\">3X<\/span>\r\n                    <span class=\"aspire_stat_label\">Retailer Opens<\/span>\r\n                <\/div>\r\n                <div class=\"aspire_stat_item\">\r\n                    <span class=\"aspire_stat_val\">60%<\/span>\r\n                    <span class=\"aspire_stat_label\">More Clicks<\/span>\r\n                <\/div>\r\n                <div class=\"aspire_stat_item\">\r\n                    <span class=\"aspire_stat_val\">50%<\/span>\r\n                    <span class=\"aspire_stat_label\">Retention<\/span>\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-62134fc4 e-con-full e-flex e-con e-parent\" data-id=\"62134fc4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4338c999 elementor-widget elementor-widget-html\" data-id=\"4338c999\" 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-52a95c6b e-con-full e-flex e-con e-parent\" data-id=\"52a95c6b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64cc575e elementor-widget elementor-widget-html\" data-id=\"64cc575e\" 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-email-flip-wrapper {\r\n        --seof-blue: #4f46e5;\r\n        --seof-pink: #ec4899;\r\n        --seof-gradient: linear-gradient(135deg, #4f46e5 0%, #ec4899 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\/4065876\/pexels-photo-4065876.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-email-flip-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Background Image Overlay *\/\r\n    .aspire-email-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%);\r\n    }\r\n\r\n    .aspire-email-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-email-heading {\r\n        font-size: clamp(2rem, 5vw, 3.2rem) !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-email-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-email-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    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .aspire-email-grid {\r\n        display: grid;\r\n        gap: 25px;\r\n        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n    }\r\n\r\n    \/* Flip Card Container *\/\r\n    .aspire-email-flip-card {\r\n        background-color: transparent;\r\n        height: 320px;\r\n        perspective: 1000px;\r\n        cursor: pointer;\r\n        width: 100%;\r\n    }\r\n\r\n    .aspire-email-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-email-flip-card:hover .aspire-email-flip-inner,\r\n    .aspire-email-flip-card.is-flipped .aspire-email-flip-inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n\r\n    .aspire-email-flip-front, .aspire-email-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;\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: 15px; \r\n    }\r\n\r\n    \/* FRONT DESIGN *\/\r\n    .aspire-email-flip-front {\r\n        background: var(--seof-card-bg);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .aspire-email-icon {\r\n        width: 65px; height: 65px;\r\n        border-radius: 18px;\r\n        background: rgba(79, 70, 229, 0.1);\r\n        display: flex; align-items: center; justify-content: center;\r\n        color: var(--seof-blue);\r\n        border: 1px solid rgba(79, 70, 229, 0.2);\r\n    }\r\n    .aspire-email-icon span { font-size: 34px; }\r\n\r\n    .aspire-email-title {\r\n        font-size: 1.35rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--seof-text-white) !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .aspire-email-hint {\r\n        font-size: 0.7rem !important;\r\n        color: var(--seof-pink) !important;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.2px;\r\n        font-weight: 600;\r\n        background: rgba(236, 72, 153, 0.1);\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    \/* BACK DESIGN *\/\r\n    .aspire-email-flip-back {\r\n        background: var(--seof-gradient);\r\n        color: white;\r\n        transform: rotateY(180deg);\r\n        box-shadow: 0 15px 35px rgba(79, 70, 229, 0.3);\r\n    }\r\n\r\n    .aspire-email-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.3);\r\n        padding-bottom: 8px;\r\n        color: #ffffff !important;\r\n    }\r\n\r\n    .aspire-email-back-desc {\r\n        font-size: 1rem !important;\r\n        line-height: 1.6 !important;\r\n        color: rgba(255,255,255,0.95) !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    \/* Mobile (Single Column) *\/\r\n    @media (max-width: 768px) {\r\n        .aspire-email-grid { grid-template-columns: 1fr; }\r\n        .aspire-email-flip-card { height: 280px; }\r\n        .aspire-email-hint { font-size: 0 !important; }\r\n        .aspire-email-hint::after {\r\n            content: 'Tap to Flip';\r\n            font-size: 0.7rem;\r\n            display: block;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aspire-email-flip-wrapper\">\r\n    <div class=\"aspire-email-bg\"><\/div>\r\n\r\n    <div class=\"aspire-email-container\">\r\n        <h2 class=\"aspire-email-heading\">\r\n            Types of <span class=\"aspire-email-highlight\">Email Campaigns<\/span> We Manage\r\n        <\/h2>\r\n        <p class=\"aspire-email-sub\">\r\n            Our Email Marketing Services in Mysore cover every stage of the customer journey\u2014from first contact to repeat purchases.\r\n        <\/p>\r\n\r\n        <div class=\"aspire-email-grid\">\r\n            \r\n            <div class=\"aspire-email-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-email-flip-inner\">\r\n                    <div class=\"aspire-email-flip-front\">\r\n                        <div class=\"aspire-email-icon\"><span class=\"material-symbols-rounded\">campaign<\/span><\/div>\r\n                        <h3 class=\"aspire-email-title\">Promotional Emails<\/h3>\r\n                        <div class=\"aspire-email-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-email-flip-back\">\r\n                        <h3 class=\"aspire-email-back-title\">Promotional<\/h3>\r\n                        <p class=\"aspire-email-back-desc\">Drive immediate revenue by sharing discounts, new product launches, and exclusive limited-time deals with your list.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-email-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-email-flip-inner\">\r\n                    <div class=\"aspire-email-flip-front\">\r\n                        <div class=\"aspire-email-icon\"><span class=\"material-symbols-rounded\">receipt_long<\/span><\/div>\r\n                        <h3 class=\"aspire-email-title\">Transactional Emails<\/h3>\r\n                        <div class=\"aspire-email-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-email-flip-back\">\r\n                        <h3 class=\"aspire-email-back-title\">Transactional<\/h3>\r\n                        <p class=\"aspire-email-back-desc\">Invoices, booking confirmations, and shipping updates sent instantly with industry-leading inbox delivery rates.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-email-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-email-flip-inner\">\r\n                    <div class=\"aspire-email-flip-front\">\r\n                        <div class=\"aspire-email-icon\"><span class=\"material-symbols-rounded\">newspaper<\/span><\/div>\r\n                        <h3 class=\"aspire-email-title\">Email Newsletters<\/h3>\r\n                        <div class=\"aspire-email-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-email-flip-back\">\r\n                        <h3 class=\"aspire-email-back-title\">Newsletters<\/h3>\r\n                        <p class=\"aspire-email-back-desc\">Keep your Mysore audience informed, build brand authority, and stay top-of-mind with consistent, valuable content.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-email-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-email-flip-inner\">\r\n                    <div class=\"aspire-email-flip-front\">\r\n                        <div class=\"aspire-email-icon\"><span class=\"material-symbols-rounded\">person_search<\/span><\/div>\r\n                        <h3 class=\"aspire-email-title\">Re-engagement<\/h3>\r\n                        <div class=\"aspire-email-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-email-flip-back\">\r\n                        <h3 class=\"aspire-email-back-title\">Win-Back<\/h3>\r\n                        <p class=\"aspire-email-back-desc\">Reconnect with customers who haven't purchased in a while using proven win-back messaging and special incentives.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-email-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-email-flip-inner\">\r\n                    <div class=\"aspire-email-flip-front\">\r\n                        <div class=\"aspire-email-icon\"><span class=\"material-symbols-rounded\">smart_toy<\/span><\/div>\r\n                        <h3 class=\"aspire-email-title\">Email Automation<\/h3>\r\n                        <div class=\"aspire-email-hint\">Hover to View<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-email-flip-back\">\r\n                        <h3 class=\"aspire-email-back-title\">Smart Automation<\/h3>\r\n                        <p class=\"aspire-email-back-desc\">Set up intelligent workflows that trigger based on sign-ups or purchases, making you money while you sleep.<\/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-5d14c637 e-con-full e-flex e-con e-parent\" data-id=\"5d14c637\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2b6f1d64 elementor-widget elementor-widget-html\" data-id=\"2b6f1d64\" 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<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 CSS FOR EMAIL MARKETING PRICING --- *\/\r\n    .pire-email-pricing-wrapper {\r\n        --bg-deep: #02040a;\r\n        --bg-card: rgba(20, 25, 40, 0.9);\r\n        --text-white: #ffffff;\r\n        --text-muted: #94a3b8;\r\n        --accent-blue: #4f46e5;\r\n        --accent-pink: #ec4899;\r\n        --accent-gradient: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);\r\n        --pro-gradient: linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);\r\n        \r\n        --card-w: 330px;\r\n        --card-h: 580px;\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 100px 20px !important;\r\n        background-color: var(--bg-deep) !important;\r\n        background-image: \r\n            radial-gradient(circle at 10% 20%, rgba(79, 70, 229, 0.15), transparent 30%),\r\n            radial-gradient(circle at 90% 80%, rgba(236, 72, 153, 0.1), transparent 30%) !important;\r\n        color: var(--text-white) !important;\r\n        overflow: hidden !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .pire-email-pricing-wrapper * { box-sizing: border-box !important; margin: 0; padding: 0; }\r\n\r\n    \/* Decorative Background Grid *\/\r\n    .pire-pricing-grid-bg {\r\n        position: absolute !important;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: \r\n            linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n            linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;\r\n        background-size: 45px 45px !important;\r\n        z-index: 0 !important;\r\n        mask-image: radial-gradient(circle, black, transparent 80%) !important;\r\n    }\r\n\r\n    .pire-pricing-inner {\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: center !important;\r\n        max-width: 1250px !important;\r\n        margin: 0 auto !important;\r\n    }\r\n\r\n    .pire-pricing-header {\r\n        text-align: center !important;\r\n        margin-bottom: 80px !important;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    .pire-pricing-header h2 {\r\n        font-size: clamp(2.2rem, 5vw, 3.5rem) !important;\r\n        font-weight: 800 !important;\r\n        margin-bottom: 15px !important;\r\n        line-height: 1.1 !important;\r\n        color: white !important;\r\n    }\r\n\r\n    .pire-pricing-header .highlight {\r\n        background: var(--accent-gradient) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    .pire-pricing-header p {\r\n        color: var(--text-muted) !important;\r\n        font-size: 1.1rem !important;\r\n        max-width: 600px !important;\r\n        margin: 0 auto !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* Fan Stage Implementation *\/\r\n    .pricing-fan-stage {\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        height: var(--card-h) !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n        perspective: 2000px !important;\r\n    }\r\n\r\n    .pricing-card {\r\n        position: absolute !important;\r\n        width: var(--card-w) !important;\r\n        height: var(--card-h) !important;\r\n        background: var(--bg-card) !important;\r\n        backdrop-filter: blur(25px) !important;\r\n        border: 1px solid rgba(255,255,255,0.08) !important;\r\n        border-radius: 28px !important;\r\n        padding: 40px 30px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1) !important;\r\n        box-shadow: 0 30px 60px -12px rgba(0,0,0,0.7) !important;\r\n    }\r\n\r\n    \/* Labels & Badges *\/\r\n    .plan-badge {\r\n        display: inline-block !important;\r\n        padding: 6px 14px !important;\r\n        border-radius: 100px !important;\r\n        font-size: 0.7rem !important;\r\n        font-weight: 700 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.2px !important;\r\n        margin-bottom: 25px !important;\r\n        background: rgba(255,255,255,0.05) !important;\r\n        border: 1px solid rgba(255,255,255,0.1) !important;\r\n        color: var(--text-muted) !important;\r\n        align-self: flex-start !important;\r\n    }\r\n\r\n    .pricing-card:nth-child(2) .plan-badge { \r\n        background: var(--accent-gradient) !important; \r\n        color: #fff !important; \r\n        border: none !important; \r\n        box-shadow: 0 5px 15px rgba(79, 70, 229, 0.4) !important; \r\n    }\r\n    .pricing-card:nth-child(3) .plan-badge { \r\n        border-color: #f59e0b !important; \r\n        color: #f59e0b !important; \r\n    }\r\n\r\n    .plan-name { font-size: 1.8rem !important; font-weight: 700 !important; margin-bottom: 10px !important; color: white !important; }\r\n    .plan-limit { color: var(--accent-pink) !important; font-size: 0.9rem !important; font-weight: 600 !important; margin-bottom: 20px !important; }\r\n    \r\n    .price-wrap {\r\n        margin-bottom: 30px !important;\r\n        padding-bottom: 25px !important;\r\n        border-bottom: 1px solid rgba(255,255,255,0.05) !important;\r\n    }\r\n    .price-value { font-size: 2.8rem !important; font-weight: 800 !important; color: #fff !important; }\r\n    .price-sub { font-size: 0.9rem !important; color: var(--text-muted) !important; display: block !important; margin-top: 5px !important; }\r\n\r\n    .feature-list { list-style: none !important; flex-grow: 1 !important; padding: 0 !important; margin: 0 !important; }\r\n    .feature-list li { \r\n        display: flex !important; \r\n        align-items: flex-start !important; \r\n        margin-bottom: 15px !important; \r\n        font-size: 0.95rem !important; \r\n        color: var(--text-muted) !important; \r\n        line-height: 1.4 !important;\r\n    }\r\n    .feature-list li .icon { color: var(--accent-pink) !important; margin-right: 12px !important; font-size: 20px !important; }\r\n\r\n    .card-btn {\r\n        display: block !important; width: 100% !important; padding: 16px !important;\r\n        text-align: center !important; text-decoration: none !important; border-radius: 16px !important;\r\n        font-weight: 700 !important; transition: 0.3s !important;\r\n        background: rgba(255,255,255,0.05) !important; color: #fff !important;\r\n        border: 1px solid rgba(255,255,255,0.1) !important;\r\n    }\r\n    .card-btn:hover { background: #fff !important; color: #000 !important; transform: translateY(-3px) !important; }\r\n    .pricing-card:nth-child(2) .card-btn { background: var(--accent-gradient) !important; border: none !important; }\r\n    .pricing-card:nth-child(2) .card-btn:hover { box-shadow: 0 10px 20px rgba(79, 70, 229, 0.3) !important; }\r\n\r\n    \/* The Hover Fan Effect *\/\r\n    .pricing-fan-stage:not(:hover) .pricing-card:nth-child(1) { transform: translateX(-150px) scale(0.9) !important; z-index: 1 !important; opacity: 0.5 !important; }\r\n    .pricing-fan-stage:not(:hover) .pricing-card:nth-child(2) { transform: translateX(0) scale(1) !important; z-index: 2 !important; }\r\n    .pricing-fan-stage:not(:hover) .pricing-card:nth-child(3) { transform: translateX(150px) scale(0.9) !important; z-index: 1 !important; opacity: 0.5 !important; }\r\n\r\n    .pricing-fan-stage:hover .pricing-card:nth-child(1) { transform: translateX(-350px) rotate(-8deg) !important; opacity: 1 !important; }\r\n    .pricing-fan-stage:hover .pricing-card:nth-child(2) { transform: translateY(-20px) scale(1.05) !important; z-index: 10 !important; opacity: 1 !important; }\r\n    .pricing-fan-stage:hover .pricing-card:nth-child(3) { transform: translateX(350px) rotate(8deg) !important; opacity: 1 !important; }\r\n\r\n    \/* Responsive Design *\/\r\n    @media (max-width: 1100px) {\r\n        .pire-email-pricing-wrapper { --card-w: 290px !important; }\r\n        .pricing-fan-stage:hover .pricing-card:nth-child(1) { transform: translateX(-300px) rotate(-5deg) !important; }\r\n        .pricing-fan-stage:hover .pricing-card:nth-child(3) { transform: translateX(300px) rotate(5deg) !important; }\r\n    }\r\n\r\n    @media (max-width: 850px) {\r\n        .pricing-fan-stage { flex-direction: column !important; height: auto !important; gap: 30px !important; display: flex !important; }\r\n        .pricing-card { \r\n            position: relative !important; \r\n            transform: none !important; \r\n            opacity: 1 !important; \r\n            width: 100% !important; \r\n            max-width: 400px !important; \r\n            height: auto !important; \r\n            margin-bottom: 20px !important;\r\n        }\r\n        .pire-email-pricing-wrapper { padding: 60px 20px !important; height: auto !important; }\r\n        \r\n        \/* Disable hover effects on mobile *\/\r\n        .pricing-fan-stage:not(:hover) .pricing-card:nth-child(1),\r\n        .pricing-fan-stage:not(:hover) .pricing-card:nth-child(2),\r\n        .pricing-fan-stage:not(:hover) .pricing-card:nth-child(3),\r\n        .pricing-fan-stage:hover .pricing-card:nth-child(1),\r\n        .pricing-fan-stage:hover .pricing-card:nth-child(2),\r\n        .pricing-fan-stage:hover .pricing-card:nth-child(3) {\r\n            transform: none !important;\r\n            opacity: 1 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"pire-email-pricing-wrapper\">\r\n    <div class=\"pire-pricing-grid-bg\"><\/div>\r\n\r\n    <div class=\"pire-pricing-inner\">\r\n        <div class=\"pire-pricing-header\">\r\n            <h2>Email Marketing <span class=\"highlight\">Packages<\/span><\/h2>\r\n            <p>Affordable, ROI-driven plans designed for Mysore's growing business ecosystem.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"pricing-fan-stage\">\r\n            \r\n            <article class=\"pricing-card\">\r\n                <span class=\"plan-badge\">Starter<\/span>\r\n                <h3 class=\"plan-name\">Starter<\/h3>\r\n                <p class=\"plan-limit\">10,000 Emails \/ Month<\/p>\r\n                <div class=\"price-wrap\">\r\n                    <span class=\"price-value\">\u20b910K<\/span>\r\n                    <span class=\"price-sub\">Starting monthly investment<\/span>\r\n                <\/div>\r\n                <ul class=\"feature-list\">\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Basic List Import<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> 2 Ready-to-use Templates<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Performance Summary Report<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Basic Email Support<\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"card-btn\">Contact Us<\/a>\r\n            <\/article>\r\n\r\n            <article class=\"pricing-card\">\r\n                <span class=\"plan-badge\">Most Popular<\/span>\r\n                <h3 class=\"plan-name\">Standard<\/h3>\r\n                <p class=\"plan-limit\">50,000 Emails \/ Month<\/p>\r\n                <div class=\"price-wrap\">\r\n                    <span class=\"price-value\">\u20b950K<\/span>\r\n                    <span class=\"price-sub\">Starting monthly investment<\/span>\r\n                <\/div>\r\n                <ul class=\"feature-list\">\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Advanced Audience Segmentation<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Email Automation Workflows<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Full Engagement Reporting<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Bounce & Click Tracking<\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"card-btn\">Contact Us<\/a>\r\n            <\/article>\r\n\r\n            <article class=\"pricing-card\">\r\n                <span class=\"plan-badge\">Enterprise Scale<\/span>\r\n                <h3 class=\"plan-name\">Pro Plan<\/h3>\r\n                <p class=\"plan-limit\">100,000+ Emails \/ Month<\/p>\r\n                <div class=\"price-wrap\">\r\n                    <span class=\"price-value\">\u20b9100K+<\/span>\r\n                    <span class=\"price-sub\">Custom high-volume pricing<\/span>\r\n                <\/div>\r\n                <ul class=\"feature-list\">\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Complete Campaign Analytics<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> A\/B Testing & Optimization<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Premium Dedicated Support<\/li>\r\n                    <li><span class=\"icon material-symbols-rounded\">check_circle<\/span> Strategic Scaling Guidance<\/li>\r\n                <\/ul>\r\n                <a href=\"#\" class=\"card-btn\">Contact Us<\/a>\r\n            <\/article>\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 class=\"elementor-element elementor-element-40850b0 elementor-widget elementor-widget-heading\" data-id=\"40850b0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">What Sets Us Apart?\n<\/h3>\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-785dbda0 e-con-full e-flex e-con e-parent\" data-id=\"785dbda0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-58db7c86 elementor-widget elementor-widget-html\" data-id=\"58db7c86\" 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-divider {\r\n            width: 1px;\r\n            height: 50px;\r\n            background: linear-gradient(to bottom, var(--aa-border), transparent);\r\n            margin: 0 auto;\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.7) 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-date {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            background: var(--aa-primary);\r\n            padding: 8px 14px;\r\n            border-radius: 10px;\r\n            white-space: nowrap;\r\n            box-shadow: 0 4px 10px rgba(79, 70, 229, 0.2);\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            transition: color 0.3s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-genre {\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.95rem;\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.6;\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: 14px;\r\n            padding: 10px 24px;\r\n            border-radius: 50px;\r\n            opacity: 0;\r\n            transform: translateX(20px);\r\n            box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-arrow {\r\n            width: 44px; height: 44px;\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 {\r\n            width: 20px; height: 20px;\r\n            stroke: currentColor;\r\n            stroke-width: 2;\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            #aspire-accordion-widget .aa-item:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 20px 40px -12px rgba(79, 70, 229, 0.15);\r\n                border-color: rgba(79, 70, 229, 0.3);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-item-bg {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-name {\r\n                color: var(--aa-primary);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-btn {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-details {\r\n                max-height: 600px;\r\n                opacity: 1;\r\n                margin-top: 15px;\r\n                overflow: visible;\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-arrow {\r\n                background: var(--aa-primary);\r\n                color: #fff;\r\n                border-color: var(--aa-primary);\r\n                transform: rotate(-45deg);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            #aspire-accordion-widget { padding: 40px 15px; }\r\n            #aspire-accordion-widget .aa-item { flex-direction: column; align-items: flex-start; padding: 24px; height: auto !important; }\r\n            #aspire-accordion-widget .aa-item-bg { display: none; }\r\n            #aspire-accordion-widget .aa-content { flex-direction: column; align-items: flex-start; gap: 15px; }\r\n            #aspire-accordion-widget .aa-info { padding-right: 0; width: 100%; }\r\n            #aspire-accordion-widget .aa-details { max-height: none; opacity: 1; margin-top: 15px; }\r\n            #aspire-accordion-widget .aa-action { width: 100%; justify-content: space-between; border-top: 1px solid var(--aa-border); padding-top: 20px; }\r\n            #aspire-accordion-widget .aa-btn { opacity: 1; transform: none; background: #fff; color: var(--aa-primary); border: 1px solid var(--aa-primary); box-shadow: none; }\r\n            #aspire-accordion-widget .aa-arrow { background: var(--aa-primary); color: #fff; transform: rotate(-45deg); }\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\">Real Results<\/span>\r\n            <h2 class=\"aa-title\">Email Success <span>Stories<\/span><\/h2>\r\n            <div class=\"aa-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aa-list\">\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-1488646953014-85cb44e25828?auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Case Study<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Travel Agency<\/h3>\r\n                        <p class=\"aa-genre\">Gokulam, Mysore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Many old leads but no regular follow-ups or bookings, leading to lost revenue.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Set up weekly email campaigns featuring personalized holiday deals and strong calls-to-action.<\/p>\r\n                            <p><strong>Result:<\/strong> 2x increase in bookings and re-engagement of 500+ cold leads within 30 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-1513519247388-4e282660bf6b?auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Case Study<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Home D\u00e9cor Store<\/h3>\r\n                        <p class=\"aa-genre\">VV Mohalla, Mysore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Low repeat purchase rates with no customer updates after the initial showroom visit.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Monthly product highlight emails paired with festival-themed campaigns and exclusive offers.<\/p>\r\n                            <p><strong>Result:<\/strong> 35% increase in repeat sales and significantly higher footfall during promotional periods.<\/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-1501504905252-473c47e087f8?auto=format&fit=crop&w=800&q=80');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Case Study<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Online Course Provider<\/h3>\r\n                        <p class=\"aa-genre\">Saraswathipuram, Mysore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> High signup rate but students weren't completing payments or joining classes.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Automated email drip sequences featuring reminders, benefits, and limited-time enrollment incentives.<\/p>\r\n                            <p><strong>Result:<\/strong> 60% rise in course completions and a drastic reduction in drop-offs during the first 2 weeks.<\/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        <\/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-7ce65363 e-con-full e-flex e-con e-parent\" data-id=\"7ce65363\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50eebfb9 elementor-widget elementor-widget-html\" data-id=\"50eebfb9\" 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 class=\"testimonial-slice-gallery\">\r\n    <div class=\"t-slice active\" style=\"background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)), url('https:\/\/images.unsplash.com\/photo-1629909613654-28e377c37b09?auto=format&fit=crop&w=800&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I\u2019m from Smile Dental Care in Gokulam. Aspire helped us with Google Ads, and the difference was immediate\u2014calls started coming in! They kept things simple and easy to understand. Really glad I chose them.\"<\/p>\r\n            <h4 class=\"author\">Rakesh \u2013 Gokulam, Mysore<\/h4>\r\n            <span class=\"business\">Smile Dental Care<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"t-slice\" style=\"background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)), url('https:\/\/images.unsplash.com\/photo-1567401893414-76b7b1e5a7a5?auto=format&fit=crop&w=800&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I had no idea how to make Google Ads work. Aspire handled it all for me. I run Fab Looks Boutique in Saraswathipuram, and now I\u2019m finally getting real calls from customers.\"<\/p>\r\n            <h4 class=\"author\">Farzana \u2013 Saraswathipuram, Mysore<\/h4>\r\n            <span class=\"business\">Fab Looks Boutique<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"t-slice\" style=\"background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)), 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=\"t-content\">\r\n            <p class=\"quote\">\"I\u2019m from Hebbal and run CoolFix. I was lost when it came to Google Ads, but Aspire took care of it all. They explained things clearly, and now I\u2019m getting regular calls from real customers. Totally worth it.\"<\/p>\r\n            <h4 class=\"author\">Prema \u2013 Hebbal, Mysore<\/h4>\r\n            <span class=\"business\">CoolFix AC Services<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .testimonial-slice-gallery {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 550px;\r\n        gap: 12px;\r\n        background: #000;\r\n        padding: 15px;\r\n        box-sizing: border-box;\r\n        font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\r\n    }\r\n\r\n    .t-slice {\r\n        position: relative;\r\n        flex: 0.5;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n        transition: all 0.7s cubic-bezier(0.25, 1, 0.4, 1);\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 30px;\r\n    }\r\n\r\n    .t-slice.active {\r\n        flex: 5;\r\n    }\r\n\r\n    .t-content {\r\n        color: white;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.5s ease;\r\n        pointer-events: none;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .t-slice.active .t-content {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        pointer-events: auto;\r\n        transition-delay: 0.3s;\r\n    }\r\n\r\n    .quote {\r\n        font-size: 1.4rem;\r\n        font-style: italic;\r\n        line-height: 1.5;\r\n        margin-bottom: 15px;\r\n        text-shadow: 2px 2px 4px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .author {\r\n        margin: 0;\r\n        font-size: 1.1rem;\r\n        color: #ffca28 !important; \/* Added !important *\/\r\n        font-weight: 700;\r\n    }\r\n\r\n    .business {\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        opacity: 0.9;\r\n        font-weight: 500;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .testimonial-slice-gallery {\r\n            height: 600px;\r\n            flex-direction: column;\r\n        }\r\n        .t-slice {\r\n            flex: 1;\r\n            padding: 20px;\r\n        }\r\n        .t-slice.active {\r\n            flex: 10;\r\n        }\r\n        .quote {\r\n            font-size: 1.1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const allSlices = document.querySelectorAll('.t-slice');\r\n\r\n    allSlices.forEach(slice => {\r\n        const activate = () => {\r\n            allSlices.forEach(s => s.classList.remove('active'));\r\n            slice.classList.add('active');\r\n        };\r\n\r\n        slice.addEventListener('click', activate);\r\n        slice.addEventListener('mouseenter', activate);\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-1d599287 e-con-full e-flex e-con e-parent\" data-id=\"1d599287\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-74eff883 elementor-widget elementor-widget-html\" data-id=\"74eff883\" 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        --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, #4f46e5 0%, #ec4899 100%);\r\n        --acs-card-w: 380px;\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    .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    }\r\n\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    .acs_track {\r\n        display: flex;\r\n        gap: 20px; \r\n        width: max-content;\r\n        will-change: transform;\r\n        padding: 10px 0;\r\n    }\r\n\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.2);\r\n    }\r\n\r\n    .acs_card:hover {\r\n        transform: scale(1.03);\r\n        border-color: rgba(79, 70, 229, 0.6);\r\n        z-index: 10;\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.3;\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: 25px;\r\n        background: linear-gradient(to top, rgba(2, 4, 10, 1) 0%, rgba(2, 4, 10, 0.6) 50%, transparent 100%);\r\n        width: 100%;\r\n    }\r\n\r\n    .acs_card_title { font-size: 1.4rem; font-weight: 700; margin-bottom: 6px; color: #fff !important; }\r\n    .acs_desc { font-size: 0.9rem; color: var(--acs-text-muted); line-height: 1.5; }\r\n\r\n    .acs_tag {\r\n        position: absolute;\r\n        top: 20px; left: 20px;\r\n        background: rgba(79, 70, 229, 0.15);\r\n        border: 1px solid rgba(79, 70, 229, 0.3);\r\n        color: #e0e7ff;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 0.75rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.5px;\r\n        font-weight: 700;\r\n        z-index: 2;\r\n        backdrop-filter: blur(5px);\r\n    }\r\n\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 { width: 100%; max-width: 500px; margin: 0 auto; }\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\">Tools & Advanced <br>Features<\/h2>\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\">Platforms<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1563986768609-322da13575f3?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Top Tier Platforms<\/h3>\r\n                    <p class=\"acs_desc\">Expert management for Mailchimp, Sendinblue, and Zoho Campaigns ecosystem.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Optimization<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/crm-API-Syc.webp\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Engagement Analytics<\/h3>\r\n                    <p class=\"acs_desc\">Track every open, click, and conversion with real-time reporting dashboards.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Testing<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">A\/B Testing<\/h3>\r\n                    <p class=\"acs_desc\">Data-driven testing on subject lines and designs to maximize campaign ROI.<\/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\">Security<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1550751827-4bd374c3f58b?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Spam Monitoring<\/h3>\r\n                    <p class=\"acs_desc\">Advanced filters and deliverability monitoring to ensure your emails hit the inbox.<\/p>\r\n                <\/div>\r\n            <\/article>\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-1526498460520-4c246339dccb?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Mobile-First Design<\/h3>\r\n                    <p class=\"acs_desc\">Fully optimized email templates that look stunning on every device and screen size.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Integration<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Engangment-analize.webp\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">CRM & API Sync<\/h3>\r\n                    <p class=\"acs_desc\">Seamless data flow between your marketing tools and customer databases.<\/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.35;\r\n\r\n                track1.style.transform = `translateX(${moveAmount}px)`;\r\n                track2.style.transform = `translateX(${-moveAmount}px)`;\r\n            }\r\n        }\r\n\r\n        window.addEventListener('scroll', updateScroll);\r\n        window.addEventListener('resize', updateScroll);\r\n        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-920001e e-con-full e-flex e-con e-parent\" data-id=\"920001e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c48ac6 elementor-widget elementor-widget-html\" data-id=\"6c48ac6\" 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>Email Marketing FAQ - Aspire Digital Style<\/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&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 - LIGHT THEME *\/\r\n        #email-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            overflow-x: hidden;\r\n            width: 100%;\r\n        }\r\n\r\n        .seo-asp-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        .seo-asp-header {\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        .seo-asp-logo {\r\n            max-width: 180px;\r\n            margin-bottom: 30px;\r\n            display: block;\r\n        }\r\n\r\n        .seo-asp-header h2 {\r\n            font-size: 3rem;\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        .seo-asp-header p {\r\n            color: #666;\r\n            margin-top: 20px;\r\n            font-size: 1.125rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .seo-asp-highlight {\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        .seo-asp-list {\r\n            width: 65%;\r\n            padding-bottom: 200px;\r\n        }\r\n\r\n        .seo-asp-item {\r\n            margin-bottom: 60px;\r\n            opacity: 0.2;\r\n            filter: blur(4px);\r\n            transform: translateY(20px) scale(0.98);\r\n            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n            border-left: 3px solid transparent;\r\n            padding-left: 30px;\r\n        }\r\n\r\n        .seo-asp-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        .seo-asp-question {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n            color: #000;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .seo-asp-answer {\r\n            font-size: 1.1rem;\r\n            line-height: 1.6;\r\n            color: #444;\r\n            font-weight: 400;\r\n        }\r\n\r\n        @media (max-width: 900px) {\r\n            .seo-asp-container {\r\n                flex-direction: column;\r\n                padding: 60px 20px;\r\n            }\r\n            .seo-asp-header {\r\n                width: 100%;\r\n                position: relative;\r\n                top: 0;\r\n                margin-bottom: 60px;\r\n                padding-right: 0;\r\n            }\r\n            .seo-asp-list {\r\n                width: 100%;\r\n            }\r\n            .seo-asp-header h2 {\r\n                font-size: 2.25rem;\r\n            }\r\n            .seo-asp-item {\r\n                opacity: 0.4;\r\n                filter: blur(2px);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"email-faq-section\">\r\n        <div class=\"seo-asp-container\">\r\n            <div class=\"seo-asp-header\">\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" alt=\"Aspire Digital Solutions\" class=\"seo-asp-logo\">\r\n                \r\n                <h2>Email Marketing <span class=\"seo-asp-highlight\">Simplified<\/span><\/h2>\r\n                <p>Common questions about reaching your Mysore customers' inboxes, answered by the Aspire team.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"seo-asp-list\">\r\n                \r\n                <div class=\"seo-asp-item\">\r\n                    <div class=\"seo-asp-question\">1. Will emails go to inbox or spam?<\/div>\r\n                    <div class=\"seo-asp-answer\">We use verified sender domains and advanced delivery tools to ensure your messages land in the inbox, not the spam folder.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"seo-asp-item\">\r\n                    <div class=\"seo-asp-question\">2. Can I use my current email list?<\/div>\r\n                    <div class=\"seo-asp-answer\">Yes. We will clean and verify your existing contacts to remove invalid addresses and boost your overall campaign performance.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"seo-asp-item\">\r\n                    <div class=\"seo-asp-question\">3. Which Mysore businesses can benefit?<\/div>\r\n                    <div class=\"seo-asp-answer\">Almost everyone\u2014gyms, coaching centers, retail shops, health clinics, and local service providers can all drive sales through email.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"seo-asp-item\">\r\n                    <div class=\"seo-asp-question\">4. How fast can I start a campaign?<\/div>\r\n                    <div class=\"seo-asp-answer\">Our streamlined onboarding process allows most businesses to launch their first campaign within 3\u20135 business days after signup.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"seo-asp-item\">\r\n                    <div class=\"seo-asp-question\">5. Do you provide custom designs?<\/div>\r\n                    <div class=\"seo-asp-answer\">Yes. Our creative team builds custom, responsive templates tailored to your brand that look great on smartphones and desktops.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"seo-asp-item\">\r\n                    <div class=\"seo-asp-question\">6. What happens after launch?<\/div>\r\n                    <div class=\"seo-asp-answer\">We don't just \"send and forget.\" We monitor performance, optimize for clicks, and send monthly reports with actionable improvement tips.<\/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('.seo-asp-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                    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-5c5f0dd7 e-con-full e-flex e-con e-parent\" data-id=\"5c5f0dd7\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c72e0aa elementor-widget elementor-widget-html\" data-id=\"2c72e0aa\" 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>Email Marketing 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    <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        #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        #ads-cta-section-unique {\r\n            width: 100%;\r\n            position: relative;\r\n            background: var(--bg-gradient);\r\n            padding: 80px 20px;\r\n            overflow: hidden;\r\n            font-family: 'Manrope', sans-serif;\r\n            box-sizing: border-box;\r\n            text-align: left;\r\n        }\r\n\r\n        #ads-cta-section-unique *, #ads-cta-section-unique *::before, #ads-cta-section-unique *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\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        .orb-left { width: 300px; height: 300px; background: var(--ads-blue); top: -10%; left: -10%; opacity: 0.2; }\r\n        .orb-right { width: 400px; height: 400px; background: var(--ads-pink); bottom: -10%; right: -10%; opacity: 0.15; }\r\n\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        #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: 95%;\r\n        }\r\n\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: 13px; 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: 20px; height: 20px; border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 10px; flex-shrink: 0;\r\n        }\r\n\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: 20px;\r\n        }\r\n\r\n        .ads-contact-row { display: flex; align-items: flex-start; gap: 15px; }\r\n        .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; flex-shrink: 0;\r\n        }\r\n\r\n        .ads-con-info h4 { margin: 0 0 4px 0; font-size: 12px; color: #a5b4fc; text-transform: uppercase; }\r\n        .ads-con-info a { color: white; font-size: 16px; font-weight: 700; text-decoration: none; word-break: break-all; }\r\n\r\n        #ads-cta-section-unique .ads-final-btn {\r\n            margin-top: 10px; background: white; color: var(--ads-blue);\r\n            text-align: center; padding: 16px; border-radius: 10px;\r\n            font-weight: 800; font-size: 15px; text-decoration: none;\r\n            text-transform: uppercase; transition: 0.3s; display: block;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-final-btn:hover { transform: translateY(-3px); background: #f8fafc; }\r\n\r\n        @media (max-width: 1024px) {\r\n            #ads-cta-section-unique .ads-final-container { grid-template-columns: 1fr; }\r\n            #ads-cta-section-unique .ads-final-left { text-align: center; align-items: center; }\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 { grid-template-columns: 1fr; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n    <div id=\"ads-cta-section-unique\">\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            <div class=\"ads-final-left\">\r\n                <span class=\"ads-final-label\">The Aspire Edge<\/span>\r\n                <h2 class=\"ads-final-title\">What Makes Our Email Solutions Different?<\/h2>\r\n                \r\n                <p class=\"ads-final-desc\">\r\n                    Our Email Marketing Services in Mysore are designed with a clear focus\u2014helping you build real connections and drive results. We help you run smarter campaigns that grow your business through professional strategy and local expertise.\r\n                <\/p>\r\n\r\n                <div class=\"ads-check-grid\">\r\n                    <div class=\"ads-check-item\">\r\n                        <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                        7+ Years Serving Businesses\r\n                    <\/div>\r\n                    <div class=\"ads-check-item\">\r\n                        <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                        Based in Mysore, Serving Local\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                        Dedicated Campaign Team\r\n                    <\/div>\r\n                    <div class=\"ads-check-item\">\r\n                        <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                        500+ Local Clients\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-contact-card\">\r\n                <div class=\"ads-contact-row\">\r\n                    <div class=\"ads-con-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                    <div class=\"ads-con-info\">\r\n                        <h4>Call Us Now<\/h4>\r\n                        <a href=\"tel:+917975327335\">+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>Email Us<\/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-globe\"><\/i><\/div>\r\n                    <div class=\"ads-con-info\">\r\n                        <h4>Visit Website<\/h4>\r\n                        <a href=\"https:\/\/www.aspiredigitalsolutions.in\">aspiredigitalsolutions.in<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/www.aspiredigitalsolutions.in\/contact-us\/\" class=\"ads-final-btn\">\r\n                    Take The Next Step <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/a>\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Hello Word<\/p>","protected":false},"featured_media":431,"template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[],"class_list":["post-1652","mysore","type-mysore","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1652","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":27,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1652\/revisions"}],"predecessor-version":[{"id":20170,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1652\/revisions\/20170"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/431"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=1652"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/categories?post=1652"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}