{"id":1649,"date":"2025-05-16T18:05:19","date_gmt":"2025-05-16T18:05:19","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=mysore&#038;p=1649"},"modified":"2026-02-02T14:15:03","modified_gmt":"2026-02-02T08:45:03","slug":"graphic-design-services-in-mysore","status":"publish","type":"mysore","link":"https:\/\/aspiredigitalsolutions.in\/ar\/mysore\/graphic-design-services-in-mysore\/","title":{"rendered":"Graphic Design Services In Mysore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1649\" class=\"elementor elementor-1649\" data-elementor-post-type=\"mysore\">\n\t\t\t\t<div class=\"elementor-element elementor-element-730ac449 e-con-full e-flex e-con e-parent\" data-id=\"730ac449\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-111ac8c7 elementor-widget elementor-widget-shortcode\" data-id=\"111ac8c7\" 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\">Graphic Design 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 = \"Graphic Design 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-10c6e767 e-con-full e-flex e-con e-parent\" data-id=\"10c6e767\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5620d7b0 elementor-widget elementor-widget-html\" data-id=\"5620d7b0\" 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    \/* --- SCOPED VARIABLES --- *\/\r\n    #aspire-design-row {\r\n        --at-primary: #4f46e5;       \/* Indigo *\/\r\n        --at-secondary: #ec4899;     \/* Pink *\/\r\n        --at-bg: #f8fafc;            \/* Light BG *\/\r\n        --at-card-bg: #ffffff;\r\n        --at-text-main: #1e293b;\r\n        --at-text-sub: #64748b;\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        background: var(--at-bg);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #aspire-design-row * { box-sizing: border-box; transition: all 0.3s ease; }\r\n\r\n    \/* Background Decoration *\/\r\n    #aspire-design-row::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 100%; height: 100%;\r\n        top: 0; left: 0;\r\n        background: radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.08) 0%, transparent 60%);\r\n        z-index: 0;\r\n    }\r\n\r\n    .at-container {\r\n        max-width: 1280px; \r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .at-header {\r\n        text-align: center;\r\n        max-width: 850px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    .at-badge {\r\n        background: white;\r\n        color: var(--at-primary);\r\n        padding: 6px 18px;\r\n        border-radius: 30px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 4px 15px rgba(79, 70, 229, 0.15);\r\n        display: inline-block;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    .at-header h2 {\r\n        font-size: 42px;\r\n        color: var(--at-text-main);\r\n        margin: 0 0 15px 0;\r\n        font-weight: 800;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n    .at-header h2 span {\r\n        background: linear-gradient(90deg, var(--at-primary), var(--at-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .at-header p {\r\n        font-size: 18px;\r\n        color: var(--at-text-sub);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- THE GRID --- *\/\r\n    .at-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(4, 1fr); \r\n        gap: 24px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    \/* --- CARDS --- *\/\r\n    .at-card {\r\n        background: var(--at-card-bg);\r\n        border-radius: 20px;\r\n        padding: 35px 24px;\r\n        border: 1px solid rgba(255,255,255,0.6);\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.06);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .at-step-bg {\r\n        position: absolute;\r\n        top: -10px; right: -10px;\r\n        font-size: 80px;\r\n        font-weight: 900;\r\n        color: rgba(0,0,0,0.03);\r\n        line-height: 1;\r\n        z-index: 0;\r\n        user-select: none;\r\n    }\r\n\r\n    .at-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px -12px rgba(79, 70, 229, 0.2);\r\n        border-color: rgba(79, 70, 229, 0.3);\r\n    }\r\n\r\n    .at-icon {\r\n        width: 54px; height: 54px;\r\n        border-radius: 14px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 28px;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .at-card:nth-child(odd) .at-icon {\r\n        background: rgba(79, 70, 229, 0.1);\r\n        color: var(--at-primary);\r\n    }\r\n    .at-card:nth-child(even) .at-icon {\r\n        background: rgba(236, 72, 153, 0.1);\r\n        color: var(--at-secondary);\r\n    }\r\n\r\n    .at-card h3 {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: var(--at-text-main);\r\n        margin: 0 0 12px 0;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .at-card p {\r\n        font-size: 15px;\r\n        color: var(--at-text-sub);\r\n        line-height: 1.6;\r\n        margin: 0;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .at-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 4px;\r\n        background: linear-gradient(90deg, var(--at-primary), var(--at-secondary));\r\n        transition: 0.4s ease;\r\n    }\r\n    .at-card:hover::after { width: 100%; }\r\n\r\n    \/* --- PROOF SECTION --- *\/\r\n    .at-proof-section {\r\n        margin-top: 80px;\r\n        background: #fff;\r\n        padding: 40px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 40px -10px rgba(0,0,0,0.05);\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n    .at-proof-title {\r\n        text-align: center;\r\n        font-size: 28px;\r\n        font-weight: 800;\r\n        color: var(--at-text-main);\r\n        margin-bottom: 30px;\r\n    }\r\n    .at-proof-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n    }\r\n    .at-proof-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 15px;\r\n    }\r\n    .at-check-icon {\r\n        color: var(--at-secondary);\r\n        font-weight: 800;\r\n        font-size: 24px;\r\n        line-height: 1;\r\n        flex-shrink: 0;\r\n    }\r\n    .at-proof-text {\r\n        font-size: 15px;\r\n        color: var(--at-text-sub);\r\n        line-height: 1.5;\r\n        font-weight: 500;\r\n    }\r\n    .at-proof-text strong { color: var(--at-primary); }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1024px) {\r\n        .at-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .at-proof-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .at-header h2 { font-size: 32px; }\r\n        .at-grid { grid-template-columns: 1fr; }\r\n        .at-card { align-items: center; text-align: center; }\r\n        .at-proof-grid { grid-template-columns: 1fr; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"aspire-design-row\">\r\n    <div class=\"at-container\">\r\n        \r\n        <div class=\"at-header\">\r\n            <span class=\"at-badge\">Visual Design Experts<\/span>\r\n            <h2>Why Branding Matters for <br><span>Mysore Businesses<\/span><\/h2>\r\n            <p>\r\n                Local businesses in Mysore often struggle with outdated logos, inconsistent visuals, and low engagement. <strong>Aspire Digital Solutions<\/strong> provides strategic design that solves problems and supports business growth.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"at-grid\">\r\n            \r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">01<\/div>\r\n                <div class=\"at-icon\">\r\n                    <span class=\"material-symbols-rounded\">auto_awesome<\/span>\r\n                <\/div>\r\n                <h3>Logo & Identity<\/h3>\r\n                <p>We create professional logos reflecting your identity with multiple concepts and source files for all platforms.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">02<\/div>\r\n                <div class=\"at-icon\">\r\n                    <span class=\"material-symbols-rounded\">dashboard<\/span>\r\n                <\/div>\r\n                <h3>Consistency<\/h3>\r\n                <p>Stop inconsistent design across platforms. We align your digital, web, and print visuals for a unified brand image.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">03<\/div>\r\n                <div class=\"at-icon\">\r\n                    <span class=\"material-symbols-rounded\">campaign<\/span>\r\n                <\/div>\r\n                <h3>Engagement<\/h3>\r\n                <p>Fix low social media engagement. Our professional visuals are designed to capture attention and spark action.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">04<\/div>\r\n                <div class=\"at-icon\">\r\n                    <span class=\"material-symbols-rounded\">inventory_2<\/span>\r\n                <\/div>\r\n                <h3>Print & Packing<\/h3>\r\n                <p>We solve the issue of weak print materials with high-quality designs for packaging, brochures, and marketing collateral.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"at-proof-section\">\r\n            <h3 class=\"at-proof-title\">Professional Design Deliverables<\/h3>\r\n            \r\n            <div class=\"at-proof-grid\">\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>3 Professional Concepts<\/strong> for every logo design project.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Full Vector Files<\/strong> (AI, PDF) plus transparent PNGs included.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>2 Revision Rounds<\/strong> to ensure the design perfectly fits your vision.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Business-First Approach<\/strong> backed by 7+ years of global experience.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>1,000+ Satisfied Clients<\/strong> globally trusting our design expertise.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Industry Expertise<\/strong> in Tourism, Retail, Healthcare, and Hospitality.\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4840b1e9 e-con-full e-flex e-con e-parent\" data-id=\"4840b1e9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e97a5ea elementor-widget elementor-widget-html\" data-id=\"3e97a5ea\" 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-70bc368c e-con-full e-flex e-con e-parent\" data-id=\"70bc368c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43944f06 elementor-widget elementor-widget-html\" data-id=\"43944f06\" 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    #aspire_design_pricing {\r\n        \/* --- THEME VARIABLES --- *\/\r\n        --dp-bg: #020617; \r\n        --dp-card: rgba(15, 23, 42, 0.98); \r\n        --dp-accent: #6366f1;\r\n        --dp-secondary: #ec4899;\r\n        --dp-text-white: #ffffff;\r\n        --dp-text-muted: #94a3b8;\r\n        --dp-card-w: 285px;\r\n        --dp-card-h: 530px;\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        padding: 100px 20px;\r\n        background-color: var(--dp-bg);\r\n        background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.05) 1px, transparent 0);\r\n        background-size: 40px 40px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    #aspire_design_pricing * { box-sizing: border-box; }\r\n\r\n    .dp_header { text-align: center; margin-bottom: 80px; position: relative; z-index: 10; }\r\n    .dp_header h2 {\r\n        font-size: clamp(2.2rem, 6vw, 3.5rem);\r\n        color: var(--dp-text-white);\r\n        font-weight: 800;\r\n        margin: 0;\r\n    }\r\n    .dp_gradient_text {\r\n        background: linear-gradient(135deg, var(--dp-accent), var(--dp-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .dp_header p { color: var(--dp-text-muted); margin-top: 15px; font-size: 1.1rem; max-width: 600px; margin-inline: auto; }\r\n\r\n    \/* --- FAN STAGE --- *\/\r\n    .dp_stage {\r\n        position: relative;\r\n        width: 100%;\r\n        height: var(--dp-card-h);\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        justify-content: center;\r\n        perspective: 2000px;\r\n    }\r\n\r\n    .dp_card {\r\n        position: absolute;\r\n        width: var(--dp-card-w);\r\n        height: var(--dp-card-h);\r\n        background: var(--dp-card);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 28px;\r\n        padding: 35px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.6);\r\n        cursor: pointer;\r\n        transform-origin: center 110%; \/* Pivots from below the card *\/\r\n    }\r\n\r\n    \/* Initial Stacked State *\/\r\n    .dp_card { transform: rotate(0deg) translateY(0); }\r\n    .dp_card:hover { border-color: var(--dp-accent); z-index: 100 !important; background: #0f172a; }\r\n\r\n    \/* Fan Out Animation (Triggered by active class) *\/\r\n    .dp_stage.is-active .dp_card:nth-child(1) { transform: translateX(-480px) rotate(-15deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(2) { transform: translateX(-290px) rotate(-9deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(3) { transform: translateX(-100px) rotate(-3deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(4) { transform: translateX(100px) rotate(3deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(5) { transform: translateX(290px) rotate(9deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(6) { transform: translateX(480px) rotate(15deg); }\r\n\r\n    \/* Individual Hover Pop-up *\/\r\n    .dp_stage.is-active .dp_card:hover {\r\n        transform: translateX(var(--hover-x, 0)) scale(1.08) translateY(-40px) rotate(0deg) !important;\r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.9);\r\n    }\r\n\r\n    \/* --- CONTENT ELEMENTS --- *\/\r\n    .dp_icon_box { width: 50px; height: 50px; border-radius: 12px; background: rgba(99, 102, 241, 0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }\r\n    .dp_icon_box span { color: var(--dp-accent); font-size: 30px; }\r\n    \r\n    .dp_price { font-size: 32px; font-weight: 800; color: var(--dp-text-white); margin-bottom: 5px; }\r\n    .dp_price small { font-size: 14px; color: var(--dp-accent); text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n    .dp_title { font-size: 1.25rem; font-weight: 700; color: var(--dp-text-white)!important; margin: 15px 0 10px 0; }\r\n    \r\n    .dp_list { list-style: none; padding: 0; margin: 0 0 25px 0; font-size: 0.95rem; color: var(--dp-text-muted); line-height: 1.5; }\r\n    .dp_list li { margin-bottom: 10px; display: flex; align-items: flex-start; gap: 10px; }\r\n    .dp_list li::before { content: \"check_circle\"; font-family: 'Material Symbols Rounded'; font-size: 18px; color: var(--dp-secondary); }\r\n\r\n    .dp_cta {\r\n        margin-top: auto;\r\n        padding: 14px;\r\n        text-align: center;\r\n        background: rgba(255,255,255,0.05);\r\n        color: white!important;\r\n        text-decoration: none;\r\n        border-radius: 15px;\r\n        font-weight: 600;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        transition: 0.3s;\r\n    }\r\n    .dp_card:hover .dp_cta { background: var(--dp-accent); border-color: var(--dp-accent); }\r\n\r\n    \/* --- MOBILE STACKING --- *\/\r\n    @media (max-width: 1000px) {\r\n        .dp_stage { display: flex; flex-direction: column; height: auto; gap: 20px; }\r\n        .dp_card { position: relative; width: 100%; transform: none !important; opacity: 1; }\r\n        #aspire_design_pricing { padding: 60px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_design_pricing\">\r\n    <div class=\"dp_header\">\r\n        <h2>Graphic Design <span class=\"dp_gradient_text\">Pricing<\/span><\/h2>\r\n        <p>Monthly retainers available. Contact us to discuss your specific budget and business needs.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dp_stage\" id=\"designStage\">\r\n        \r\n        <div class=\"dp_card\" style=\"--hover-x: -480px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">category<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b94K <br><small>Starts At<\/small><\/div>\r\n            <h3 class=\"dp_title\">Logo Design<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Custom original designs<\/li>\r\n                <li>Aligned with brand identity<\/li>\r\n                <li>Print & Digital formats<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: -290px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">menu_book<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b93K <br><small>Starts At<\/small><\/div>\r\n            <h3 class=\"dp_title\">Brochure & Flyer<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Clean, readable layouts<\/li>\r\n                <li>Supports brand storytelling<\/li>\r\n                <li>Retail & Wellness focus<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: -100px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">add_reaction<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b9500 <br><small>Starts At<\/small><\/div>\r\n            <h3 class=\"dp_title\">Social Media<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Platform-specific visuals<\/li>\r\n                <li>Post & Reel thumbnails<\/li>\r\n                <li>Brand-consistent voice<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 100px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">inventory_2<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b95K <br><small>Starts At<\/small><\/div>\r\n            <h3 class=\"dp_title\">Packaging Design<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Eye-catching shelf appeal<\/li>\r\n                <li>Print-ready guidelines<\/li>\r\n                <li>Retail-optimized work<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 290px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">dock<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b91.5K <br><small>Starts At<\/small><\/div>\r\n            <h3 class=\"dp_title\">Stationery<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>3 Unique layout options<\/li>\r\n                <li>Cards & Letterheads<\/li>\r\n                <li>Editable source files<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 480px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">view_carousel<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b91K <br><small>Starts At<\/small><\/div>\r\n            <h3 class=\"dp_title\">Website Banners<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>High conversion focus<\/li>\r\n                <li>Improved visual appeal<\/li>\r\n                <li>UX-friendly elements<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const stage = document.getElementById('designStage');\r\n        if (window.innerWidth > 1000) {\r\n            stage.addEventListener('mouseenter', () => stage.classList.add('is-active'));\r\n            stage.addEventListener('mouseleave', () => stage.classList.remove('is-active'));\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e287c23 e-con-full e-flex e-con e-parent\" data-id=\"e287c23\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed7eeb7 elementor-widget elementor-widget-html\" data-id=\"ed7eeb7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    #aspire_gap_widget {\r\n        \/* --- VARIABLES --- *\/\r\n        --acs-bg-deep: #02040a;\r\n        --acs-bg-card: rgba(20, 25, 40, 0.9);\r\n        --acs-text-white: #ffffff;\r\n        --acs-text-muted: #94a3b8;\r\n        --acs-accent-gradient: linear-gradient(135deg, #6366f1 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    \/* Heading *\/\r\n    .acs_title_block { text-align: center; margin-bottom: 60px; padding: 0 20px; }\r\n    .acs_title {\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        font-weight: 800;\r\n        background: var(--acs-accent-gradient);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        line-height: 1.1;\r\n        margin-bottom: 10px;\r\n    }\r\n    .acs_subtitle { color: var(--acs-text-muted); font-size: 1.1rem; }\r\n\r\n    \/* Row Wrappers *\/\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    \/* Moving Track *\/\r\n    .acs_track {\r\n        display: flex;\r\n        gap: 25px; \r\n        width: max-content;\r\n        will-change: transform;\r\n        padding: 10px 0;\r\n    }\r\n\r\n    \/* --- CARD DESIGN --- *\/\r\n    .acs_card {\r\n        flex: 0 0 var(--acs-card-w);\r\n        height: var(--acs-card-h);\r\n        position: relative;\r\n        border-radius: 24px;\r\n        overflow: hidden;\r\n        background: var(--acs-bg-card);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        transition: transform 0.3s ease, border-color 0.3s ease;\r\n    }\r\n\r\n    .acs_card:hover {\r\n        transform: scale(1.02);\r\n        border-color: rgba(99, 102, 241, 0.5);\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.4;\r\n        transition: 0.6s cubic-bezier(0.33, 1, 0.68, 1);\r\n        filter: grayscale(40%);\r\n    }\r\n    .acs_card:hover .acs_img { opacity: 0.25; transform: scale(1.1); filter: grayscale(0%); }\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) 15%, rgba(2, 4, 10, 0.4) 60%, transparent 100%);\r\n        width: 100%;\r\n    }\r\n\r\n    .acs_card_title { font-size: 1.3rem; font-weight: 700; margin-bottom: 8px; color: #fff !important; }\r\n    .acs_desc { font-size: 0.9rem; color: var(--acs-text-muted); line-height: 1.5; margin: 0; }\r\n\r\n    .acs_tag {\r\n        position: absolute;\r\n        top: 20px; left: 20px;\r\n        background: rgba(99, 102, 241, 0.2);\r\n        border: 1px solid rgba(99, 102, 241, 0.3);\r\n        color: #e0e7ff;\r\n        padding: 6px 14px;\r\n        border-radius: 50px;\r\n        font-size: 0.7rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        font-weight: 700;\r\n        z-index: 2;\r\n        backdrop-filter: blur(8px);\r\n    }\r\n\r\n    \/* --- MOBILE --- *\/\r\n    @media (max-width: 850px) {\r\n        #aspire_gap_widget { padding: 60px 15px; }\r\n        .acs_row_wrapper { display: block; margin-bottom: 0; }\r\n        .acs_track {\r\n            display: flex;\r\n            flex-direction: column;\r\n            width: 100%;\r\n            gap: 25px;\r\n            transform: none !important; \r\n            margin-bottom: 25px;\r\n        }\r\n        .acs_card {\r\n            width: 100%;\r\n            height: auto;\r\n            min-height: 240px;\r\n            flex: none;\r\n            max-width: 450px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_gap_widget\">\r\n    <div class=\"acs_title_block\">\r\n        <h2 class=\"acs_title\">Mysore-Based Design Projects<\/h2>\r\n        <p class=\"acs_subtitle\">Real results for local hospitality, retail, and education sectors.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"acs_row_wrapper\">\r\n        <div class=\"acs_track\" id=\"acs_track_1_gap\">\r\n            \r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Hospitality<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Heritage Hotel Branding<\/h3>\r\n                    <p class=\"acs_desc\">Designed menus, signage, and room brochures for a leading Mysore heritage property.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Retail<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1441986300917-64674bd600d8?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Local Clothing Brand<\/h3>\r\n                    <p class=\"acs_desc\">Created custom product packaging and interactive point-of-sale displays.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Education<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/coaching-center.webp\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Coaching Centers<\/h3>\r\n                    <p class=\"acs_desc\">Admission brochures, social graphics, and professional investor presentations.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"acs_title_block\" style=\"margin-top: 40px;\">\r\n        <h2 class=\"acs_title\">Why Businesses Choose Us<\/h2>\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\">Expertise<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">In-House Reliability<\/h3>\r\n                    <p class=\"acs_desc\">Work powered by Adobe & Figma. No outsourcing\u2014just direct quality and communication.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Strategy<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517248135467-4c7edcad34c4?auto=format&fit=crop&w=600\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">Local Roots<\/h3>\r\n                    <p class=\"acs_desc\">Deep understanding of Mysore's unique food, retail, and hospitality landscape.<\/p>\r\n                <\/div>\r\n            <\/article>\r\n\r\n            <article class=\"acs_card\">\r\n                <span class=\"acs_tag\">Workflow<\/span>\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/5-star-proccess.webp\" class=\"acs_img\">\r\n                <div class=\"acs_content\">\r\n                    <h3 class=\"acs_card_title\">5-Step Process<\/h3>\r\n                    <p class=\"acs_desc\">Transparent workflow from consultation and concept to feedback and final delivery.<\/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            \/\/ Check if widget is in view\r\n            if (rect.bottom > 0 && rect.top < viewportHeight) {\r\n                const widgetCenter = rect.top + (rect.height \/ 2);\r\n                const viewportCenter = viewportHeight \/ 2;\r\n                const distance = widgetCenter - viewportCenter;\r\n                \r\n                \/\/ Sensitivity multiplier\r\n                const moveAmount = distance * 0.3;\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-6d82d3a8 e-con-full e-flex e-con e-parent\" data-id=\"6d82d3a8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22cc8488 elementor-widget elementor-widget-html\" data-id=\"22cc8488\" 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.9rem;\r\n            color: var(--aa-text-sub);\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details p {\r\n            margin-bottom: 8px;\r\n            line-height: 1.5;\r\n        }\r\n        #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            transition: all 0.3s ease;\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            #aspire-accordion-widget .aa-item:hover .aa-item-bg { opacity: 1; transform: scale(1); }\r\n            #aspire-accordion-widget .aa-item:hover .aa-name { color: var(--aa-primary); }\r\n            #aspire-accordion-widget .aa-item:hover .aa-btn { opacity: 1; transform: translateX(0); }\r\n            #aspire-accordion-widget .aa-item:hover .aa-details { max-height: 500px; opacity: 1; margin-top: 15px; overflow: visible; }\r\n            #aspire-accordion-widget .aa-item:hover .aa-arrow { background: var(--aa-primary); color: #fff; border-color: var(--aa-primary); transform: rotate(-45deg); }\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; gap: 20px; height: auto !important; min-height: auto; overflow: visible; }\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-date { background: rgba(79, 70, 229, 0.1); color: var(--aa-primary); margin: 0; }\r\n            #aspire-accordion-widget .aa-info { padding-right: 0; width: 100%; }\r\n            #aspire-accordion-widget .aa-name { font-size: 1.4rem; white-space: normal; }\r\n            #aspire-accordion-widget .aa-details { max-height: none; opacity: 1; margin-top: 15px; overflow: visible; }\r\n            #aspire-accordion-widget .aa-action { width: 100%; justify-content: space-between; margin-top: 10px; 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; padding: 8px 20px; font-size: 13px; }\r\n            #aspire-accordion-widget .aa-arrow { background: var(--aa-primary); color: #fff; width: 36px; height: 36px; 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\">Case <span>Studies<\/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-1622597467836-f3285f2131b4?auto=format&fit=crop&w=800');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Hospitality<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Juice Bar in Lakshmipuram<\/h3>\r\n                        <p class=\"aa-genre\">Visual Identity & Menu Design<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Old menu looked cluttered and unprofessional. New customers found it confusing.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Redesigned the menu with clean layouts, matching brand colors, and added product photos. Created posters and social media designs.<\/p>\r\n                            <p><strong>Result:<\/strong> 30% increase in daily orders within 2 weeks. Customers ordered faster and shared more photos online.<\/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-1523240715639-99a8088fb98b?auto=format&fit=crop&w=800');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Education<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Coaching Institute in Hebbal<\/h3>\r\n                        <p class=\"aa-genre\">Admission Campaign Design<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Outdated flyers and banners failed to attract students during critical admission windows.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Designed fresh, modern brochures, hoardings, and digital banners with clear course details and visuals.<\/p>\r\n                            <p><strong>Result:<\/strong> Admissions increased 3x during the campaign. Institute perceived as more professional and trusted.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">Learn More<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1560518883-ce09059eeffa?auto=format&fit=crop&w=800');\"><\/div>\r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Real Estate<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Real Estate in Kuvempunagar<\/h3>\r\n                        <p class=\"aa-genre\">Marketing & Sales Collateral<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Plain marketing materials meant property listings weren't getting enough attention from buyers.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Created well-designed flyers, signage, and branded sales presentations with high-impact visuals and layout.<\/p>\r\n                            <p><strong>Result:<\/strong> Property inquiries increased by 40%. Sales teams reported higher engagement during client meetings.<\/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-7d50af48 e-con-full e-flex e-con e-parent\" data-id=\"7d50af48\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-88a6f7a elementor-widget elementor-widget-html\" data-id=\"88a6f7a\" 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-1561070791-2526d30994b5?auto=format&fit=crop&w=800&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I run Pixel Print Studio in Jayalakshmipuram. I wanted a fresh look for my business\u2014logo, flyers, and all. Aspire\u2019s design work was just what I needed. It looks clean, modern, and people really notice it now.\"<\/p>\r\n            <h4 class=\"author\">Rohit \u2013 Jayalakshmipuram, Mysore<\/h4>\r\n            <span class=\"business\">Pixel Print Studio<\/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-1534438327276-14e5300c3a48?auto=format&fit=crop&w=800&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I\u2019m from Lakshmipuram and run FitZone Gym. I had no idea how to get good branding or posters, but Aspire handled everything. The designs turned out great and more people are noticing my gym.\"<\/p>\r\n            <h4 class=\"author\">Manish \u2013 Lakshmipuram, Mysore<\/h4>\r\n            <span class=\"business\">FitZone Gym<\/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-1554118811-1e0d58224f24?auto=format&fit=crop&w=800&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I run Blossom Caf\u00e9 in Chamarajapuram. I wanted a nice logo and menu, but didn\u2019t know where to start. Aspire made it really easy. They listened to me and designed everything just right. My customers love the look!\"<\/p>\r\n            <h4 class=\"author\">Kavya \u2013 Chamarajapuram, Mysore<\/h4>\r\n            <span class=\"business\">Blossom Caf\u00e9<\/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    \/* Content Styling *\/\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: 0 2px 10px 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; \/* Gold color for the name *\/\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: 600;\r\n    }\r\n\r\n    \/* Mobile handling *\/\r\n    @media (max-width: 768px) {\r\n        .testimonial-slice-gallery {\r\n            height: 650px;\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    (function() {\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            \/\/ Mobile click or Desktop hover\r\n            slice.addEventListener('click', activate);\r\n            slice.addEventListener('mouseenter', activate);\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-852fc5c e-con-full e-flex e-con e-parent\" data-id=\"852fc5c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11b68b5b elementor-widget elementor-widget-html\" data-id=\"11b68b5b\" 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>Graphic Design FAQ - Aspire Digital Solutions<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n    <style>\r\n        .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            background-color: #ffffff;\r\n            font-family: 'Inter', sans-serif;\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 { flex-direction: column; padding: 60px 20px; }\r\n            .seo-asp-header { width: 100%; position: relative; top: 0; margin-bottom: 60px; padding-right: 0; }\r\n            .seo-asp-list { width: 100%; }\r\n            .seo-asp-header h2 { font-size: 2.25rem; }\r\n            .seo-asp-item { opacity: 0.4; filter: blur(1px); }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\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            <h2>Design <span class=\"seo-asp-highlight\">Questions<\/span><\/h2>\r\n            <p>Common queries about our graphic design services for Mysore-based businesses.<\/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. How much do graphic design services cost in Mysore?<\/div>\r\n                <div class=\"seo-asp-answer\">Prices start from \u20b9500 for a single social graphic. Packages vary based on scope, and we pride ourselves on offering professional, budget-friendly solutions.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seo-asp-item\">\r\n                <div class=\"seo-asp-question\">2. Can I hire your team monthly?<\/div>\r\n                <div class=\"seo-asp-answer\">Yes, we offer monthly retainers. This is perfect for businesses needing consistent content, providing dedicated design hours and priority support.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seo-asp-item\">\r\n                <div class=\"seo-asp-question\">3. What file formats will I receive?<\/div>\r\n                <div class=\"seo-asp-answer\">We provide everything you need: high-resolution JPEGs, PNGs for web use, print-ready PDFs, and even editable source files (AI or PSD) upon request.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seo-asp-item\">\r\n                <div class=\"seo-asp-question\">4. How many revisions are allowed?<\/div>\r\n                <div class=\"seo-asp-answer\">We want you to love the result! All our design services include 2\u20133 revision rounds to ensure the final product matches your vision.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seo-asp-item\">\r\n                <div class=\"seo-asp-question\">5. Do you work with Mysore-based businesses?<\/div>\r\n                <div class=\"seo-asp-answer\">Absolutely. Our local clients include cafes, coaching centers, retailers, and wellness brands across Mysore. We understand the local market aesthetics.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"seo-asp-item\">\r\n                <div class=\"seo-asp-question\">6. Can I see samples before I decide?<\/div>\r\n                <div class=\"seo-asp-answer\">Yes! You can view our design portfolio on our website, or we can send over samples specifically relevant to your industry.<\/div>\r\n            <\/div>\r\n\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: 0.5,\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-e543bcc e-con-full e-flex e-con e-parent\" data-id=\"e543bcc\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-271f304 elementor-widget elementor-widget-html\" data-id=\"271f304\" 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>Graphic Design Services CTA - Aspire Digital<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;700;800&family=Outfit:wght@400;600;800&display=swap\" rel=\"stylesheet\">\r\n    \r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n    <style>\r\n        \/* --- CSS VARIABLES (Scoped to ID) --- *\/\r\n        #ads-cta-section-unique {\r\n            --ads-blue: #6B82FA;\r\n            --ads-pink: #F5A8A8;\r\n            --text-white: #ffffff;\r\n            --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);\r\n        }\r\n\r\n        \/* --- WRAPPER --- *\/\r\n        #ads-cta-section-unique {\r\n            width: 100%;\r\n            position: relative;\r\n            display: block;\r\n            background: var(--bg-gradient);\r\n            padding: 80px 20px;\r\n            overflow: hidden;\r\n            font-family: 'Manrope', 'Outfit', sans-serif;\r\n            box-sizing: border-box;\r\n            text-align: left;\r\n        }\r\n\r\n        #ads-cta-section-unique *,\r\n        #ads-cta-section-unique *::before,\r\n        #ads-cta-section-unique *::after {\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        \/* --- DECORATION --- *\/\r\n        #ads-cta-section-unique .ads-glow-orb {\r\n            position: absolute; border-radius: 50%;\r\n            filter: blur(80px); z-index: 0; pointer-events: none;\r\n        }\r\n        #ads-cta-section-unique .orb-left {\r\n            width: 300px; height: 300px; background: var(--ads-blue);\r\n            top: -10%; left: -10%; opacity: 0.2;\r\n        }\r\n        #ads-cta-section-unique .orb-right {\r\n            width: 400px; height: 400px; background: var(--ads-pink);\r\n            bottom: -10%; right: -10%; opacity: 0.15;\r\n        }\r\n\r\n        \/* --- CONTAINER --- *\/\r\n        #ads-cta-section-unique .ads-final-container {\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            display: grid;\r\n            grid-template-columns: 1.2fr 0.8fr;\r\n            gap: 60px;\r\n            align-items: center;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        \/* --- LEFT CONTENT --- *\/\r\n        #ads-cta-section-unique .ads-final-label {\r\n            color: var(--ads-pink); font-weight: 700;\r\n            text-transform: uppercase; letter-spacing: 1.5px;\r\n            font-size: 13px; margin-bottom: 15px; display: block;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-title {\r\n            font-family: 'Outfit', sans-serif;\r\n            font-size: 42px; font-weight: 800;\r\n            color: var(--text-white); margin: 0 0 20px 0;\r\n            line-height: 1.2;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-desc {\r\n            font-size: 16px; color: #d1d5db;\r\n            line-height: 1.6; margin: 0 0 30px 0;\r\n            max-width: 90%;\r\n        }\r\n\r\n        \/* Checkmark Grid *\/\r\n        #ads-cta-section-unique .ads-check-grid {\r\n            display: grid; grid-template-columns: 1fr 1fr;\r\n            gap: 15px; margin-bottom: 40px;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-check-item {\r\n            display: flex; align-items: center; gap: 10px;\r\n            background: rgba(255, 255, 255, 0.05);\r\n            padding: 10px 15px; border-radius: 50px;\r\n            border: 1px solid rgba(255,255,255,0.1);\r\n            color: white; font-size: 14px; font-weight: 600;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-check-icon {\r\n            color: var(--ads-blue); background: white;\r\n            width: 22px; height: 22px; border-radius: 50%;\r\n            display: flex; align-items: center; justify-content: center;\r\n            font-size: 11px; flex-shrink: 0;\r\n        }\r\n\r\n        \/* --- RIGHT: CONTACT CARD --- *\/\r\n        #ads-cta-section-unique .ads-contact-card {\r\n            background: rgba(255, 255, 255, 0.1);\r\n            backdrop-filter: blur(15px);\r\n            -webkit-backdrop-filter: blur(15px);\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n            border-radius: 20px;\r\n            padding: 35px;\r\n            box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n            display: flex; flex-direction: column; gap: 25px;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-contact-row {\r\n            display: flex; align-items: flex-start; gap: 15px;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-con-icon {\r\n            width: 40px; height: 40px;\r\n            background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink));\r\n            border-radius: 10px;\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: white; font-size: 18px; flex-shrink: 0;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-con-info h4 {\r\n            margin: 0 0 4px 0; font-family: 'Outfit', sans-serif;\r\n            font-size: 13px; color: #a5b4fc; font-weight: 600;\r\n            text-transform: uppercase;\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-con-info a {\r\n            color: white; font-size: 16px; font-weight: 700;\r\n            text-decoration: none; word-break: break-all;\r\n        }\r\n\r\n        #ads-cta-section-unique .ads-final-btn {\r\n            background: white; color: var(--ads-blue);\r\n            text-align: center; padding: 16px; border-radius: 10px;\r\n            font-weight: 800; font-size: 15px;\r\n            text-decoration: none; text-transform: uppercase;\r\n            letter-spacing: 1px; transition: 0.3s;\r\n            display: block; box-shadow: 0 10px 30px rgba(0,0,0,0.2);\r\n        }\r\n        \r\n        #ads-cta-section-unique .ads-final-btn:hover {\r\n            transform: translateY(-3px); background: #f8fafc;\r\n        }\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            #ads-cta-section-unique .ads-contact-card { max-width: 500px; margin: 0 auto; }\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; width: 100%; }\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\">Graphic Design Services<\/span>\r\n                <h2 class=\"ads-final-title\">Need Clear, Business-Focused Design?<\/h2>\r\n                \r\n                <p class=\"ads-final-desc\">\r\n                    Our Graphic Design Services in Mysore are built to deliver visuals that align with your goals and make a lasting impact. From concept to final creatives, we elevate your brand\u2019s identity.\r\n                <\/p>\r\n\r\n                <div class=\"ads-check-grid\">\r\n                    <div class=\"ads-check-item\">\r\n                        <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                        7+ Years Experience\r\n                    <\/div>\r\n                    <div class=\"ads-check-item\">\r\n                        <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                        Based in Mysore\r\n                    <\/div>\r\n                    <div class=\"ads-check-item\">\r\n                        <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                        Focused on Local Brands\r\n                    <\/div>\r\n                    <div class=\"ads-check-item\">\r\n                        <div class=\"ads-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                        1,000+ Happy Clients\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-contact-card\">\r\n                <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\">www.aspiredigitalsolutions.in<\/a>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"https:\/\/www.aspiredigitalsolutions.in\/contact-us\/\" class=\"ads-final-btn\">\r\n                    Let\u2019s Bring Your Brand to Life <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":871,"template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[],"class_list":["post-1649","mysore","type-mysore","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/mysore"}],"version-history":[{"count":33,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1649\/revisions"}],"predecessor-version":[{"id":15098,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/mysore\/1649\/revisions\/15098"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/871"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=1649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/categories?post=1649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}