{"id":14,"date":"2024-10-03T18:40:06","date_gmt":"2024-10-03T18:40:06","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/servies\/"},"modified":"2026-07-15T16:14:22","modified_gmt":"2026-07-15T10:44:22","slug":"services","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/services\/","title":{"rendered":"Services"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"14\" class=\"elementor elementor-14\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2a35404 e-con-full e-flex e-con e-parent\" data-id=\"2a35404\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-53c45d2 elementor-widget elementor-widget-shortcode\" data-id=\"53c45d2\" 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\">Services<\/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 = \"Services\".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-6ee185f e-con-full e-flex e-con e-parent\" data-id=\"6ee185f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0e44b39 elementor-widget elementor-widget-html\" data-id=\"0e44b39\" 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 rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n    :root {\r\n        --news-bg: #ffffff;\r\n        --news-text: #0f172a;\r\n        --news-border: #e2e8f0;\r\n        --news-grad: linear-gradient(135deg, #536dfe 0%, #ff6b81 100%);\r\n    }\r\n\r\n    \/* --- TICKER WRAPPER --- *\/\r\n    .aspire-ticker-wrap {\r\n        font-family: 'Poppins', sans-serif;\r\n        width: 100%;\r\n        background: var(--news-bg);\r\n        border-top: 1px solid var(--news-border);\r\n        border-bottom: 1px solid var(--news-border);\r\n        height: 50px; \/* Fixed Height *\/\r\n        display: flex;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        position: relative;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* --- STATIC LABEL (Our Services) --- *\/\r\n    .aspire-ticker-label {\r\n        background: var(--news-grad);\r\n        color: white;\r\n        height: 100%;\r\n        padding: 0 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        position: relative;\r\n        z-index: 2;\r\n        flex-shrink: 0;\r\n        clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);\r\n        padding-right: 30px;\r\n    }\r\n\r\n    \/* --- SCROLL CONTAINER --- *\/\r\n    .aspire-ticker-container {\r\n        flex-grow: 1;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        position: relative;\r\n        \/* Edges Fade Effect *\/\r\n        mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);\r\n    }\r\n\r\n    \/* --- MOVING TRACK (SLOW SPEED) --- *\/\r\n    .aspire-ticker-track {\r\n        display: inline-block;\r\n        padding-left: 100%; \/* Starts from outside *\/\r\n        \/* Changed from 30s to 80s for Slow & Smooth flow *\/\r\n        animation: ticker-scroll 80s linear infinite;\r\n        will-change: transform; \/* Optimization for smoothness *\/\r\n    }\r\n\r\n    \/* Pause on Hover *\/\r\n    .aspire-ticker-wrap:hover .aspire-ticker-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    @keyframes ticker-scroll {\r\n        0% { transform: translate3d(0, 0, 0); }\r\n        100% { transform: translate3d(-100%, 0, 0); }\r\n    }\r\n\r\n    \/* --- ITEM DESIGN --- *\/\r\n    .ticker-item {\r\n        display: inline-block;\r\n        padding: 0 30px; \/* Thoda gap badhaya hai *\/\r\n        color: var(--news-text);\r\n        font-size: 0.95rem;\r\n        font-weight: 500;\r\n        text-decoration: none;\r\n        position: relative;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .ticker-item:hover {\r\n        color: #536dfe;\r\n    }\r\n\r\n    .ticker-item i {\r\n        color: #ff6b81;\r\n        margin-right: 8px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    \/* Separator Dot *\/\r\n    .ticker-item::after {\r\n        content: \"\u2022\";\r\n        color: #cbd5e1;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .ticker-item:last-child::after { content: \"\"; }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 600px) {\r\n        .aspire-ticker-label {\r\n            font-size: 0.75rem;\r\n            padding: 0 15px;\r\n            padding-right: 25px;\r\n        }\r\n        .ticker-item {\r\n            font-size: 0.85rem;\r\n            padding: 0 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aspire-ticker-wrap\">\r\n    \r\n    <div class=\"aspire-ticker-label\">\r\n        Our Services\r\n    <\/div>\r\n\r\n    <div class=\"aspire-ticker-container\">\r\n        <div class=\"aspire-ticker-track\">\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/seo\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-search\"><\/i> SEO Optimization\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/google-ads\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-bullseye\"><\/i> Google Ads (PPC)\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/web-development\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-code\"><\/i> Website Development\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/social-media-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fab fa-instagram\"><\/i> Social Media Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/branding\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-award\"><\/i> Branding Strategy\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/email-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-envelope\"><\/i> Email Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/graphic-designing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-pen-nib\"><\/i> Graphic Designing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/content-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-file-alt\"><\/i> Content Marketing\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/seo\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-search\"><\/i> SEO Optimization\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/google-ads\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-bullseye\"><\/i> Google Ads (PPC)\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/web-development\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-code\"><\/i> Website Development\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/social-media-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fab fa-instagram\"><\/i> Social Media Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/branding\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-award\"><\/i> Branding Strategy\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/email-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-envelope\"><\/i> Email Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/graphic-designing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-pen-nib\"><\/i> Graphic Designing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/content-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-file-alt\"><\/i> Content Marketing\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-9922a92 e-con-full e-flex e-con e-parent\" data-id=\"9922a92\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cde58a5 elementor-widget elementor-widget-html\" data-id=\"cde58a5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- FONTS IMPORT --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;700;800&family=Poppins:wght@400;500;600&display=swap');\r\n\r\n    \/* --- RESET & WRAPPER (FORCED) --- *\/\r\n    .ads-strict-wrapper {\r\n        all: initial !important; \/* Resets everything *\/\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: space-between !important;\r\n        gap: 50px !important;\r\n        flex-wrap: wrap !important;\r\n        background: #ffffff !important;\r\n        padding: 40px 20px !important;\r\n        max-width: 1200px !important;\r\n        margin: 0 auto !important;\r\n        font-family: 'Poppins', sans-serif !important;\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    .ads-strict-wrapper * {\r\n        box-sizing: border-box !important;\r\n        font-family: 'Poppins', sans-serif !important;\r\n    }\r\n\r\n    \/* --- LEFT: IMAGE SECTION --- *\/\r\n    .ads-strict-img-box {\r\n        flex: 1 1 400px !important;\r\n        position: relative !important;\r\n        display: flex !important;\r\n        justify-content: center !important;\r\n        align-items: center !important;\r\n    }\r\n\r\n    \/* Blob Animation *\/\r\n    .ads-strict-blob {\r\n        position: absolute !important;\r\n        width: 90% !important;\r\n        height: 90% !important;\r\n        background: linear-gradient(135deg, rgba(107, 130, 250, 0.2) 0%, rgba(245, 168, 168, 0.2) 100%) !important;\r\n        border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50% !important;\r\n        z-index: 0 !important;\r\n        animation: ads-morph-strict 6s ease-in-out infinite !important;\r\n    }\r\n\r\n    @keyframes ads-morph-strict {\r\n        0% { border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; }\r\n        50% { border-radius: 60% 40% 30% 70% \/ 60% 30% 70% 40%; }\r\n        100% { border-radius: 40% 60% 70% 30% \/ 40% 50% 60% 50%; }\r\n    }\r\n\r\n    .ads-strict-img {\r\n        position: relative !important;\r\n        z-index: 1 !important;\r\n        width: 100% !important;\r\n        max-width: 500px !important;\r\n        height: auto !important;\r\n        border-radius: 20px !important;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.1) !important;\r\n        transition: transform 0.3s ease !important;\r\n    }\r\n\r\n    .ads-strict-img:hover {\r\n        transform: scale(1.02) !important;\r\n    }\r\n\r\n    \/* --- RIGHT: CONTENT SECTION --- *\/\r\n    .ads-strict-content {\r\n        flex: 1.2 1 450px !important;\r\n        text-align: left !important;\r\n    }\r\n\r\n    \/* Badge *\/\r\n    .ads-strict-badge {\r\n        display: inline-block !important;\r\n        background: rgba(107, 130, 250, 0.1) !important;\r\n        color: #6B82FA !important;\r\n        font-family: 'Poppins', sans-serif !important;\r\n        font-weight: 700 !important;\r\n        font-size: 13px !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1.5px !important;\r\n        padding: 8px 16px !important;\r\n        border-radius: 50px !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    \/* Heading *\/\r\n    .ads-strict-heading {\r\n        display: block !important;\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 38px !important;\r\n        font-weight: 800 !important;\r\n        color: #212121 !important;\r\n        line-height: 1.25 !important;\r\n        margin: 0 0 25px 0 !important;\r\n    }\r\n\r\n    .ads-strict-heading span {\r\n        background: linear-gradient(90deg, #6B82FA, #F5A8A8) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    \/* Description *\/\r\n    .ads-strict-desc {\r\n        display: block !important;\r\n        color: #555555 !important;\r\n        font-size: 16px !important;\r\n        line-height: 1.7 !important;\r\n        font-weight: 400 !important;\r\n        margin: 0 0 35px 0 !important;\r\n        border-left: 4px solid #F5A8A8 !important;\r\n        padding-left: 20px !important;\r\n    }\r\n\r\n    \/* --- STATS BOX (DESIGN RETAINED & FORCED) --- *\/\r\n    .ads-strict-stats-box {\r\n        display: flex !important;\r\n        gap: 30px !important;\r\n        background: #F8F9FC !important;\r\n        padding: 25px !important;\r\n        border-radius: 15px !important;\r\n        border: 1px solid #eeeeee !important;\r\n        align-items: center !important;\r\n        width: 100% !important;\r\n    }\r\n\r\n    .ads-strict-stat-item {\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        align-items: flex-start !important;\r\n    }\r\n\r\n    .ads-strict-number {\r\n        font-family: 'Montserrat', sans-serif !important;\r\n        font-size: 28px !important;\r\n        font-weight: 800 !important;\r\n        color: #6B82FA !important;\r\n        line-height: 1 !important;\r\n        margin-bottom: 5px !important;\r\n    }\r\n\r\n    .ads-strict-label {\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        color: #666666 !important;\r\n        text-transform: uppercase !important;\r\n        line-height: 1.2 !important;\r\n    }\r\n\r\n    .ads-strict-divider {\r\n        width: 1px !important;\r\n        height: 40px !important;\r\n        background: #dddddd !important;\r\n    }\r\n\r\n    \/* Button *\/\r\n    .ads-strict-btn {\r\n        display: inline-block !important;\r\n        margin-top: 35px !important;\r\n        padding: 15px 35px !important;\r\n        background: linear-gradient(90deg, #6B82FA 0%, #526bf4 100%) !important;\r\n        color: #ffffff !important;\r\n        font-weight: 600 !important;\r\n        text-decoration: none !important;\r\n        border-radius: 8px !important;\r\n        box-shadow: 0 10px 20px rgba(107, 130, 250, 0.3) !important;\r\n        font-size: 16px !important;\r\n        border: none !important;\r\n        cursor: pointer !important;\r\n    }\r\n\r\n    .ads-strict-btn:hover {\r\n        transform: translateY(-3px) !important;\r\n        box-shadow: 0 15px 25px rgba(107, 130, 250, 0.4) !important;\r\n    }\r\n\r\n    \/* --- MOBILE RESPONSIVE --- *\/\r\n    @media (max-width: 900px) {\r\n        .ads-strict-wrapper {\r\n            flex-direction: column-reverse !important;\r\n            padding: 30px 15px !important;\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ads-strict-content {\r\n            text-align: center !important;\r\n        }\r\n\r\n        .ads-strict-desc {\r\n            border-left: none !important;\r\n            border-top: 4px solid #F5A8A8 !important;\r\n            padding-left: 0 !important;\r\n            padding-top: 20px !important;\r\n        }\r\n\r\n        .ads-strict-stats-box {\r\n            flex-direction: column !important;\r\n            gap: 20px !important;\r\n        }\r\n\r\n        .ads-strict-stat-item {\r\n            align-items: center !important;\r\n        }\r\n\r\n        .ads-strict-divider {\r\n            width: 50% !important;\r\n            height: 1px !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ads-strict-wrapper\">\r\n    \r\n    <div class=\"ads-strict-img-box\">\r\n        <div class=\"ads-strict-blob\"><\/div>\r\n        <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Social-Media-Marketing-Services.webp\" alt=\"Social Media Marketing\" class=\"ads-strict-img\">\r\n    <\/div>\r\n\r\n    <div class=\"ads-strict-content\">\r\n        <div class=\"ads-strict-badge\">Our Services<\/div>\r\n        \r\n        <h2 class=\"ads-strict-heading\">\r\n            Get the Best & Most <br>\r\n            <span>Creative Results.<\/span>\r\n        <\/h2>\r\n        \r\n        <p class=\"ads-strict-desc\">\r\n            At Aspire Digital Solutions, we don\u2019t just market brands\u2014we transform them. With a data-driven approach and cutting-edge strategies, we help businesses dominate the digital space and achieve sustainable growth.\r\n        <\/p>\r\n\r\n        <div class=\"ads-strict-stats-box\">\r\n            <div class=\"ads-strict-stat-item\">\r\n                <span class=\"ads-strict-number\">7+<\/span>\r\n                <span class=\"ads-strict-label\">Years Experience<\/span>\r\n            <\/div>\r\n            \r\n            <div class=\"ads-strict-divider\"><\/div>\r\n            \r\n            <div class=\"ads-strict-stat-item\">\r\n                <span class=\"ads-strict-number\">500+<\/span>\r\n                <span class=\"ads-strict-label\">Local Clients<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"ads-strict-divider\"><\/div>\r\n\r\n            <div class=\"ads-strict-stat-item\">\r\n                <span class=\"ads-strict-number\">100%<\/span>\r\n                <span class=\"ads-strict-label\">Success Rate<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <a href=\"#contact\" class=\"ads-strict-btn\">Transform Your Brand<\/a>\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-5917b03 e-con-full e-flex e-con e-parent\" data-id=\"5917b03\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-64b90c7 elementor-widget elementor-widget-html\" data-id=\"64b90c7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- IMPORTS --- *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700&family=Inter:wght@300;400;500;600&display=swap');\r\n\r\n    \/* --- MASTER WRAPPER (Reset & Layout) --- *\/\r\n    .ads-ultimate-wrapper {\r\n        all: initial !important; \/* Forces a clean slate *\/\r\n        display: block !important;\r\n        position: relative !important;\r\n        width: 100% !important;\r\n        padding: 100px 20px !important;\r\n        font-family: 'Inter', sans-serif !important;\r\n        overflow: hidden !important;\r\n        box-sizing: border-box !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    .ads-ultimate-wrapper * {\r\n        box-sizing: border-box !important;\r\n    }\r\n\r\n    \/* --- BACKGROUND VIDEO SETUP --- *\/\r\n    .ads-bg-video-container {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        z-index: -2 !important;\r\n        overflow: hidden !important;\r\n    }\r\n\r\n    .ads-bg-video {\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        object-fit: cover !important;\r\n        opacity: 0.5 !important; \/* Slightly darker for text readability *\/\r\n    }\r\n\r\n    \/* Gradient Overlay to make text pop *\/\r\n    .ads-bg-overlay {\r\n        position: absolute !important;\r\n        top: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 100% !important;\r\n        background: linear-gradient(180deg, #050505 0%, rgba(5,5,5,0.85) 50%, #050505 100%) !important;\r\n        z-index: -1 !important;\r\n    }\r\n\r\n    \/* --- HEADER SECTION --- *\/\r\n    .ads-header-content {\r\n        text-align: center !important;\r\n        margin-bottom: 60px !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n    }\r\n\r\n    .ads-badge {\r\n        display: inline-block !important;\r\n        background: rgba(107, 130, 250, 0.15) !important;\r\n        color: #6B82FA !important;\r\n        border: 1px solid rgba(107, 130, 250, 0.3) !important;\r\n        padding: 8px 20px !important;\r\n        border-radius: 50px !important;\r\n        font-family: 'Outfit', sans-serif !important;\r\n        font-weight: 700 !important;\r\n        font-size: 13px !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 2px !important;\r\n        backdrop-filter: blur(5px) !important;\r\n        margin-bottom: 20px !important;\r\n    }\r\n\r\n    .ads-main-heading {\r\n        font-family: 'Outfit', sans-serif !important;\r\n        font-size: 48px !important;\r\n        font-weight: 700 !important;\r\n        color: #ffffff !important;\r\n        line-height: 1.2 !important;\r\n        margin: 0 !important;\r\n        text-shadow: 0 10px 30px rgba(0,0,0,0.5) !important;\r\n    }\r\n\r\n    .ads-main-heading span {\r\n        background: linear-gradient(90deg, #6B82FA, #F5A8A8) !important;\r\n        -webkit-background-clip: text !important;\r\n        -webkit-text-fill-color: transparent !important;\r\n    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .ads-grid-container {\r\n        display: grid !important;\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)) !important;\r\n        gap: 30px !important;\r\n        max-width: 1300px !important;\r\n        margin: 0 auto !important;\r\n        position: relative !important;\r\n        z-index: 2 !important;\r\n        align-items: start !important;\r\n    }\r\n\r\n    \/* --- CARD DESIGN (Glassmorphism) --- *\/\r\n    .ads-glass-card {\r\n        background: rgba(255, 255, 255, 0.03) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        backdrop-filter: blur(15px) !important;\r\n        -webkit-backdrop-filter: blur(15px) !important;\r\n        border-radius: 20px !important;\r\n        padding: 35px 30px !important;\r\n        overflow: hidden !important;\r\n        position: relative !important;\r\n        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;\r\n        cursor: pointer !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        \r\n        \/* EXPAND LOGIC: Initial Fixed Height *\/\r\n        min-height: 0 !important;\r\n        max-height: 340px !important; \/* Compact View Height *\/\r\n    }\r\n\r\n    \/* --- HOVER STATE --- *\/\r\n    .ads-glass-card:hover {\r\n        background: rgba(15, 15, 20, 0.9) !important; \/* Darker bg for readability *\/\r\n        border-color: #6B82FA !important;\r\n        box-shadow: 0 20px 60px rgba(0,0,0,0.6) !important;\r\n        transform: translateY(-10px) !important;\r\n        z-index: 10 !important;\r\n        \r\n        \/* EXPAND LOGIC: Full Height *\/\r\n        max-height: 1200px !important; \/* Opens to fit content *\/\r\n    }\r\n\r\n    \/* Glowing Top Border on Hover *\/\r\n    .ads-glass-card::before {\r\n        content: '' !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important;\r\n        width: 100% !important; height: 3px !important;\r\n        background: linear-gradient(90deg, #6B82FA, #F5A8A8) !important;\r\n        opacity: 0 !important;\r\n        transition: opacity 0.4s ease !important;\r\n    }\r\n    \r\n    .ads-glass-card:hover::before {\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    \/* --- CARD CONTENT --- *\/\r\n    \/* Icon Box *\/\r\n    .ads-icon-wrapper {\r\n        width: 65px !important;\r\n        height: 65px !important;\r\n        background: rgba(255, 255, 255, 0.05) !important;\r\n        border-radius: 14px !important;\r\n        display: flex !important;\r\n        align-items: center !important;\r\n        justify-content: center !important;\r\n        margin-bottom: 25px !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        transition: 0.4s !important;\r\n    }\r\n\r\n    .ads-glass-card:hover .ads-icon-wrapper {\r\n        background: #6B82FA !important;\r\n        border-color: #6B82FA !important;\r\n    }\r\n\r\n    .ads-icon-wrapper svg {\r\n        width: 30px !important;\r\n        height: 30px !important;\r\n        fill: #6B82FA !important;\r\n        transition: 0.4s !important;\r\n    }\r\n\r\n    .ads-glass-card:hover .ads-icon-wrapper svg {\r\n        fill: #ffffff !important;\r\n    }\r\n\r\n    \/* Titles *\/\r\n    .ads-card-title {\r\n        font-family: 'Outfit', sans-serif !important;\r\n        font-size: 22px !important;\r\n        font-weight: 700 !important;\r\n        color: #ffffff !important;\r\n        margin: 0 0 10px 0 !important;\r\n        line-height: 1.3 !important;\r\n    }\r\n\r\n    \/* Intro Description *\/\r\n    .ads-card-intro {\r\n        font-size: 14px !important;\r\n        color: #b0b0b0 !important;\r\n        margin-bottom: 15px !important;\r\n        line-height: 1.6 !important;\r\n        display: block !important;\r\n    }\r\n\r\n    \/* --- HIDDEN LIST CONTENT --- *\/\r\n    .ads-full-content {\r\n        opacity: 0 !important;\r\n        transition: opacity 0.4s ease 0.1s !important;\r\n        margin-top: 15px !important;\r\n        border-top: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        padding-top: 15px !important;\r\n    }\r\n\r\n    .ads-glass-card:hover .ads-full-content {\r\n        opacity: 1 !important;\r\n    }\r\n\r\n    .ads-list-row {\r\n        display: flex !important;\r\n        align-items: flex-start !important;\r\n        margin-bottom: 10px !important;\r\n        font-size: 13px !important;\r\n        color: #d0d0d0 !important;\r\n        line-height: 1.5 !important;\r\n    }\r\n\r\n    .ads-check-mark {\r\n        color: #F5A8A8 !important; \/* Brand Pink *\/\r\n        margin-right: 10px !important;\r\n        font-weight: bold !important;\r\n        min-width: 15px !important;\r\n    }\r\n\r\n    \/* Button Link *\/\r\n    .ads-btn-link {\r\n        display: inline-block !important;\r\n        margin-top: 15px !important;\r\n        font-size: 13px !important;\r\n        color: #6B82FA !important;\r\n        font-weight: 600 !important;\r\n        text-decoration: none !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n    \r\n    .ads-btn-link:hover {\r\n        color: #ffffff !important;\r\n        text-decoration: underline !important;\r\n    }\r\n\r\n    \/* --- \"VIEW DETAILS\" HINT (Fade Effect) --- *\/\r\n    .ads-fade-hint {\r\n        position: absolute !important;\r\n        bottom: 0 !important;\r\n        left: 0 !important;\r\n        width: 100% !important;\r\n        height: 80px !important;\r\n        background: linear-gradient(to top, rgba(5,5,5,0.9), transparent) !important;\r\n        display: flex !important;\r\n        align-items: flex-end !important;\r\n        justify-content: center !important;\r\n        padding-bottom: 20px !important;\r\n        color: #6B82FA !important;\r\n        font-size: 12px !important;\r\n        letter-spacing: 1px !important;\r\n        text-transform: uppercase !important;\r\n        pointer-events: none !important;\r\n        transition: opacity 0.3s !important;\r\n    }\r\n\r\n    .ads-glass-card:hover .ads-fade-hint {\r\n        opacity: 0 !important;\r\n    }\r\n\r\n    \/* --- MOBILE RESPONSIVE --- *\/\r\n    @media (max-width: 768px) {\r\n        .ads-grid-container {\r\n            grid-template-columns: 1fr !important;\r\n        }\r\n        \r\n        .ads-main-heading {\r\n            font-size: 32px !important;\r\n        }\r\n\r\n        \/* Mobile Interaction: Tap to expand *\/\r\n        .ads-glass-card {\r\n            max-height: 300px !important;\r\n        }\r\n        \r\n        \/* Using focus-within for tap support *\/\r\n        .ads-glass-card:active,\r\n        .ads-glass-card:focus-within {\r\n            max-height: 1500px !important;\r\n            background: rgba(10, 10, 15, 0.95) !important;\r\n            z-index: 20 !important;\r\n        }\r\n        \r\n        .ads-glass-card:active .ads-full-content,\r\n        .ads-glass-card:focus-within .ads-full-content {\r\n            opacity: 1 !important;\r\n        }\r\n        \r\n        .ads-glass-card:active .ads-fade-hint,\r\n        .ads-glass-card:focus-within .ads-fade-hint {\r\n            opacity: 0 !important;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"ads-ultimate-wrapper\">\r\n    \r\n    <div class=\"ads-bg-video-container\">\r\n        <video class=\"ads-bg-video\" autoplay muted loop playsinline>\r\n            <source src=\"https:\/\/cdn.pixabay.com\/video\/2023\/08\/31\/178501-860033423_large.mp4\" type=\"video\/mp4\">\r\n        <\/video>\r\n        <div class=\"ads-bg-overlay\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ads-header-content\">\r\n        <span class=\"ads-badge\">What We Do<\/span>\r\n        <h2 class=\"ads-main-heading\">Turning Digital Platforms into <br> <span>Meaningful Impact<\/span><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"ads-grid-container\">\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">SEO Optimization<\/h3>\r\n            <span class=\"ads-card-intro\">Improve Rankings & Increase Organic Traffic globally.<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> On-Page SEO (Content, Keywords, Structure)<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Off-Page SEO (Backlinks, Guest Posting)<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Technical SEO (Site Speed, Mobile Opt)<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Local SEO (GMB, Citations)<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> E-commerce SEO Strategies<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> AI-Powered Content Marketing<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/seo\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">Google Ads (PPC)<\/h3>\r\n            <span class=\"ads-card-intro\">Drive Instant Leads & Maximize ROI efficiently.<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Search Ads & Display Ads<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Shopping Ads for eCommerce<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Remarketing & Retargeting<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> A\/B Testing & Optimization<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Real-time Performance Tracking<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/google-ads\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">Website Development<\/h3>\r\n            <span class=\"ads-card-intro\">Optimized, Secure & Fast-Loading Websites.<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> SEO-friendly, Mobile-responsive<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Fast-loading & Secure<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Custom WordPress & Shopify<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> WooCommerce Development<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> UI\/UX Focused Design<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Conversion Landing Pages<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/web-development\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M18 16.08c-.76 0-1.44.3-1.96.77L8.91 12.7c.05-.23.09-.46.09-.7s-.04-.47-.09-.7l7.05-4.11c.54.5 1.25.81 2.04.81 1.66 0 3-1.34 3-3s-1.34-3-3-3-3 1.34-3 3c0 .24.04.47.09.7L8.04 9.81C7.5 9.31 6.79 9 6 9c-1.66 0-3 1.34-3 3s1.34 3 3 3c.79 0 1.5-.31 2.04-.81l7.12 4.16c-.05.21-.08.43-.08.65 0 1.61 1.31 2.92 2.92 2.92 1.61 0 2.92-1.31 2.92-2.92s-1.31-2.92-2.92-2.92z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">Meta Ads<\/h3>\r\n            <span class=\"ads-card-intro\">Expand Reach with Precision Targeting (FB\/Insta).<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Facebook & Instagram Ads<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Lead Generation Campaigns<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Retargeting & Lookalike Audiences<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Video & Carousel Ads<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Performance Monitoring<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/meta-ads\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M1 21h4V9H1v12zm22-11c0-1.1-.9-2-2-2h-6.31l.95-4.57.03-.32c0-.41-.17-.79-.44-1.06L14.17 1 7.59 7.59C7.22 7.95 7 8.45 7 9v10c0 1.1.9 2 2 2h9c.83 0 1.54-.5 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-2z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">Social Media Marketing<\/h3>\r\n            <span class=\"ads-card-intro\">Strengthen Online Presence & Brand Awareness.<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> FB, Insta, LinkedIn, Twitter, YT<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Content Creation (Reels, Posts)<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Paid Social Advertising<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Community Management<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Influencer Marketing<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/social-media-marketing\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">Branding & Identity<\/h3>\r\n            <span class=\"ads-card-intro\">Build a Strong Identity & Lasting Impressions.<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Logo & Identity Design<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Corporate Branding<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Marketing Collaterals<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Social Media Graphics<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/branding\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">Email Marketing<\/h3>\r\n            <span class=\"ads-card-intro\">Nurture Leads & Boost Conversions effectively.<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Personalized Email Campaigns<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Automated Drip Campaigns<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Promotional & Newsletters<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Cart Abandonment Recovery<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Analytics & A\/B Testing<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/email-marketing\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-glass-card\" tabindex=\"0\">\r\n            <div class=\"ads-icon-wrapper\">\r\n                 <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z\"\/><\/svg>\r\n            <\/div>\r\n            <h3 class=\"ads-card-title\">Graphic Designing<\/h3>\r\n            <span class=\"ads-card-intro\">Visually Stunning Digital Presence & Designs.<\/span>\r\n            \r\n            <div class=\"ads-full-content\">\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Custom Website Design<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> UX\/UI Design<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Landing Page Design<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Motion Graphics & Video<\/div>\r\n                <div class=\"ads-list-row\"><span class=\"ads-check-mark\">\u2714<\/span> Print & Digital Collaterals<\/div>\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/graphic-designing\/\" class=\"ads-btn-link\">Learn More \u2192<\/a>\r\n            <\/div>\r\n            <div class=\"ads-fade-hint\">View Details +<\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Services SEO Optimization Google Ads (PPC) Website Development Social Media Marketing Branding Strategy Email Marketing Graphic Designing Content Marketing SEO Optimization Google Ads (PPC) Website Development Social Media Marketing Branding Strategy Email Marketing Graphic Designing Content Marketing Our Services Get the Best &#038; Most Creative Results. At Aspire Digital Solutions, we don\u2019t just market [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-14","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/14","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=14"}],"version-history":[{"count":75,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/14\/revisions"}],"predecessor-version":[{"id":20125,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/14\/revisions\/20125"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=14"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}