Aspire Widget<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \/\/ Prevents class conflicts\r\n important: '#aspire-widget-root', \/\/ High Priority\r\n corePlugins: {\r\n preflight: false, \/\/ DISABLES Global Reset (Critical for Widgets)\r\n },\r\n theme: {\r\n extend: {\r\n colors: {\r\n navy: '#0F172A',\r\n brandBlue: '#4F75FF',\r\n brandPink: '#FF4D6D',\r\n slateDark: '#1E293B',\r\n slateLight: '#64748B',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n },\r\n animation: {\r\n 'spin-slow': 'spin 15s linear infinite',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" 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:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n <style>\r\n \/* --- SCOPED CSS RESET (Safety Layer) --- *\/\r\n #aspire-widget-root {\r\n font-family: 'Manrope', sans-serif;\r\n color: #1E293B;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n \/* Restore Defaults manually since we disabled preflight *\/\r\n width: 100%;\r\n display: block;\r\n position: relative;\r\n }\r\n\r\n \/* Reset Box Model inside Widget Only *\/\r\n #aspire-widget-root *, \r\n #aspire-widget-root *::before, \r\n #aspire-widget-root *::after {\r\n box-sizing: border-box;\r\n border-width: 0;\r\n border-style: solid;\r\n border-color: #e5e7eb;\r\n }\r\n\r\n \/* Form Elements Fix *\/\r\n #aspire-widget-root button,\r\n #aspire-widget-root input,\r\n #aspire-widget-root select,\r\n #aspire-widget-root textarea {\r\n font-family: inherit;\r\n font-size: 100%;\r\n margin: 0;\r\n padding: 0;\r\n line-height: inherit;\r\n color: inherit;\r\n }\r\n\r\n \/* --- CUSTOM STYLES --- *\/\r\n \/* Custom Input Focus *\/\r\n .aspire-input:focus {\r\n box-shadow: 0 0 0 4px rgba(79, 117, 255, 0.15) !important;\r\n border-color: #4F75FF !important;\r\n background-color: #ffffff !important;\r\n }\r\n \r\n \/* Modal Animation Classes *\/\r\n .modal-enter { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }\r\n .modal-enter.is-open { opacity: 1; pointer-events: auto; }\r\n \r\n .modal-content { transform: scale(0.9); opacity: 0; transition: all 0.3s ease; }\r\n .is-open .modal-content { transform: scale(1); opacity: 1; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"aspire-widget-root\">\r\n \r\n <div class=\"tw-relative tw-w-full tw-min-h-[85vh] tw-flex tw-items-center tw-py-12 lg:tw-py-0 tw-overflow-hidden tw-bg-white\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-pointer-events-none tw-z-0\">\r\n <div class=\"tw-absolute -tw-top-[10%] -tw-left-[5%] tw-w-[500px] tw-h-[500px] tw-bg-blue-100 tw-rounded-full tw-blur-[100px] tw-opacity-60\"><\/div>\r\n <div class=\"tw-absolute tw-top-[30%] -tw-right-[10%] tw-w-[600px] tw-h-[600px] tw-bg-pink-100 tw-rounded-full tw-blur-[120px] tw-opacity-60\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-px-6 tw-relative tw-z-10\">\r\n <div class=\"tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center\">\r\n \r\n <div class=\"lg:tw-col-span-7 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left\">\r\n \r\n <div class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-flex tw-flex-col sm:tw-flex-row tw-items-center tw-gap-5 tw-mb-6 tw-justify-center lg:tw-justify-start\">\r\n <div class=\"tw-px-4 tw-py-2 tw-rounded-full tw-bg-blue-50 tw-border tw-border-blue-100 tw-flex tw-items-center tw-gap-2\">\r\n <span class=\"tw-relative tw-flex tw-h-2.5 tw-w-2.5\">\r\n <span class=\"tw-animate-ping tw-absolute tw-inline-flex tw-h-full tw-w-full tw-rounded-full tw-bg-blue-500 tw-opacity-75\"><\/span>\r\n <span class=\"tw-relative tw-inline-flex tw-rounded-full tw-h-2.5 tw-w-2.5 tw-bg-brandBlue\"><\/span>\r\n <\/span>\r\n <span class=\"tw-text-[11px] tw-font-extrabold tw-tracking-[1.5px] tw-uppercase tw-text-brandBlue\">Trusted by 1000+ Businesses<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-center tw-gap-1 tw-text-yellow-500\">\r\n <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\r\n <span class=\"tw-text-slateDark tw-text-sm tw-font-bold tw-ml-2\">4.9\/5 (150+ Reviews)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <h1 class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-font-extrabold tw-text-5xl sm:tw-text-6xl lg:tw-text-[4.5rem] xl:tw-text-[5rem] tw-leading-[1.1] tw-tracking-tight tw-mb-6 tw-text-slateDark\">\r\n Digital Marketing <br> \r\n Agency <span class=\"tw-relative tw-inline-block tw-italic tw-pr-2\">\r\n <span class=\"tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-brandPink tw-to-brandBlue\">in Mysore<\/span>\r\n <svg class=\"tw-absolute tw-bottom-2 tw-left-0 tw-w-full tw-h-3 sm:tw-h-4 tw-opacity-80\" viewBox=\"0 0 200 9\" fill=\"none\"><path d=\"M2 7C2 7 101.5 1 198 7\" stroke=\"url(#paint0_linear)\" stroke-width=\"3\" stroke-linecap=\"round\"\/><defs><linearGradient id=\"paint0_linear\" x1=\"2\" y1=\"7\" x2=\"198\" y2=\"7\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FF4D6D\"\/><stop offset=\"1\" stop-color=\"#4F75FF\"\/><\/linearGradient><\/defs><\/svg>\r\n <\/span>\r\n <\/h1>\r\n\r\n <p class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-text-lg sm:tw-text-xl tw-text-slateLight tw-font-medium tw-leading-relaxed tw-max-w-2xl tw-mx-auto lg:tw-mx-0 tw-mb-10\">\r\n We expertise in <strong class=\"tw-text-slateDark tw-border-b-2 tw-border-brandBlue\/20\">SEO, Google Ads, Social Media & Web Development.<\/strong> We don't just run ads; we build digital ecosystems that drive real revenue.\r\n <\/p>\r\n\r\n <div class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-flex tw-flex-col sm:tw-flex-row tw-gap-5 tw-justify-center lg:tw-justify-start tw-mb-12 tw-items-center\">\r\n <a href=\"tel:+917975327335\" class=\"tw-group tw-relative tw-px-8 tw-py-4 tw-bg-gradient-to-r tw-from-[#F43F5E] tw-to-[#6366F1] tw-text-white tw-font-bold tw-text-lg tw-rounded-xl tw-shadow-xl tw-shadow-brandBlue\/30 hover:tw-shadow-brandBlue\/50 tw-transition-all tw-duration-300 tw-transform hover:-tw-translate-y-1 tw-w-full sm:tw-w-auto tw-text-center tw-flex tw-items-center tw-justify-center tw-gap-3 tw-no-underline\">\r\n <span class=\"tw-relative tw-z-10 tw-flex tw-items-center tw-gap-2\"><i class=\"ri-phone-fill tw-text-xl\"><\/i> Call Now<\/span>\r\n <\/a>\r\n <button onclick=\"openModal()\" class=\"tw-px-8 tw-py-4 tw-bg-white tw-border-2 tw-border-slate-200 tw-text-slateDark tw-font-bold tw-text-lg tw-rounded-xl hover:tw-border-brandBlue\/30 hover:tw-bg-blue-50 tw-transition-all tw-duration-300 tw-transform hover:-tw-translate-y-1 tw-w-full sm:tw-w-auto tw-text-center tw-flex tw-items-center tw-justify-center tw-gap-3 tw-shadow-sm tw-cursor-pointer\">\r\n <i class=\"ri-calendar-event-line tw-text-brandBlue tw-text-xl\"><\/i> Free Consultation\r\n <\/button>\r\n <a href=\"https:\/\/wa.me\/917975327335\" target=\"_blank\" class=\"tw-w-16 tw-h-14 tw-bg-[#DCFCE7] tw-rounded-xl tw-flex tw-items-center tw-justify-center hover:tw-scale-110 tw-transition-transform tw-border tw-border-green-200 tw-shadow-sm tw-no-underline\" rel=\"noopener\">\r\n <i class=\"ri-whatsapp-line tw-text-3xl tw-text-[#22C55E]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-flex tw-flex-wrap tw-justify-center lg:tw-justify-start tw-gap-x-6 tw-gap-y-3 tw-text-sm tw-font-bold tw-text-slate-400 tw-pt-4\">\r\n <div class=\"tw-flex tw-items-center tw-gap-2\"><i class=\"ri-checkbox-circle-fill tw-text-brandBlue tw-text-lg\"><\/i> Free Strategy Call<\/div>\r\n <div class=\"tw-flex tw-items-center tw-gap-2\"><i class=\"ri-checkbox-circle-fill tw-text-brandBlue tw-text-lg\"><\/i> No Obligation Quote<\/div>\r\n <div class=\"tw-flex tw-items-center tw-gap-2\"><i class=\"ri-checkbox-circle-fill tw-text-brandBlue tw-text-lg\"><\/i> 7+ Years Experience<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hidden lg:tw-block lg:tw-col-span-5 tw-relative tw-h-[600px] tw-w-full tw-perspective-1000\">\r\n <div class=\"tw-absolute tw-top-[-10%] tw-right-[-20%] tw-w-[130%] tw-h-[120%] tw-flex tw-gap-5 tw-opacity-100 tw-rotate-[6deg] -tw-skew-x-2\">\r\n <div class=\"carousel-col-up tw-w-1\/2 tw-flex tw-flex-col tw-gap-5\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <\/div>\r\n <div class=\"carousel-col-down tw-w-1\/2 tw-flex tw-flex-col tw-gap-5 -tw-mt-20\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-absolute tw-bottom-10 tw-left-[-30px] tw-z-30\">\r\n <div class=\"tw-relative tw-w-32 tw-h-32 tw-flex tw-items-center tw-justify-center tw-bg-white tw-rounded-full tw-shadow-[0_10px_40px_rgba(0,0,0,0.1)] tw-border tw-border-gray-100\">\r\n <i class=\"ri-arrow-right-up-line tw-text-4xl tw-text-brandBlue\"><\/i>\r\n <svg class=\"tw-absolute tw-w-full tw-h-full tw-animate-spin-slow\" viewBox=\"0 0 100 100\">\r\n <path id=\"circlePath\" d=\"M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0\" fill=\"transparent\" \/>\r\n <text class=\"tw-text-[10px] tw-font-bold tw-fill-slateDark tw-uppercase tw-tracking-[2.5px]\"><textPath href=\"#circlePath\">\u2022 Aspire \u2022 Digital \u2022 Growth \u2022<\/textPath><\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"leadModal\" class=\"tw-fixed tw-inset-0 tw-z-[99999] tw-flex tw-items-center tw-justify-center tw-p-4 modal-enter\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-slate-900\/60 tw-backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\r\n \r\n <div id=\"modalContent\" class=\"modal-content tw-relative tw-bg-white tw-rounded-2xl sm:tw-rounded-3xl tw-shadow-2xl tw-w-full tw-max-w-[450px] tw-p-6 sm:tw-p-8\">\r\n \r\n <button onclick=\"closeModal()\" class=\"tw-absolute tw-top-3 tw-right-3 tw-text-slateLight hover:tw-text-brandPink hover:tw-bg-pink-50 tw-rounded-full tw-p-2 tw-transition-all tw-z-10\">\r\n <i class=\"ri-close-line tw-text-2xl\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"tw-text-center tw-mb-6\">\r\n <h3 class=\"tw-text-2xl sm:tw-text-3xl tw-font-extrabold tw-text-slateDark tw-mb-2\">Get Free Quote<\/h3>\r\n <p class=\"tw-text-sm tw-text-slateLight\">Fill the form below, our expert will call you shortly.<\/p>\r\n <\/div>\r\n\r\n <form id=\"aspireLeadForm\" class=\"tw-space-y-4\">\r\n <input type=\"hidden\" name=\"action\" value=\"aspire_save_lead\">\r\n <input type=\"hidden\" name=\"page_url\" id=\"page_url\">\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-slateLight tw-mb-1.5\">Full Name<\/label>\r\n <input type=\"text\" name=\"lead_name\" required placeholder=\"Ex: Rahul Sharma\" class=\"aspire-input tw-w-full tw-px-4 tw-py-3 tw-rounded-xl tw-outline-none tw-text-base tw-border tw-border-slate-200\">\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"tw-block tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-slateLight tw-mb-1.5\">Phone Number<\/label>\r\n <input type=\"tel\" name=\"lead_phone\" required placeholder=\"+91 98765 43210\" class=\"aspire-input tw-w-full tw-px-4 tw-py-3 tw-rounded-xl tw-outline-none tw-text-base tw-border tw-border-slate-200\">\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"tw-block tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-slateLight tw-mb-1.5\">Service Required<\/label>\r\n <div class=\"tw-relative\">\r\n <select name=\"lead_service\" class=\"aspire-input tw-w-full tw-px-4 tw-py-3 tw-rounded-xl tw-outline-none tw-text-base tw-border tw-border-slate-200 tw-appearance-none tw-cursor-pointer tw-bg-transparent\">\r\n <option value=\"SEO\">SEO (Ranking)<\/option>\r\n <option value=\"Digital Marketing\">Digital Marketing<\/option>\r\n <option value=\"Google Ads\">Google Ads<\/option>\r\n <option value=\"Web Development\">Web Development<\/option>\r\n <\/select>\r\n <div class=\"tw-absolute tw-inset-y-0 tw-right-0 tw-flex tw-items-center tw-px-4 tw-pointer-events-none tw-text-slateLight\">\r\n <i class=\"ri-arrow-down-s-line tw-text-lg\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"submitBtn\" class=\"tw-w-full tw-py-4 tw-mt-2 tw-bg-gradient-to-r tw-from-[#F43F5E] tw-to-[#6366F1] tw-text-white tw-font-bold tw-text-lg tw-rounded-xl tw-shadow-lg hover:tw-shadow-brandBlue\/40 tw-transition-all hover:-tw-translate-y-1\">\r\n Submit Request\r\n <\/button>\r\n \r\n <p id=\"formStatus\" class=\"tw-text-center tw-text-sm tw-font-bold tw-mt-3 tw-hidden\"><\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div> \r\n <script>\r\n document.getElementById('page_url').value = window.location.href;\r\n\r\n \/\/ --- Animations ---\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n gsap.to(\".anim-item\", { opacity: 1, y: 0, duration: 1, stagger: 0.15, ease: \"power3.out\", delay: 0.2 });\r\n gsap.to(\".carousel-col-up\", { y: \"-40%\", duration: 40, ease: \"none\", repeat: -1 });\r\n gsap.set(\".carousel-col-down\", { y: \"-40%\" });\r\n gsap.to(\".carousel-col-down\", { y: \"0%\", duration: 40, ease: \"none\", repeat: -1 });\r\n });\r\n\r\n \/\/ --- Modal Logic ---\r\n const modal = document.getElementById('leadModal');\r\n \r\n function openModal() {\r\n modal.classList.remove('tw-hidden');\r\n \/\/ Small delay for CSS transition\r\n requestAnimationFrame(() => {\r\n modal.classList.add('is-open');\r\n });\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('is-open');\r\n setTimeout(() => {\r\n modal.classList.add('tw-hidden');\r\n }, 300);\r\n }\r\n\r\n \/\/ --- Form Handling ---\r\n jQuery('#aspireLeadForm').on('submit', function(e) {\r\n e.preventDefault();\r\n var btn = jQuery('#submitBtn');\r\n var status = jQuery('#formStatus');\r\n var adminPhone = \"917975327335\"; \r\n\r\n btn.html('<i class=\"ri-loader-4-line tw-animate-spin\"><\/i> Processing...').prop('disabled', true);\r\n \r\n var formData = jQuery(this).serialize();\r\n var name = jQuery('input[name=\"lead_name\"]').val();\r\n var phone = jQuery('input[name=\"lead_phone\"]').val();\r\n var service = jQuery('select[name=\"lead_service\"]').val();\r\n var url = window.location.href;\r\n\r\n jQuery.ajax({\r\n url: '\/wp-admin\/admin-ajax.php',\r\n type: 'POST',\r\n data: formData,\r\n success: function(response) {\r\n btn.html('Submit Request').prop('disabled', false);\r\n if(response.success) {\r\n status.text('\u2705 Request Sent! Opening WhatsApp...').removeClass('tw-hidden tw-text-red-500').addClass('tw-text-green-600');\r\n document.getElementById(\"aspireLeadForm\").reset();\r\n \r\n var text = `*\ud83d\ude80 New Lead Alert!* %0A%0A\ud83d\udc64 *Name:* ${name} %0A\ud83d\udcde *Phone:* ${phone} %0A\ud83d\udcbc *Service:* ${service} %0A\ud83d\udd17 *Source:* ${url}`;\r\n window.open(`https:\/\/wa.me\/${adminPhone}?text=${text}`, '_blank');\r\n \r\n setTimeout(closeModal, 2000);\r\n } else {\r\n status.text('\u274c ' + response.data).removeClass('tw-hidden tw-text-green-600').addClass('tw-text-red-500');\r\n }\r\n },\r\n error: function() {\r\n btn.html('Submit Request').prop('disabled', false);\r\n status.text('\u274c Server Error').removeClass('tw-hidden tw-text-green-600').addClass('tw-text-red-500');\r\n }\r\n });\r\n });\r\n <\/script>\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-f4e6094 e-con-full e-flex e-con e-parent\" data-id=\"f4e6094\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40bedfb elementor-widget elementor-widget-html\" data-id=\"40bedfb\" 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=\"asp_split_widget\">\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\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 \/* --- SCOPED CSS --- *\/\r\n #asp_split_widget {\r\n --asw-bg: #F8FAFC;\r\n --asw-text: #0F172A;\r\n --asw-text-muted: #64748B;\r\n --asw-accent: #4F46E5;\r\n --asw-accent-light: #EEF2FF;\r\n --asw-card-bg: #ffffff;\r\n --asw-border: rgba(0,0,0,0.06);\r\n \r\n font-family: 'Inter', sans-serif;\r\n width: 100%;\r\n padding: 4rem 1.5rem;\r\n background: var(--asw-bg);\r\n \/* Background Grid Pattern *\/\r\n background-image: linear-gradient(#e2e8f0 1px, transparent 1px), linear-gradient(to right, #e2e8f0 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n }\r\n\r\n #asp_split_widget * { box-sizing: border-box; }\r\n\r\n .asw_container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- 1. TOP HEADING --- *\/\r\n .asw_heading_wrap {\r\n text-align: center;\r\n margin-bottom: 3.5rem;\r\n opacity: 0; \/* Hidden for animation *\/\r\n transform: translateY(20px);\r\n }\r\n\r\n .asw_heading_wrap h2 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 3rem;\r\n font-weight: 700;\r\n color: var(--asw-text);\r\n margin: 0 0 0.5rem 0;\r\n line-height: 1.1;\r\n }\r\n\r\n .asw_heading_wrap p {\r\n font-size: 1.1rem;\r\n color: var(--asw-text-muted);\r\n margin: 0;\r\n }\r\n\r\n \/* --- 2. TWO COLUMN LAYOUT --- *\/\r\n .asw_grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr; \/* 50% - 50% split *\/\r\n gap: 40px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* --- LEFT COLUMN (CONTENT) --- *\/\r\n .asw_left {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .asw_card {\r\n position: relative;\r\n background: var(--asw-card-bg);\r\n border: 1px solid var(--asw-border);\r\n padding: 1.5rem;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1.25rem;\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n opacity: 0; \/* Hidden for animation *\/\r\n transform: translateX(-30px);\r\n }\r\n\r\n .asw_card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px -10px rgba(0,0,0,0.08);\r\n border-color: rgba(79, 70, 229, 0.3);\r\n }\r\n\r\n \/* Spotlight Effect *\/\r\n .asw_spotlight {\r\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\r\n background: radial-gradient(300px circle at var(--x, 50%) var(--y, 50%), rgba(79, 70, 229, 0.04), transparent 40%);\r\n opacity: 0; pointer-events: none; transition: opacity 0.3s;\r\n }\r\n .asw_card:hover .asw_spotlight { opacity: 1; }\r\n\r\n .asw_icon {\r\n width: 48px; height: 48px;\r\n background: var(--asw-accent-light);\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--asw-accent);\r\n flex-shrink: 0;\r\n }\r\n .asw_icon svg { width: 22px; height: 22px; }\r\n\r\n .asw_info h3 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 1.1rem; font-weight: 700;\r\n margin: 0 0 5px 0; color: var(--asw-text);\r\n }\r\n\r\n .asw_info p, .asw_info a {\r\n font-size: 0.95rem; color: var(--asw-text-muted);\r\n line-height: 1.5; margin: 0; text-decoration: none; display: block;\r\n }\r\n\r\n .asw_link {\r\n font-weight: 600; color: var(--asw-text) !important;\r\n }\r\n .asw_link:hover { color: var(--asw-accent) !important; }\r\n\r\n \/* --- RIGHT COLUMN (MAP) --- *\/\r\n .asw_right {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.1);\r\n min-height: 400px;\r\n background: #e2e8f0;\r\n opacity: 0; \/* Hidden for animation *\/\r\n transform: translateX(30px);\r\n }\r\n\r\n .asw_right iframe {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border: none;\r\n \/* Filter for aesthetic map look *\/\r\n filter: saturate(0.8) contrast(1.1);\r\n display: block;\r\n }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 900px) {\r\n .asw_heading_wrap h2 { font-size: 2.25rem; }\r\n .asw_grid { grid-template-columns: 1fr; } \/* Stack columns *\/\r\n .asw_right { min-height: 300px; order: -1; } \/* Map on top on mobile *\/\r\n }\r\n <\/style>\r\n\r\n <div class=\"asw_container\">\r\n \r\n <div class=\"asw_heading_wrap\">\r\n <h2>Let's Start a Conversation<\/h2>\r\n <p>Visit our HQ or get in touch digitally.<\/p>\r\n <\/div>\r\n\r\n <div class=\"asw_grid\">\r\n \r\n <div class=\"asw_left\">\r\n \r\n <div class=\"asw_card\">\r\n <div class=\"asw_spotlight\"><\/div>\r\n <div class=\"asw_icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/><\/svg>\r\n <\/div>\r\n <div class=\"asw_info\">\r\n <h3>Phone<\/h3>\r\n <a href=\"tel:+917975327335\" class=\"asw_link\">+91 79753 27335<\/a>\r\n <p>Mon-Sat, 9am - 7pm<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"asw_card\">\r\n <div class=\"asw_spotlight\"><\/div>\r\n <div class=\"asw_icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\r\n <\/div>\r\n <div class=\"asw_info\">\r\n <h3>Email Support<\/h3>\r\n <a href=\"mailto:marketing@aspiredigitalsolutions.in\" class=\"asw_link\" style=\"word-break: break-all;\">marketing@aspiredigitalsolutions.in<\/a>\r\n <p>24\/7 Digital Support<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"asw_card\">\r\n <div class=\"asw_spotlight\"><\/div>\r\n <div class=\"asw_icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/><\/svg>\r\n <\/div>\r\n <div class=\"asw_info\">\r\n <h3>Headquarters<\/h3>\r\n <p>3\/D, 7th Cross Rd, Subhasnagara,<br>Rajendra Nagar, Mysuru, Karnataka 570007<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"asw_right\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3897.6907828112962!2d76.66050977453742!3d12.336587428483282!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3baf71826e22678b%3A0x7acaaae2b6db9daf!2sAspire%20Digital%20Solutions!5e0!3m2!1sen!2sin!4v1769125660399!5m2!1sen!2sin\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const tl = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"#asp_split_widget\",\r\n start: \"top 80%\", \r\n toggleActions: \"play none none none\"\r\n }\r\n });\r\n\r\n \/\/ 1. Heading Animation\r\n tl.to(\".asw_heading_wrap\", { opacity: 1, y: 0, duration: 0.8, ease: \"power2.out\" })\r\n \r\n \/\/ 2. Left Cards Stagger\r\n .to(\".asw_card\", { opacity: 1, x: 0, duration: 0.8, stagger: 0.15, ease: \"back.out(1.2)\" }, \"-=0.4\")\r\n \r\n \/\/ 3. Right Map Fade In\r\n .to(\".asw_right\", { opacity: 1, x: 0, duration: 1, ease: \"power3.out\" }, \"-=0.8\");\r\n\r\n \/\/ Spotlight Logic\r\n document.querySelectorAll('.asw_card').forEach(card => {\r\n card.addEventListener('mousemove', (e) => {\r\n const rect = card.getBoundingClientRect();\r\n card.style.setProperty('--x', `${e.clientX - rect.left}px`);\r\n card.style.setProperty('--y', `${e.clientY - rect.top}px`);\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-422ef0a e-con-full e-flex e-con e-parent\" data-id=\"422ef0a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc4bc3 elementor-widget elementor-widget-html\" data-id=\"1cc4bc3\" 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_services_final\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_services_final', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\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 #aspire_services_final {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f1f5f9;\r\n overflow: hidden;\r\n }\r\n #aspire_services_final * { box-sizing: border-box; }\r\n\r\n .asp_card_img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .service-card:hover .asp_card_img {\r\n transform: scale(1.1);\r\n }\r\n \r\n .service-card:hover .asp_icon_box {\r\n transform: scale(1.1) rotate(-5deg);\r\n background-color: #4F46E5;\r\n color: white;\r\n border-color: #4F46E5;\r\n }\r\n .reveal-element { visibility: hidden; }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-24 tw-px-6\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?q=80&w=2070&auto=format&fit=crop\" \r\n class=\"tw-w-full tw-h-full tw-object-cover tw-filter tw-blur-[10px] tw-opacity-50\" \r\n alt=\"Background\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-white\/60\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-relative tw-z-10 tw-max-w-6xl\">\r\n \r\n <div class=\"tw-text-center tw-mb-16 reveal-element\" id=\"asp_header_anim\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-5 tw-rounded-full tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-5 tw-shadow-sm\">\r\n Our Expertise\r\n <\/span>\r\n <h2 class=\"tw-text-4xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-6 tw-leading-tight\">\r\n Comprehensive Digital <br>\r\n <span class=\"tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-blue-600 tw-to-indigo-600\">Marketing Solutions<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-max-w-2xl tw-mx-auto tw-leading-relaxed\">\r\n From SEO to social media, we offer end-to-end digital marketing services tailored to grow your business in Mysore and beyond.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-8\" id=\"asp_cards_grid\">\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572021335469-31706a17aaef?q=80&w=1000&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"SEO\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">SEO Services<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Dominate search rankings with data-driven strategies. We increase your organic traffic and online visibility.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Keyword Research<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">On-Page SEO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&w=1000&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Ads\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Google Ads (PPC)<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Maximize ROI with targeted campaigns. Get instant visibility and qualified leads when it matters most.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Search Ads<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Remarketing<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162618071-b39a2ec055fb?q=80&w=1074&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Social\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 00-3 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Social Media Marketing<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Build brand awareness and engage your audience across all major social platforms with creative content.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Content<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Paid Social<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?q=80&w=1000&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Web\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Web Development<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Custom, responsive websites that convert visitors into customers. Built for performance and speed.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">E-commerce<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Custom Design<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590102425712-1c28a0d6b85b?q=80&w=1170&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Branding\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Branding & Design<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Create a memorable brand identity that stands out. We design logos and visuals that connect with your audience.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Logo Design<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Graphics<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562577309-2592ab84b1bc?q=80&w=1074&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Local\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Local SEO<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Dominate local search results. We optimize your GMB profile to attract nearby customers to your business.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">GMB Optimization<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Local Citations<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ 1. Header Animation\r\n gsap.to(\"#asp_header_anim\", {\r\n scrollTrigger: {\r\n trigger: \"#aspire_services_v4\",\r\n start: \"top 80%\",\r\n },\r\n autoAlpha: 1, \r\n y: 0,\r\n duration: 1,\r\n ease: \"power2.out\",\r\n onStart: () => { gsap.set(\"#asp_header_anim\", { y: 50, autoAlpha: 0 }); }\r\n });\r\n\r\n \/\/ 2. Cards Animation\r\n gsap.fromTo(\".service-card\", \r\n { autoAlpha: 0, y: 100 }, \r\n { \r\n autoAlpha: 1, \r\n y: 0, \r\n duration: 0.8, \r\n stagger: 0.15, \r\n ease: \"back.out(1.2)\", \r\n scrollTrigger: {\r\n trigger: \"#asp_cards_grid\",\r\n start: \"top 85%\", \r\n }\r\n }\r\n );\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-793e379 e-con-full e-flex e-con e-parent\" data-id=\"793e379\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ff4b88 elementor-widget elementor-widget-html\" data-id=\"8ff4b88\" 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_about_root\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_about_root', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo 600\r\n brandDark: '#3730a3',\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\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 #aspire_about_root {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #ffffff;\r\n overflow: hidden;\r\n }\r\n #aspire_about_root * { box-sizing: border-box; }\r\n\r\n \/* Blob Animation *\/\r\n @keyframes float-blob {\r\n 0% { transform: translate(0px, 0px) scale(1); }\r\n 33% { transform: translate(30px, -50px) scale(1.1); }\r\n 66% { transform: translate(-20px, 20px) scale(0.9); }\r\n 100% { transform: translate(0px, 0px) scale(1); }\r\n }\r\n .anim-blob {\r\n animation: float-blob 7s infinite ease-in-out;\r\n }\r\n \r\n .stat-card {\r\n transition: transform 0.3s ease;\r\n }\r\n .stat-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-6 lg:tw-py-28\">\r\n \r\n <div class=\"tw-absolute tw-top-0 tw-right-0 tw-w-96 tw-h-96 tw-bg-indigo-50 tw-rounded-full tw-filter tw-blur-3xl tw-opacity-50 anim-blob tw--z-10\"><\/div>\r\n <div class=\"tw-absolute tw-bottom-0 tw-left-0 tw-w-72 tw-h-72 tw-bg-blue-50 tw-rounded-full tw-filter tw-blur-3xl tw-opacity-50 anim-blob tw--z-10\" style=\"animation-delay: 2s\"><\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-max-w-7xl\">\r\n \r\n <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-16 tw-items-center\">\r\n \r\n <div class=\"tw-content-col\">\r\n \r\n <div class=\"reveal-text\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-indigo-50 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n About Us\r\n <\/span>\r\n <h2 class=\"tw-text-3xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-6 tw-leading-tight\">\r\n Your Trusted Growth Partner in <span class=\"tw-text-brand\">Karnataka.<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-mb-6 tw-leading-relaxed\">\r\n For over 7 years, Aspire Digital Solutions has been the driving force behind successful businesses across Mysore and Karnataka. We aren't just another agency; we are your dedicated partners committed to transforming your online presence into a revenue-generating asset.\r\n <\/p>\r\n <p class=\"tw-text-base tw-text-muted tw-mb-8 tw-leading-relaxed\">\r\n Whether you're a local restaurant, a growing e-commerce brand, or a service provider, our certified experts combine creativity with data-driven strategies to help you stand out.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4 tw-mb-10 reveal-text\">\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Serving Mysore, Bangalore & Mandya<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Data-driven strategies<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Dedicated account managers<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Transparent reporting<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Proven ROI track record<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">SMB Growth Specialists<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal-text\">\r\n <button onclick=\"document.getElementById('aspire_contact_wrapper_v2').scrollIntoView({behavior: 'smooth'})\" class=\"tw-px-8 tw-py-4 tw-bg-brand tw-text-white tw-font-bold tw-rounded-xl tw-shadow-lg hover:tw-bg-indigo-700 hover:tw-shadow-xl tw-transition-all tw-transform hover:-tw-translate-y-1\">\r\n Start Your Growth Journey\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-relative\">\r\n \r\n <div class=\"tw-relative tw-z-10 reveal-img\">\r\n <div class=\"tw-rounded-3xl tw-overflow-hidden tw-shadow-2xl tw-border-4 tw-border-white\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop\" alt=\"Team Working\" class=\"tw-w-full tw-h-auto tw-object-cover\">\r\n <\/div>\r\n\r\n <div class=\"tw-absolute -tw-bottom-10 -tw-left-6 md:-tw-left-10 tw-bg-white tw-p-6 tw-rounded-2xl tw-shadow-xl tw-border tw-border-slate-100 tw-flex tw-items-center tw-gap-4 tw-max-w-[200px] anim-badge\">\r\n <div class=\"tw-bg-indigo-50 tw-p-3 tw-rounded-full tw-text-brand\">\r\n <svg class=\"tw-w-8 tw-h-8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"tw-block tw-text-3xl tw-font-extrabold tw-text-dark\">7+<\/span>\r\n <span class=\"tw-text-xs tw-text-muted tw-font-bold tw-uppercase\">Years of Excellence<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-2 md:tw-grid-cols-3 tw-gap-6 tw-mt-16 reveal-stats\">\r\n <div class=\"stat-card tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-sm tw-border tw-border-slate-100 tw-text-center\">\r\n <h3 class=\"tw-text-3xl tw-font-extrabold tw-text-brand tw-mb-1\"><span class=\"counter\" data-target=\"1000\">0<\/span>+<\/h3>\r\n <p class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase\">Clients Served<\/p>\r\n <\/div>\r\n <div class=\"stat-card tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-sm tw-border tw-border-slate-100 tw-text-center\">\r\n <h3 class=\"tw-text-3xl tw-font-extrabold tw-text-brand tw-mb-1\"><span class=\"counter\" data-target=\"50\">0<\/span>+<\/h3>\r\n <p class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase\">Cities Covered<\/p>\r\n <\/div>\r\n <div class=\"stat-card tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-sm tw-border tw-border-slate-100 tw-text-center tw-col-span-2 md:tw-col-span-1\">\r\n <h3 class=\"tw-text-3xl tw-font-extrabold tw-text-brand tw-mb-1\"><span class=\"counter\" data-target=\"98\">0<\/span>%<\/h3>\r\n <p class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase\">Satisfaction<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ 1. Text Animation (Left Col)\r\n gsap.from(\".reveal-text\", {\r\n y: 30,\r\n opacity: 0,\r\n duration: 0.8,\r\n stagger: 0.1,\r\n ease: \"power2.out\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_about_root\",\r\n start: \"top 75%\",\r\n }\r\n });\r\n\r\n \/\/ 2. Image Animation (Right Col)\r\n gsap.from(\".reveal-img\", {\r\n x: 50,\r\n opacity: 0,\r\n duration: 1,\r\n ease: \"power2.out\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_about_root\",\r\n start: \"top 75%\",\r\n }\r\n });\r\n\r\n \/\/ 3. Floating Badge Pop\r\n gsap.from(\".anim-badge\", {\r\n scale: 0,\r\n opacity: 0,\r\n duration: 0.6,\r\n delay: 0.5,\r\n ease: \"back.out(1.5)\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_about_root\",\r\n start: \"top 75%\",\r\n }\r\n });\r\n\r\n \/\/ 4. Number Counters Animation\r\n const counters = document.querySelectorAll('.counter');\r\n \r\n ScrollTrigger.create({\r\n trigger: \".reveal-stats\",\r\n start: \"top 85%\",\r\n once: true, \/\/ Run once\r\n onEnter: () => {\r\n \/\/ Fade in stats container\r\n gsap.from(\".stat-card\", {\r\n y: 20,\r\n opacity: 0,\r\n duration: 0.5,\r\n stagger: 0.1,\r\n ease: \"power2.out\"\r\n });\r\n\r\n \/\/ Animate Numbers\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-target');\r\n gsap.to(counter, {\r\n innerText: target,\r\n duration: 2,\r\n snap: { innerText: 1 }, \/\/ Snap to whole numbers\r\n ease: \"power2.out\"\r\n });\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-747b9eb e-con-full e-flex e-con e-parent\" data-id=\"747b9eb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52c124b elementor-widget elementor-widget-html\" data-id=\"52c124b\" 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_founder_v4\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_founder_v4', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_founder_v4 {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_founder_v4 * { box-sizing: border-box; }\r\n\r\n \/* The Overlay Curtain *\/\r\n .reveal-curtain {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-color: #ffffff;\r\n z-index: 20;\r\n transform-origin: top;\r\n }\r\n\r\n \/* Image Wrapper - FULL HEIGHT *\/\r\n .founder-img-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 24px;\r\n width: 100%;\r\n height: 100%; \r\n min-height: 500px; \r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transform: translateZ(0);\r\n }\r\n\r\n .main-img, .hover-img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0; left: 0;\r\n transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n }\r\n\r\n .hover-img { opacity: 0; z-index: 2; }\r\n\r\n .img-overlay-gradient {\r\n position: absolute; bottom: 0; left: 0; width: 100%; height: 40%;\r\n background: linear-gradient(to top, rgba(15, 23, 42, 0.4), transparent);\r\n z-index: 5; pointer-events: none;\r\n }\r\n\r\n \/* Cert Items Link Styling *\/\r\n .cert-card {\r\n transition: all 0.3s ease;\r\n border: 1px solid #e2e8f0;\r\n cursor: pointer;\r\n text-decoration: none; \/* Remove underline from links *\/\r\n display: flex; \/* Ensure flex layout works on <a> tag *\/\r\n }\r\n .cert-card:hover {\r\n border-color: #4F46E5;\r\n background-color: #EEF2FF;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px -5px rgba(0,0,0,0.05);\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-6 lg:tw-py-24\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop\" \r\n alt=\"Office Blur\" \r\n class=\"tw-w-full tw-h-full tw-object-cover tw-filter tw-blur-[8px] tw-opacity-60\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-white\/70\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-max-w-6xl tw-relative tw-z-10\">\r\n \r\n <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-12 tw-gap-12 lg:tw-gap-20 lg:tw-items-stretch\">\r\n \r\n <div class=\"lg:tw-col-span-5 tw-relative tw-z-10 tw-h-full\" id=\"founder_image_section\">\r\n \r\n <div class=\"founder-img-wrap cursor-pointer\" onmouseenter=\"hoverEffect(true)\" onmouseleave=\"hoverEffect(false)\">\r\n <div class=\"reveal-curtain\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Rehan-Studio-headshot.webp\" alt=\"Rehan Studio\" class=\"main-img\">\r\n <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Rehan-Laptop-shot.webp\" alt=\"Rehan Work\" class=\"hover-img\">\r\n <div class=\"img-overlay-gradient\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"exp_badge\" class=\"tw-absolute -tw-bottom-6 -tw-right-6 tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-2xl tw-border-l-4 tw-border-brand tw-z-30 tw-hidden md:tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"tw-bg-indigo-100 tw-p-2.5 tw-rounded-full tw-text-brand\">\r\n <i class=\"ri-medal-fill tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"tw-block tw-text-3xl tw-font-extrabold tw-text-dark tw-leading-none\">7+<\/span>\r\n <span class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide\">Years Exp.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-absolute -tw-top-10 -tw-left-10 tw--z-10\">\r\n <svg width=\"100\" height=\"100\" fill=\"none\" viewBox=\"0 0 100 100\">\r\n <pattern id=\"dots-v4\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n <circle cx=\"2\" cy=\"2\" r=\"2\" class=\"tw-text-slate-400\" fill=\"currentColor\" \/>\r\n <\/pattern>\r\n <rect width=\"100\" height=\"100\" fill=\"url(#dots-v4)\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:tw-col-span-7 tw-flex tw-flex-col tw-gap-6 tw-pt-4\">\r\n \r\n <div class=\"anim_content\">\r\n <span class=\"tw-inline-block tw-py-1 tw-px-3 tw-rounded-md tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-wider tw-mb-3\">\r\n Meet The Founder\r\n <\/span>\r\n <h2 class=\"tw-text-4xl lg:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-2\">\r\n Mohammed Rehan\r\n <\/h2>\r\n <p class=\"tw-text-xl tw-font-medium tw-text-brand\">\r\n Founder & Digital Marketing Strategist\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-space-y-4 anim_content\">\r\n <p class=\"tw-text-slate-600 tw-leading-relaxed tw-text-lg\">\r\n With over <strong class=\"tw-text-dark\">7 years of hands-on experience<\/strong>, Mohammed Rehan founded Aspire Digital Solutions with a vision to empower local businesses in Mysore and Karnataka. \r\n <\/p>\r\n <p class=\"tw-text-slate-600 tw-leading-relaxed\">\r\n A certified <strong>Google Ads & HubSpot professional<\/strong>, Rehan combines technical expertise with creative strategy to deliver campaigns that don't just look good\u2014they deliver measurable ROI.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 tw-gap-4 tw-mt-2 anim_content\">\r\n \r\n <a href=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Gads-Skillshop.pdf\" target=\"_blank\" class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-google-fill tw-text-3xl tw-text-blue-600\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark tw-flex tw-items-center tw-gap-1\">Google Ads Certified <i class=\"ri-external-link-line tw-text-xs tw-text-muted\"><\/i><\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">View Certificate<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Hubspot-Certification-Digital-marketing.webp\" target=\"_blank\" class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-hubspot-fill tw-text-3xl tw-text-orange-500\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark tw-flex tw-items-center tw-gap-1\">HubSpot Certified <i class=\"ri-external-link-line tw-text-xs tw-text-muted\"><\/i><\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">View Certificate<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <div class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-book-mark-fill tw-text-3xl tw-text-purple-600\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">MBA in Marketing<\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">Strategic Management<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-briefcase-4-fill tw-text-3xl tw-text-emerald-600\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">7+ Years Exp.<\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">Industry Veteran<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-mt-6 anim_content\">\r\n <a href=\"https:\/\/www.linkedin.com\/company\/aspire-digital-solution\/\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-4 tw-bg-[#0A66C2] tw-text-white tw-font-bold tw-rounded-xl tw-shadow-lg hover:tw-shadow-xl hover:tw-bg-[#004182] tw-transition-all hover:-tw-translate-y-1 tw-no-underline\" rel=\"noopener\">\r\n <i class=\"ri-linkedin-box-fill tw-text-2xl\"><\/i>\r\n <span>Let's Connect on LinkedIn<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let mainImgV4, hoverImgV4;\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n mainImgV4 = document.querySelector('#aspire_founder_v4 .main-img');\r\n hoverImgV4 = document.querySelector('#aspire_founder_v4 .hover-img');\r\n const badge = document.querySelector('#aspire_founder_v4 #exp_badge');\r\n\r\n \/\/ --- A. ENTRANCE ANIMATION --- \/\/\r\n const tl = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"#aspire_founder_v4\",\r\n start: \"top 75%\",\r\n toggleActions: \"play none none reverse\"\r\n }\r\n });\r\n\r\n \/\/ 1. Reveal Image\r\n tl.to(\"#aspire_founder_v4 .reveal-curtain\", {\r\n height: \"0%\",\r\n duration: 1.2,\r\n ease: \"power3.inOut\"\r\n })\r\n \/\/ 2. Scale Image\r\n .from(mainImgV4, {\r\n scale: 1.2,\r\n duration: 1.5,\r\n ease: \"power2.out\"\r\n }, \"-=1.2\")\r\n \/\/ 3. Stagger Text\r\n .from(\"#aspire_founder_v4 .anim_content\", {\r\n y: 30,\r\n opacity: 0,\r\n duration: 0.8,\r\n stagger: 0.1,\r\n ease: \"power2.out\"\r\n }, \"-=1.0\")\r\n \/\/ 4. Pop Badge\r\n .from(badge, {\r\n scale: 0,\r\n rotation: -15,\r\n opacity: 0,\r\n duration: 0.6,\r\n ease: \"back.out(1.7)\"\r\n }, \"-=0.5\");\r\n\r\n\r\n \/\/ --- B. MOUSE MOVE EFFECT FOR BADGE --- \/\/\r\n const imgSection = document.querySelector('#aspire_founder_v4 #founder_image_section');\r\n imgSection.addEventListener('mousemove', (e) => {\r\n const rect = imgSection.getBoundingClientRect();\r\n const x = (e.clientX - rect.left - rect.width \/ 2) \/ 20;\r\n const y = (e.clientY - rect.top - rect.height \/ 2) \/ 20;\r\n\r\n gsap.to(badge, {\r\n x: x,\r\n y: y,\r\n duration: 0.5,\r\n ease: \"power1.out\"\r\n });\r\n });\r\n imgSection.addEventListener('mouseleave', () => {\r\n gsap.to(badge, { x: 0, y: 0, duration: 0.5 });\r\n });\r\n });\r\n\r\n \/\/ --- C. HOVER IMAGE SWAP LOGIC --- \/\/\r\n function hoverEffect(isHovering) {\r\n if (isHovering) {\r\n gsap.to(hoverImgV4, { opacity: 1, scale: 1.05, duration: 0.5 });\r\n gsap.to(mainImgV4, { opacity: 0, scale: 1.1, duration: 0.5 });\r\n } else {\r\n gsap.to(hoverImgV4, { opacity: 0, scale: 1, duration: 0.5 });\r\n gsap.to(mainImgV4, { opacity: 1, scale: 1, duration: 0.5 });\r\n }\r\n }\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62deecb e-con-full e-flex e-con e-parent\" data-id=\"62deecb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-893f7e5 elementor-widget elementor-widget-html\" data-id=\"893f7e5\" 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_reviews_widget\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_reviews_widget', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_reviews_widget {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_reviews_widget * { box-sizing: border-box; }\r\n\r\n \/* Card Styling *\/\r\n .review-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 16px;\r\n padding: 24px;\r\n width: 350px; \/* Fixed width for carousel *\/\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n .review-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n border-color: #4F46E5;\r\n }\r\n\r\n \/* Avatar Circle *\/\r\n .avatar-circle {\r\n width: 40px; height: 40px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #e0e7ff, #c7d2fe);\r\n color: #4F46E5;\r\n display: flex; align-items: center; justify-content: center;\r\n font-weight: 700; font-size: 14px;\r\n }\r\n\r\n \/* Gradient fade for marquee edges *\/\r\n .marquee-overlay {\r\n position: absolute; top: 0; bottom: 0; width: 100px;\r\n z-index: 10; pointer-events: none;\r\n }\r\n .overlay-left { left: 0; background: linear-gradient(to right, #f8fafc, transparent); }\r\n .overlay-right { right: 0; background: linear-gradient(to left, #f8fafc, transparent); }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20\">\r\n \r\n <div class=\"tw-container tw-mx-auto tw-px-6 tw-mb-16 tw-text-center\">\r\n <span class=\"tw-inline-block tw-py-1 tw-px-3 tw-rounded-md tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-wider tw-mb-4\">\r\n Client Testimonials\r\n <\/span>\r\n <h2 class=\"tw-text-4xl tw-font-extrabold tw-text-dark tw-mb-4\">What Our Clients Say<\/h2>\r\n \r\n <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-center tw-justify-center tw-gap-4 tw-mt-6\">\r\n <div class=\"tw-text-5xl tw-font-extrabold tw-text-dark\">4.9<\/div>\r\n <div class=\"tw-text-left\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-xl\">\r\n <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-half-fill\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-muted tw-font-medium\">based on 150+ reviews on Google<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-relative tw-w-full tw-overflow-hidden\">\r\n <div class=\"marquee-overlay overlay-left\"><\/div>\r\n <div class=\"marquee-overlay overlay-right\"><\/div>\r\n\r\n <div class=\"tw-flex tw-gap-6 tw-mb-6 marquee-row-left\" style=\"width: max-content;\">\r\n <div class=\"tw-flex tw-gap-6\" id=\"row1-content\">\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Aspire Digital Solutions transformed our online presence completely. Our website traffic increased by 300% and sales have doubled since we started working with them.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">PS<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Priya Sharma<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Owner, Fashion Boutique<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"The Google Ads campaigns they managed for us delivered exceptional ROI. Their team is professional, responsive, and truly understands digital marketing.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">RK<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Rajesh Kumar<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Director, Tech Solutions<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Their social media strategy helped us build a community of 50K+ followers. The engagement and brand awareness we've gained is incredible.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">AR<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Anita Reddy<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Founder, Organic Foods<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Their local SEO expertise put us on the map \u2013 literally! We now get 20+ quality leads every month from Google. Highly recommended.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">MI<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Mohammed Imran<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">CEO, Construction Co.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-flex tw-gap-6 marquee-row-right\" style=\"width: max-content;\">\r\n <div class=\"tw-flex tw-gap-6\" id=\"row2-content\">\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Professional, creative, and results-driven. The team at Aspire Digital Solutions delivered beyond our expectations. Restaurant bookings increased significantly.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">KM<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Kavitha Murthy<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Manager, Restaurant Chain<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"From website development to digital marketing, they handled everything seamlessly. Great communication and impressive results. 5 stars all the way!\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">SR<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Suresh Rao<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Owner, Fitness Studio<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Real estate is competitive, but Aspire's lead generation strategies kept our pipeline full. The quality of leads has been outstanding compared to other agencies.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">AP<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Anand Patil<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Realtor, Mysore<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-half-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"We saw a 40% increase in student admissions this year thanks to their targeted Facebook ad campaigns. They truly care about client success.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">DH<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Deepa Hegde<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Director, EduAcademy<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-text-center tw-mt-12\">\r\n <a href=\"https:\/\/g.page\/r\/YOUR_GOOGLE_LINK\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-gap-2 tw-text-brand tw-font-bold tw-text-sm hover:tw-text-dark tw-transition-colors\">\r\n See all reviews on Google <i class=\"ri-arrow-right-line\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n \r\n \/\/ 1. DUPLICATE CONTENT FOR INFINITE SCROLL\r\n \/\/ We clone the content so GSAP has enough length to loop\r\n const row1 = document.querySelector('.marquee-row-left');\r\n const content1 = document.getElementById('row1-content');\r\n row1.appendChild(content1.cloneNode(true)); \/\/ Duplicate\r\n row1.appendChild(content1.cloneNode(true)); \/\/ Triplicate for safety on wide screens\r\n\r\n const row2 = document.querySelector('.marquee-row-right');\r\n const content2 = document.getElementById('row2-content');\r\n row2.appendChild(content2.cloneNode(true)); \r\n row2.appendChild(content2.cloneNode(true)); \r\n\r\n \/\/ 2. GSAP ANIMATIONS\r\n \/\/ Row 1: Move Left\r\n gsap.to(\".marquee-row-left\", {\r\n xPercent: -33.33, \/\/ Move 1\/3 of the total width (since we have 3 sets)\r\n repeat: -1,\r\n duration: 25, \/\/ Speed (Adjust higher to make slower)\r\n ease: \"linear\"\r\n });\r\n\r\n \/\/ Row 2: Move Right (Start from -33% and go to 0)\r\n gsap.fromTo(\".marquee-row-right\", \r\n { xPercent: -33.33 },\r\n {\r\n xPercent: 0,\r\n repeat: -1,\r\n duration: 28, \/\/ Slightly different speed for natural feel\r\n ease: \"linear\"\r\n }\r\n );\r\n\r\n \/\/ 3. Pause on Hover (Optional UX Improvement)\r\n const widget = document.getElementById('aspire_reviews_widget');\r\n widget.addEventListener('mouseenter', () => {\r\n gsap.globalTimeline.timeScale(0.2); \/\/ Slow down significantly\r\n });\r\n widget.addEventListener('mouseleave', () => {\r\n gsap.to(gsap.globalTimeline, { timeScale: 1, duration: 0.5 }); \/\/ Resume speed\r\n });\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1f9399 e-con-full e-flex e-con e-parent\" data-id=\"a1f9399\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fa349d elementor-widget elementor-widget-html\" data-id=\"0fa349d\" 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_why_final\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_why_final', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n success: '#10B981', \r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_why_final {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_why_final * { box-sizing: border-box; }\r\n\r\n \/* --- CARD STYLING (Default Visible) --- *\/\r\n .why-card {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(226, 232, 240, 0.8);\r\n border-radius: 16px;\r\n padding: 32px;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n \r\n \/* KEY FIX: Ensure visibility is handled by CSS first *\/\r\n opacity: 1; \r\n transform: translateY(0);\r\n }\r\n\r\n .why-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #4F46E5;\r\n box-shadow: 0 20px 40px -5px rgba(79, 70, 229, 0.15);\r\n background-color: #ffffff;\r\n z-index: 2;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n .why-icon {\r\n transition: all 0.3s ease;\r\n }\r\n .why-card:hover .why-icon {\r\n background-color: #4F46E5;\r\n color: #ffffff;\r\n transform: scale(1.1) rotate(-5deg);\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-5 md:tw-px-10\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop\" \r\n class=\"tw-w-full tw-h-full tw-object-cover tw-filter tw-blur-[8px] tw-opacity-50\" \r\n alt=\"Background\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-white\/70\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-relative tw-z-10 tw-max-w-6xl\">\r\n \r\n <div class=\"tw-text-center tw-mb-16\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n Why Choose Us\r\n <\/span>\r\n <h2 class=\"tw-text-3xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-4 tw-leading-tight\">\r\n Why Businesses Trust <br class=\"tw-hidden md:tw-block\">\r\n <span class=\"tw-text-brand\">Aspire Digital Solutions<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-max-w-2xl tw-mx-auto\">\r\n We're committed to delivering results that matter. Here's what sets us apart.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6 md:tw-gap-8\" id=\"why_cards_container\">\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-bar-chart-grouped-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">ROI-Focused Strategies<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Strategies designed for your bottom line. We focus on real, measurable returns.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Data-driven decisions<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Revenue tracking<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Continuous optimization<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-file-list-3-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Transparent Reporting<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">No hidden metrics. Get clear, comprehensive reports on performance.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Weekly updates<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Real-time dashboards<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Detailed analytics<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-rocket-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Performance-Driven<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">We optimize relentlessly. Our performance-first approach ensures maximum results.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> A\/B testing<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Conversion optimization<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Lead quality focus<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-map-pin-user-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Local Market Experts<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Mysore-based expertise. We understand local dynamics and customer behavior.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Local insights<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Regional expertise<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Cultural understanding<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ We use fromTo to FORCE the end state to be visible (opacity: 1)\r\n \/\/ This prevents elements getting stuck at opacity: 0\r\n \r\n gsap.fromTo(\".why-card\", \r\n { \r\n y: 50, \r\n opacity: 0 \r\n },\r\n { \r\n y: 0, \r\n opacity: 1, \r\n duration: 0.8, \r\n stagger: 0.15, \r\n ease: \"back.out(1.2)\",\r\n scrollTrigger: {\r\n trigger: \"#why_cards_container\",\r\n start: \"top 90%\", \/\/ Trigger earlier\r\n }\r\n }\r\n );\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-164f580 e-con-full e-flex e-con e-parent\" data-id=\"164f580\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbe56ca elementor-widget elementor-widget-html\" data-id=\"bbe56ca\" 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_social_final_v5\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_social_final_v5', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n },\r\n screens: {\r\n 'xs': '480px', \/\/ Extra small devices\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_social_final_v5 {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #ffffff;\r\n overflow: hidden;\r\n }\r\n #aspire_social_final_v5 * { box-sizing: border-box; }\r\n\r\n \/* --- FORCE VISIBILITY CSS --- *\/\r\n .social-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 20px;\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n position: relative;\r\n overflow: hidden;\r\n height: 100%;\r\n \r\n \/* CRITICAL: Ensure visibility regardless of JS *\/\r\n opacity: 1 !important; \r\n visibility: visible !important;\r\n transform: translateY(0);\r\n }\r\n \r\n .social-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* --- BRAND STYLES --- *\/\r\n \/* Instagram *\/\r\n .brand-insta { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }\r\n .text-insta { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n .bg-insta-light { background: #fff0f5; }\r\n .card-insta:hover { border-color: #bc1888; }\r\n\r\n \/* Facebook *\/\r\n .brand-fb { background-color: #1877F2; }\r\n .text-fb { color: #1877F2; }\r\n .bg-fb-light { background-color: #e7f1ff; }\r\n .card-fb:hover { border-color: #1877F2; }\r\n\r\n \/* LinkedIn *\/\r\n .brand-li { background-color: #0A66C2; }\r\n .text-li { color: #0A66C2; }\r\n .bg-li-light { background-color: #e4f0fb; }\r\n .card-li:hover { border-color: #0A66C2; }\r\n\r\n \/* YouTube *\/\r\n .brand-yt { background-color: #FF0000; }\r\n .text-yt { color: #FF0000; }\r\n .bg-yt-light { background-color: #ffe5e5; }\r\n .card-yt:hover { border-color: #FF0000; }\r\n\r\n \/* Buttons *\/\r\n .btn-social {\r\n color: white;\r\n font-weight: 700;\r\n padding: 10px 24px;\r\n border-radius: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: opacity 0.3s;\r\n font-size: 14px;\r\n }\r\n .btn-social:hover { opacity: 0.9; }\r\n\r\n \/* Background Pattern *\/\r\n .bg-dots {\r\n background-image: radial-gradient(#e2e8f0 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-16 md:tw-py-24 tw-px-5 md:tw-px-8\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0 bg-dots tw-opacity-60\"><\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-relative tw-z-10 tw-max-w-7xl\">\r\n \r\n <div class=\"tw-text-center tw-mb-12 md:tw-mb-16\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-slate-100 tw-border tw-border-slate-200 tw-text-slate-600 tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n Connect With Us\r\n <\/span>\r\n <h2 class=\"tw-text-3xl md:tw-text-4xl lg:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-4 tw-leading-tight\">\r\n Follow Us on Social Media\r\n <\/h2>\r\n <p class=\"tw-text-base md:tw-text-lg tw-text-muted tw-max-w-2xl tw-mx-auto\">\r\n Join our growing community for the latest digital marketing insights.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6 tw-w-full\">\r\n\r\n <a href=\"https:\/\/www.instagram.com\/aspiredigitalsolution\" target=\"_blank\" class=\"social-card card-insta tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\" rel=\"noopener\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-insta-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-instagram-line tw-text-4xl text-insta\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"12.5\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Followers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Marketing tips & behind the scenes<\/p>\r\n <div class=\"btn-social brand-insta\">\r\n <i class=\"ri-instagram-fill\"><\/i> Follow\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" target=\"_blank\" class=\"social-card card-fb tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-fb-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-facebook-fill tw-text-4xl text-fb\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"8.2\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Followers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Latest updates & case studies<\/p>\r\n <div class=\"btn-social brand-fb\">\r\n <i class=\"ri-thumb-up-fill\"><\/i> Like Page\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.linkedin.com\/company\/aspire-digital-solution\/\" target=\"_blank\" class=\"social-card card-li tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\" rel=\"noopener\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-li-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-linkedin-fill tw-text-4xl text-li\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"5.1\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Followers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Business insights & industry news<\/p>\r\n <div class=\"btn-social brand-li\">\r\n <i class=\"ri-add-line\"><\/i> Connect\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" target=\"_blank\" class=\"social-card card-yt tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-yt-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-youtube-fill tw-text-4xl text-yt\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"3.2\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Subscribers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Tutorials & marketing strategies<\/p>\r\n <div class=\"btn-social brand-yt\">\r\n <i class=\"ri-play-circle-fill\"><\/i> Subscribe\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ ANIMATION LOGIC:\r\n \/\/ We use 'from' but with 'clearProps' immediately to ensure elements don't get stuck hidden.\r\n \r\n \/\/ 1. Cards Pop In\r\n gsap.from(\".social-card\", {\r\n y: 50,\r\n duration: 0.8,\r\n stagger: 0.15,\r\n ease: \"back.out(1.2)\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_social_final_v5\",\r\n start: \"top 85%\"\r\n }\r\n });\r\n\r\n \/\/ 2. Counter Animation\r\n const counters = document.querySelectorAll('.counter');\r\n ScrollTrigger.create({\r\n trigger: \"#aspire_social_final_v5\",\r\n start: \"top 80%\",\r\n once: true,\r\n onEnter: () => {\r\n counters.forEach(counter => {\r\n const target = parseFloat(counter.getAttribute('data-target'));\r\n gsap.to(counter, {\r\n innerText: target,\r\n duration: 2,\r\n snap: { innerText: 0.1 },\r\n ease: \"power2.out\",\r\n onUpdate: function() {\r\n counter.innerText = this.targets()[0].innerText;\r\n }\r\n });\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29d32b3 e-con-full e-flex e-con e-parent\" data-id=\"29d32b3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54d00ae elementor-widget elementor-widget-html\" data-id=\"54d00ae\" 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_contact_functional\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_contact_functional', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n brandDark: '#3730a3',\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\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 #aspire_contact_functional {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_contact_functional * { box-sizing: border-box; }\r\n\r\n \/* Input Styling *\/\r\n .form-input {\r\n width: 100%;\r\n padding: 14px 16px;\r\n background-color: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n color: #0F172A;\r\n transition: all 0.3s ease;\r\n outline: none;\r\n }\r\n .form-input:focus {\r\n border-color: #4F46E5;\r\n box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1);\r\n }\r\n\r\n \/* Contact Info Cards *\/\r\n .info-card {\r\n background: #ffffff;\r\n padding: 24px;\r\n border-radius: 16px;\r\n border: 1px solid #e2e8f0;\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n .info-card:hover {\r\n transform: translateY(-5px);\r\n border-color: #4F46E5;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n \/* Icon Box *\/\r\n .icon-box {\r\n width: 48px; height: 48px;\r\n background-color: #EEF2FF;\r\n color: #4F46E5;\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 24px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Background Shapes *\/\r\n .blob {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n opacity: 0.6;\r\n z-index: 0;\r\n }\r\n\r\n \/* Spinner for Button *\/\r\n .spinner {\r\n border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; border-top: 2px solid white;\r\n width: 18px; height: 18px; animation: spin 1s linear infinite; display: none; margin-right: 8px;\r\n }\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-5 md:tw-px-8\">\r\n \r\n <div class=\"blob tw-w-96 tw-h-96 tw-bg-indigo-100 tw-top-0 tw-left-0 tw--translate-x-1\/2 tw--translate-y-1\/2\"><\/div>\r\n <div class=\"blob tw-w-80 tw-h-80 tw-bg-blue-100 tw-bottom-0 tw-right-0 tw-translate-x-1\/2 tw-translate-y-1\/2\"><\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-max-w-6xl tw-relative tw-z-10\">\r\n <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-12 lg:tw-gap-20\">\r\n \r\n <div class=\"tw-flex tw-flex-col tw-justify-center\" id=\"contact_left_final\">\r\n <div class=\"tw-mb-10\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n Get In Touch\r\n <\/span>\r\n <h2 class=\"tw-text-4xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-4 tw-leading-tight\">\r\n Ready to Grow <br> <span class=\"tw-text-brand\">Your Business?<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-leading-relaxed\">\r\n Let's discuss your digital goals. Fill out the form or reach us directly using the details below.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-space-y-4\">\r\n <div class=\"info-card\">\r\n <div class=\"icon-box\"><i class=\"ri-phone-fill\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-muted tw-uppercase tw-mb-1\">Phone<\/h4>\r\n <a href=\"tel:+917975327335\" class=\"tw-text-xl tw-font-bold tw-text-dark hover:tw-text-brand tw-no-underline tw-transition-colors\">+91 79753 27335<\/a>\r\n <p class=\"tw-text-xs tw-text-muted tw-font-medium tw-mt-1\"><i class=\"ri-time-line tw-align-bottom\"><\/i> Mon-Sat, 9am - 7pm<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-box\"><i class=\"ri-mail-send-fill\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-muted tw-uppercase tw-mb-1\">Email Support<\/h4>\r\n <a href=\"mailto:marketing@aspiredigitalsolutions.in\" class=\"tw-text-lg md:tw-text-xl tw-font-bold tw-text-dark hover:tw-text-brand tw-no-underline tw-transition-colors tw-break-all\">marketing@aspiredigitalsolutions.in<\/a>\r\n <p class=\"tw-text-xs tw-text-green-600 tw-font-bold tw-mt-1 flex tw-items-center gap-1\"><span class=\"tw-w-2 tw-h-2 tw-bg-green-500 tw-rounded-full tw-inline-block\"><\/span> 24\/7 Digital Support<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-box\"><i class=\"ri-map-pin-2-fill\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-muted tw-uppercase tw-mb-1\">Headquarters<\/h4>\r\n <p class=\"tw-text-base tw-font-bold tw-text-dark tw-leading-snug\">\r\n 3\/D, 7th Cross Rd, Subhasnagara,<br>\r\n Rajendra Nagar, Mysuru, Karnataka 570007\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-relative\" id=\"contact_right_final\">\r\n <div class=\"tw-bg-white tw-p-8 md:tw-p-10 tw-rounded-3xl tw-shadow-xl tw-border tw-border-slate-100\">\r\n <h3 class=\"tw-text-2xl tw-font-bold tw-text-dark tw-mb-6\">Request a Free Consultation<\/h3>\r\n \r\n <form id=\"aspireForm\" class=\"tw-space-y-5\">\r\n \r\n <input type=\"hidden\" name=\"source\" value=\"Website_Main_Form\">\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Full Name <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" id=\"fullName\" name=\"name\" class=\"form-input\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-5\">\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Phone Number <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"+91 79753...\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Email Address <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"you@company.com\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Service Required <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <div class=\"tw-relative\">\r\n <select id=\"service\" name=\"service\" class=\"form-input tw-appearance-none tw-cursor-pointer\" required>\r\n <option value=\"\" disabled selected>Select a service<\/option>\r\n <option value=\"SEO\">SEO Services<\/option>\r\n <option value=\"PPC\">Google Ads (PPC)<\/option>\r\n <option value=\"SMM\">Social Media Marketing<\/option>\r\n <option value=\"Web\">Web Development<\/option>\r\n <option value=\"Branding\">Branding & Graphic Design<\/option>\r\n <option value=\"LocalSEO\">Local SEO & GMB Optimization<\/option>\r\n <option value=\"Other\">Other<\/option>\r\n <\/select>\r\n <div class=\"tw-absolute tw-right-4 tw-top-1\/2 -tw-translate-y-1\/2 tw-pointer-events-none tw-text-muted\">\r\n <i class=\"ri-arrow-down-s-line tw-text-xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Message (Optional)<\/label>\r\n <textarea id=\"message\" name=\"message\" class=\"form-input\" rows=\"4\" placeholder=\"Tell us about your project...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"submitBtn\" class=\"tw-w-full tw-py-4 tw-bg-brand tw-text-white tw-font-bold tw-rounded-xl tw-shadow-lg hover:tw-bg-indigo-700 hover:tw-shadow-xl tw-transition-all tw-transform hover:-tw-translate-y-1 tw-flex tw-items-center tw-justify-center tw-gap-2\">\r\n <span class=\"spinner\"><\/span>\r\n <span id=\"btnText\">Send Message<\/span>\r\n <i id=\"btnIcon\" class=\"ri-send-plane-fill\"><\/i>\r\n <\/button>\r\n\r\n <p class=\"tw-text-xs tw-text-muted tw-text-center tw-mt-4\">\r\n By submitting this form, you agree to our <a href=\"#\" class=\"tw-text-brand tw-underline\">privacy policy<\/a>.\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const tl = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"#aspire_contact_functional\",\r\n start: \"top 75%\",\r\n toggleActions: \"play none none reverse\"\r\n }\r\n });\r\n\r\n \/\/ Animations\r\n tl.from(\"#contact_left_final\", { x: -50, opacity: 0, duration: 1, ease: \"power3.out\" })\r\n .from(\".info-card\", { y: 20, opacity: 0, duration: 0.6, stagger: 0.15, ease: \"back.out(1.5)\" }, \"-=0.5\");\r\n\r\n gsap.from(\"#contact_right_final\", {\r\n y: 50, opacity: 0, duration: 1, delay: 0.2, ease: \"power2.out\",\r\n scrollTrigger: { trigger: \"#aspire_contact_functional\", start: \"top 75%\" }\r\n });\r\n });\r\n\r\n \/\/ --- BACKEND INTEGRATION LOGIC ---\r\n \/\/ REPLACE THIS URL WITH YOUR ASPIRE CRM API OR WEBHOOK URL\r\n const CRM_API_URL = \"https:\/\/your-crm-url.com\/api\/leads\"; \r\n\r\n document.getElementById('aspireForm').addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n\r\n const btn = document.getElementById('submitBtn');\r\n const btnText = document.getElementById('btnText');\r\n const btnIcon = document.getElementById('btnIcon');\r\n const spinner = document.querySelector('.spinner');\r\n\r\n \/\/ 1. Show Loading\r\n btn.disabled = true;\r\n btnText.innerText = \"Sending...\";\r\n btnIcon.style.display = \"none\";\r\n spinner.style.display = \"inline-block\";\r\n btn.classList.add(\"tw-opacity-75\", \"tw-cursor-not-allowed\");\r\n\r\n \/\/ 2. Collect Data\r\n const formData = {\r\n name: document.getElementById('fullName').value,\r\n phone: document.getElementById('phone').value,\r\n email: document.getElementById('email').value,\r\n service: document.getElementById('service').value,\r\n message: document.getElementById('message').value,\r\n timestamp: new Date().toISOString()\r\n };\r\n\r\n try {\r\n \/\/ 3. Send to CRM\r\n const response = await fetch(CRM_API_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(formData)\r\n });\r\n\r\n if (response.ok) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: 'Sent Successfully!',\r\n text: 'Our team will contact you shortly.',\r\n confirmButtonColor: '#4F46E5'\r\n });\r\n document.getElementById('aspireForm').reset();\r\n } else {\r\n throw new Error('Server returned error');\r\n }\r\n\r\n } catch (error) {\r\n console.error(\"Error:\", error);\r\n \r\n \/\/ Demo Fallback (Remove in Prod)\r\n if(CRM_API_URL.includes(\"your-crm-url\")) {\r\n Swal.fire({\r\n icon: 'info',\r\n title: 'Demo Mode',\r\n text: 'Form data captured! Connect API URL in code to save.',\r\n confirmButtonColor: '#4F46E5'\r\n });\r\n } else {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Submission Failed',\r\n text: 'Please try again later.',\r\n confirmButtonColor: '#d33'\r\n });\r\n }\r\n } finally {\r\n \/\/ 4. Reset Button\r\n btn.disabled = false;\r\n btnText.innerText = \"Send Message\";\r\n btnIcon.style.display = \"inline\";\r\n spinner.style.display = \"none\";\r\n btn.classList.remove(\"tw-opacity-75\", \"tw-cursor-not-allowed\");\r\n }\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f3d760 e-flex e-con-boxed e-con e-parent\" data-id=\"7f3d760\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-717c390 elementor-widget elementor-widget-html\" data-id=\"717c390\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"WebPage\",\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/digital-marketing-services-in-mysore\/#webpage\",\r\n \"url\": \"https:\/\/aspiredigitalsolutions.in\/digital-marketing-services-in-mysore\/\",\r\n \"name\": \"Digital Marketing Services in Mysore\",\r\n \"description\": \"Complete digital marketing services in Mysore by Aspire Digital Solutions including SEO, Google Ads, social media marketing, web development and branding.\",\r\n \"mainEntity\": {\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/#digitalmarketing\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Service\",\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/#digitalmarketing\",\r\n \"name\": \"Digital Marketing Services in Mysore\",\r\n \"serviceType\": \"Digital Marketing\",\r\n \"provider\": {\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/#localbusiness\"\r\n },\r\n \"areaServed\": {\r\n \"@type\": \"City\",\r\n \"name\": \"Mysore\"\r\n },\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Digital Marketing Services\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"SEO Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Google Ads Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Meta Ads Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Social Media Marketing Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Web Development Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Branding Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Email Marketing Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Graphic Design Services in Mysore\"\r\n }\r\n }\r\n ]\r\n }\r\n }\r\n ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aspire Widget Trusted by 1000+ Businesses 4.9\/5 (150+ Reviews) Digital Marketing Agency in Mysore We expertise in SEO, Google Ads, Social Media & Web Development. We don’t just run ads; we build digital ecosystems that drive real revenue. Call Now Free Consultation Free Strategy Call No Obligation Quote 7+ Years Experience \u2022 Aspire \u2022 Digital […]<\/p>\n","protected":false},"author":3,"featured_media":4014,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3912","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/3912","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=3912"}],"version-history":[{"count":211,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/3912\/revisions"}],"predecessor-version":[{"id":16462,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/3912\/revisions\/16462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/4014"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=3912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Aspire Widget<\/title>\r\n \r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n \r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \/\/ Prevents class conflicts\r\n important: '#aspire-widget-root', \/\/ High Priority\r\n corePlugins: {\r\n preflight: false, \/\/ DISABLES Global Reset (Critical for Widgets)\r\n },\r\n theme: {\r\n extend: {\r\n colors: {\r\n navy: '#0F172A',\r\n brandBlue: '#4F75FF',\r\n brandPink: '#FF4D6D',\r\n slateDark: '#1E293B',\r\n slateLight: '#64748B',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n },\r\n animation: {\r\n 'spin-slow': 'spin 15s linear infinite',\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" 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:\/\/code.jquery.com\/jquery-3.6.0.min.js\"><\/script>\r\n\r\n <style>\r\n \/* --- SCOPED CSS RESET (Safety Layer) --- *\/\r\n #aspire-widget-root {\r\n font-family: 'Manrope', sans-serif;\r\n color: #1E293B;\r\n line-height: 1.5;\r\n -webkit-font-smoothing: antialiased;\r\n \/* Restore Defaults manually since we disabled preflight *\/\r\n width: 100%;\r\n display: block;\r\n position: relative;\r\n }\r\n\r\n \/* Reset Box Model inside Widget Only *\/\r\n #aspire-widget-root *, \r\n #aspire-widget-root *::before, \r\n #aspire-widget-root *::after {\r\n box-sizing: border-box;\r\n border-width: 0;\r\n border-style: solid;\r\n border-color: #e5e7eb;\r\n }\r\n\r\n \/* Form Elements Fix *\/\r\n #aspire-widget-root button,\r\n #aspire-widget-root input,\r\n #aspire-widget-root select,\r\n #aspire-widget-root textarea {\r\n font-family: inherit;\r\n font-size: 100%;\r\n margin: 0;\r\n padding: 0;\r\n line-height: inherit;\r\n color: inherit;\r\n }\r\n\r\n \/* --- CUSTOM STYLES --- *\/\r\n \/* Custom Input Focus *\/\r\n .aspire-input:focus {\r\n box-shadow: 0 0 0 4px rgba(79, 117, 255, 0.15) !important;\r\n border-color: #4F75FF !important;\r\n background-color: #ffffff !important;\r\n }\r\n \r\n \/* Modal Animation Classes *\/\r\n .modal-enter { opacity: 0; pointer-events: none; transition: opacity 0.3s ease; }\r\n .modal-enter.is-open { opacity: 1; pointer-events: auto; }\r\n \r\n .modal-content { transform: scale(0.9); opacity: 0; transition: all 0.3s ease; }\r\n .is-open .modal-content { transform: scale(1); opacity: 1; }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n <div id=\"aspire-widget-root\">\r\n \r\n <div class=\"tw-relative tw-w-full tw-min-h-[85vh] tw-flex tw-items-center tw-py-12 lg:tw-py-0 tw-overflow-hidden tw-bg-white\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-pointer-events-none tw-z-0\">\r\n <div class=\"tw-absolute -tw-top-[10%] -tw-left-[5%] tw-w-[500px] tw-h-[500px] tw-bg-blue-100 tw-rounded-full tw-blur-[100px] tw-opacity-60\"><\/div>\r\n <div class=\"tw-absolute tw-top-[30%] -tw-right-[10%] tw-w-[600px] tw-h-[600px] tw-bg-pink-100 tw-rounded-full tw-blur-[120px] tw-opacity-60\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-px-6 tw-relative tw-z-10\">\r\n <div class=\"tw-grid lg:tw-grid-cols-12 tw-gap-12 tw-items-center\">\r\n \r\n <div class=\"lg:tw-col-span-7 tw-flex tw-flex-col tw-justify-center tw-text-center lg:tw-text-left\">\r\n \r\n <div class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-flex tw-flex-col sm:tw-flex-row tw-items-center tw-gap-5 tw-mb-6 tw-justify-center lg:tw-justify-start\">\r\n <div class=\"tw-px-4 tw-py-2 tw-rounded-full tw-bg-blue-50 tw-border tw-border-blue-100 tw-flex tw-items-center tw-gap-2\">\r\n <span class=\"tw-relative tw-flex tw-h-2.5 tw-w-2.5\">\r\n <span class=\"tw-animate-ping tw-absolute tw-inline-flex tw-h-full tw-w-full tw-rounded-full tw-bg-blue-500 tw-opacity-75\"><\/span>\r\n <span class=\"tw-relative tw-inline-flex tw-rounded-full tw-h-2.5 tw-w-2.5 tw-bg-brandBlue\"><\/span>\r\n <\/span>\r\n <span class=\"tw-text-[11px] tw-font-extrabold tw-tracking-[1.5px] tw-uppercase tw-text-brandBlue\">Trusted by 1000+ Businesses<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-center tw-gap-1 tw-text-yellow-500\">\r\n <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i>\r\n <span class=\"tw-text-slateDark tw-text-sm tw-font-bold tw-ml-2\">4.9\/5 (150+ Reviews)<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <h1 class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-font-extrabold tw-text-5xl sm:tw-text-6xl lg:tw-text-[4.5rem] xl:tw-text-[5rem] tw-leading-[1.1] tw-tracking-tight tw-mb-6 tw-text-slateDark\">\r\n Digital Marketing <br> \r\n Agency <span class=\"tw-relative tw-inline-block tw-italic tw-pr-2\">\r\n <span class=\"tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-brandPink tw-to-brandBlue\">in Mysore<\/span>\r\n <svg class=\"tw-absolute tw-bottom-2 tw-left-0 tw-w-full tw-h-3 sm:tw-h-4 tw-opacity-80\" viewBox=\"0 0 200 9\" fill=\"none\"><path d=\"M2 7C2 7 101.5 1 198 7\" stroke=\"url(#paint0_linear)\" stroke-width=\"3\" stroke-linecap=\"round\"\/><defs><linearGradient id=\"paint0_linear\" x1=\"2\" y1=\"7\" x2=\"198\" y2=\"7\" gradientUnits=\"userSpaceOnUse\"><stop stop-color=\"#FF4D6D\"\/><stop offset=\"1\" stop-color=\"#4F75FF\"\/><\/linearGradient><\/defs><\/svg>\r\n <\/span>\r\n <\/h1>\r\n\r\n <p class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-text-lg sm:tw-text-xl tw-text-slateLight tw-font-medium tw-leading-relaxed tw-max-w-2xl tw-mx-auto lg:tw-mx-0 tw-mb-10\">\r\n We expertise in <strong class=\"tw-text-slateDark tw-border-b-2 tw-border-brandBlue\/20\">SEO, Google Ads, Social Media & Web Development.<\/strong> We don't just run ads; we build digital ecosystems that drive real revenue.\r\n <\/p>\r\n\r\n <div class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-flex tw-flex-col sm:tw-flex-row tw-gap-5 tw-justify-center lg:tw-justify-start tw-mb-12 tw-items-center\">\r\n <a href=\"tel:+917975327335\" class=\"tw-group tw-relative tw-px-8 tw-py-4 tw-bg-gradient-to-r tw-from-[#F43F5E] tw-to-[#6366F1] tw-text-white tw-font-bold tw-text-lg tw-rounded-xl tw-shadow-xl tw-shadow-brandBlue\/30 hover:tw-shadow-brandBlue\/50 tw-transition-all tw-duration-300 tw-transform hover:-tw-translate-y-1 tw-w-full sm:tw-w-auto tw-text-center tw-flex tw-items-center tw-justify-center tw-gap-3 tw-no-underline\">\r\n <span class=\"tw-relative tw-z-10 tw-flex tw-items-center tw-gap-2\"><i class=\"ri-phone-fill tw-text-xl\"><\/i> Call Now<\/span>\r\n <\/a>\r\n <button onclick=\"openModal()\" class=\"tw-px-8 tw-py-4 tw-bg-white tw-border-2 tw-border-slate-200 tw-text-slateDark tw-font-bold tw-text-lg tw-rounded-xl hover:tw-border-brandBlue\/30 hover:tw-bg-blue-50 tw-transition-all tw-duration-300 tw-transform hover:-tw-translate-y-1 tw-w-full sm:tw-w-auto tw-text-center tw-flex tw-items-center tw-justify-center tw-gap-3 tw-shadow-sm tw-cursor-pointer\">\r\n <i class=\"ri-calendar-event-line tw-text-brandBlue tw-text-xl\"><\/i> Free Consultation\r\n <\/button>\r\n <a href=\"https:\/\/wa.me\/917975327335\" target=\"_blank\" class=\"tw-w-16 tw-h-14 tw-bg-[#DCFCE7] tw-rounded-xl tw-flex tw-items-center tw-justify-center hover:tw-scale-110 tw-transition-transform tw-border tw-border-green-200 tw-shadow-sm tw-no-underline\" rel=\"noopener\">\r\n <i class=\"ri-whatsapp-line tw-text-3xl tw-text-[#22C55E]\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"anim-item tw-opacity-0 tw-translate-y-8 tw-flex tw-flex-wrap tw-justify-center lg:tw-justify-start tw-gap-x-6 tw-gap-y-3 tw-text-sm tw-font-bold tw-text-slate-400 tw-pt-4\">\r\n <div class=\"tw-flex tw-items-center tw-gap-2\"><i class=\"ri-checkbox-circle-fill tw-text-brandBlue tw-text-lg\"><\/i> Free Strategy Call<\/div>\r\n <div class=\"tw-flex tw-items-center tw-gap-2\"><i class=\"ri-checkbox-circle-fill tw-text-brandBlue tw-text-lg\"><\/i> No Obligation Quote<\/div>\r\n <div class=\"tw-flex tw-items-center tw-gap-2\"><i class=\"ri-checkbox-circle-fill tw-text-brandBlue tw-text-lg\"><\/i> 7+ Years Experience<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"hidden lg:tw-block lg:tw-col-span-5 tw-relative tw-h-[600px] tw-w-full tw-perspective-1000\">\r\n <div class=\"tw-absolute tw-top-[-10%] tw-right-[-20%] tw-w-[130%] tw-h-[120%] tw-flex tw-gap-5 tw-opacity-100 tw-rotate-[6deg] -tw-skew-x-2\">\r\n <div class=\"carousel-col-up tw-w-1\/2 tw-flex tw-flex-col tw-gap-5\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1552664730-d307ca884978?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1542744173-8e7e53415bb0?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1557804506-669a67965ba0?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <\/div>\r\n <div class=\"carousel-col-down tw-w-1\/2 tw-flex tw-flex-col tw-gap-5 -tw-mt-20\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1517245386807-bb43f82c33c4?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1600880292203-757bb62b4baf?w=400&q=80\" class=\"tw-w-full tw-h-[280px] tw-object-cover tw-rounded-2xl tw-shadow-lg tw-border tw-border-white\/50\">\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-absolute tw-bottom-10 tw-left-[-30px] tw-z-30\">\r\n <div class=\"tw-relative tw-w-32 tw-h-32 tw-flex tw-items-center tw-justify-center tw-bg-white tw-rounded-full tw-shadow-[0_10px_40px_rgba(0,0,0,0.1)] tw-border tw-border-gray-100\">\r\n <i class=\"ri-arrow-right-up-line tw-text-4xl tw-text-brandBlue\"><\/i>\r\n <svg class=\"tw-absolute tw-w-full tw-h-full tw-animate-spin-slow\" viewBox=\"0 0 100 100\">\r\n <path id=\"circlePath\" d=\"M 50, 50 m -37, 0 a 37,37 0 1,1 74,0 a 37,37 0 1,1 -74,0\" fill=\"transparent\" \/>\r\n <text class=\"tw-text-[10px] tw-font-bold tw-fill-slateDark tw-uppercase tw-tracking-[2.5px]\"><textPath href=\"#circlePath\">\u2022 Aspire \u2022 Digital \u2022 Growth \u2022<\/textPath><\/text>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"leadModal\" class=\"tw-fixed tw-inset-0 tw-z-[99999] tw-flex tw-items-center tw-justify-center tw-p-4 modal-enter\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-slate-900\/60 tw-backdrop-blur-sm\" onclick=\"closeModal()\"><\/div>\r\n \r\n <div id=\"modalContent\" class=\"modal-content tw-relative tw-bg-white tw-rounded-2xl sm:tw-rounded-3xl tw-shadow-2xl tw-w-full tw-max-w-[450px] tw-p-6 sm:tw-p-8\">\r\n \r\n <button onclick=\"closeModal()\" class=\"tw-absolute tw-top-3 tw-right-3 tw-text-slateLight hover:tw-text-brandPink hover:tw-bg-pink-50 tw-rounded-full tw-p-2 tw-transition-all tw-z-10\">\r\n <i class=\"ri-close-line tw-text-2xl\"><\/i>\r\n <\/button>\r\n\r\n <div class=\"tw-text-center tw-mb-6\">\r\n <h3 class=\"tw-text-2xl sm:tw-text-3xl tw-font-extrabold tw-text-slateDark tw-mb-2\">Get Free Quote<\/h3>\r\n <p class=\"tw-text-sm tw-text-slateLight\">Fill the form below, our expert will call you shortly.<\/p>\r\n <\/div>\r\n\r\n <form id=\"aspireLeadForm\" class=\"tw-space-y-4\">\r\n <input type=\"hidden\" name=\"action\" value=\"aspire_save_lead\">\r\n <input type=\"hidden\" name=\"page_url\" id=\"page_url\">\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-slateLight tw-mb-1.5\">Full Name<\/label>\r\n <input type=\"text\" name=\"lead_name\" required placeholder=\"Ex: Rahul Sharma\" class=\"aspire-input tw-w-full tw-px-4 tw-py-3 tw-rounded-xl tw-outline-none tw-text-base tw-border tw-border-slate-200\">\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"tw-block tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-slateLight tw-mb-1.5\">Phone Number<\/label>\r\n <input type=\"tel\" name=\"lead_phone\" required placeholder=\"+91 98765 43210\" class=\"aspire-input tw-w-full tw-px-4 tw-py-3 tw-rounded-xl tw-outline-none tw-text-base tw-border tw-border-slate-200\">\r\n <\/div>\r\n \r\n <div>\r\n <label class=\"tw-block tw-text-xs tw-font-bold tw-uppercase tw-tracking-wider tw-text-slateLight tw-mb-1.5\">Service Required<\/label>\r\n <div class=\"tw-relative\">\r\n <select name=\"lead_service\" class=\"aspire-input tw-w-full tw-px-4 tw-py-3 tw-rounded-xl tw-outline-none tw-text-base tw-border tw-border-slate-200 tw-appearance-none tw-cursor-pointer tw-bg-transparent\">\r\n <option value=\"SEO\">SEO (Ranking)<\/option>\r\n <option value=\"Digital Marketing\">Digital Marketing<\/option>\r\n <option value=\"Google Ads\">Google Ads<\/option>\r\n <option value=\"Web Development\">Web Development<\/option>\r\n <\/select>\r\n <div class=\"tw-absolute tw-inset-y-0 tw-right-0 tw-flex tw-items-center tw-px-4 tw-pointer-events-none tw-text-slateLight\">\r\n <i class=\"ri-arrow-down-s-line tw-text-lg\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"submitBtn\" class=\"tw-w-full tw-py-4 tw-mt-2 tw-bg-gradient-to-r tw-from-[#F43F5E] tw-to-[#6366F1] tw-text-white tw-font-bold tw-text-lg tw-rounded-xl tw-shadow-lg hover:tw-shadow-brandBlue\/40 tw-transition-all hover:-tw-translate-y-1\">\r\n Submit Request\r\n <\/button>\r\n \r\n <p id=\"formStatus\" class=\"tw-text-center tw-text-sm tw-font-bold tw-mt-3 tw-hidden\"><\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div> \r\n <script>\r\n document.getElementById('page_url').value = window.location.href;\r\n\r\n \/\/ --- Animations ---\r\n document.addEventListener(\"DOMContentLoaded\", function() {\r\n gsap.to(\".anim-item\", { opacity: 1, y: 0, duration: 1, stagger: 0.15, ease: \"power3.out\", delay: 0.2 });\r\n gsap.to(\".carousel-col-up\", { y: \"-40%\", duration: 40, ease: \"none\", repeat: -1 });\r\n gsap.set(\".carousel-col-down\", { y: \"-40%\" });\r\n gsap.to(\".carousel-col-down\", { y: \"0%\", duration: 40, ease: \"none\", repeat: -1 });\r\n });\r\n\r\n \/\/ --- Modal Logic ---\r\n const modal = document.getElementById('leadModal');\r\n \r\n function openModal() {\r\n modal.classList.remove('tw-hidden');\r\n \/\/ Small delay for CSS transition\r\n requestAnimationFrame(() => {\r\n modal.classList.add('is-open');\r\n });\r\n }\r\n\r\n function closeModal() {\r\n modal.classList.remove('is-open');\r\n setTimeout(() => {\r\n modal.classList.add('tw-hidden');\r\n }, 300);\r\n }\r\n\r\n \/\/ --- Form Handling ---\r\n jQuery('#aspireLeadForm').on('submit', function(e) {\r\n e.preventDefault();\r\n var btn = jQuery('#submitBtn');\r\n var status = jQuery('#formStatus');\r\n var adminPhone = \"917975327335\"; \r\n\r\n btn.html('<i class=\"ri-loader-4-line tw-animate-spin\"><\/i> Processing...').prop('disabled', true);\r\n \r\n var formData = jQuery(this).serialize();\r\n var name = jQuery('input[name=\"lead_name\"]').val();\r\n var phone = jQuery('input[name=\"lead_phone\"]').val();\r\n var service = jQuery('select[name=\"lead_service\"]').val();\r\n var url = window.location.href;\r\n\r\n jQuery.ajax({\r\n url: '\/wp-admin\/admin-ajax.php',\r\n type: 'POST',\r\n data: formData,\r\n success: function(response) {\r\n btn.html('Submit Request').prop('disabled', false);\r\n if(response.success) {\r\n status.text('\u2705 Request Sent! Opening WhatsApp...').removeClass('tw-hidden tw-text-red-500').addClass('tw-text-green-600');\r\n document.getElementById(\"aspireLeadForm\").reset();\r\n \r\n var text = `*\ud83d\ude80 New Lead Alert!* %0A%0A\ud83d\udc64 *Name:* ${name} %0A\ud83d\udcde *Phone:* ${phone} %0A\ud83d\udcbc *Service:* ${service} %0A\ud83d\udd17 *Source:* ${url}`;\r\n window.open(`https:\/\/wa.me\/${adminPhone}?text=${text}`, '_blank');\r\n \r\n setTimeout(closeModal, 2000);\r\n } else {\r\n status.text('\u274c ' + response.data).removeClass('tw-hidden tw-text-green-600').addClass('tw-text-red-500');\r\n }\r\n },\r\n error: function() {\r\n btn.html('Submit Request').prop('disabled', false);\r\n status.text('\u274c Server Error').removeClass('tw-hidden tw-text-green-600').addClass('tw-text-red-500');\r\n }\r\n });\r\n });\r\n <\/script>\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-f4e6094 e-con-full e-flex e-con e-parent\" data-id=\"f4e6094\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40bedfb elementor-widget elementor-widget-html\" data-id=\"40bedfb\" 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=\"asp_split_widget\">\r\n\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Syne:wght@600;700&family=Inter:wght@400;500;600&display=swap\" rel=\"stylesheet\">\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 \/* --- SCOPED CSS --- *\/\r\n #asp_split_widget {\r\n --asw-bg: #F8FAFC;\r\n --asw-text: #0F172A;\r\n --asw-text-muted: #64748B;\r\n --asw-accent: #4F46E5;\r\n --asw-accent-light: #EEF2FF;\r\n --asw-card-bg: #ffffff;\r\n --asw-border: rgba(0,0,0,0.06);\r\n \r\n font-family: 'Inter', sans-serif;\r\n width: 100%;\r\n padding: 4rem 1.5rem;\r\n background: var(--asw-bg);\r\n \/* Background Grid Pattern *\/\r\n background-image: linear-gradient(#e2e8f0 1px, transparent 1px), linear-gradient(to right, #e2e8f0 1px, transparent 1px);\r\n background-size: 40px 40px;\r\n box-sizing: border-box;\r\n overflow: hidden;\r\n }\r\n\r\n #asp_split_widget * { box-sizing: border-box; }\r\n\r\n .asw_container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* --- 1. TOP HEADING --- *\/\r\n .asw_heading_wrap {\r\n text-align: center;\r\n margin-bottom: 3.5rem;\r\n opacity: 0; \/* Hidden for animation *\/\r\n transform: translateY(20px);\r\n }\r\n\r\n .asw_heading_wrap h2 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 3rem;\r\n font-weight: 700;\r\n color: var(--asw-text);\r\n margin: 0 0 0.5rem 0;\r\n line-height: 1.1;\r\n }\r\n\r\n .asw_heading_wrap p {\r\n font-size: 1.1rem;\r\n color: var(--asw-text-muted);\r\n margin: 0;\r\n }\r\n\r\n \/* --- 2. TWO COLUMN LAYOUT --- *\/\r\n .asw_grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr; \/* 50% - 50% split *\/\r\n gap: 40px;\r\n align-items: stretch;\r\n }\r\n\r\n \/* --- LEFT COLUMN (CONTENT) --- *\/\r\n .asw_left {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n\r\n .asw_card {\r\n position: relative;\r\n background: var(--asw-card-bg);\r\n border: 1px solid var(--asw-border);\r\n padding: 1.5rem;\r\n border-radius: 16px;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 1.25rem;\r\n transition: all 0.3s ease;\r\n overflow: hidden;\r\n opacity: 0; \/* Hidden for animation *\/\r\n transform: translateX(-30px);\r\n }\r\n\r\n .asw_card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px -10px rgba(0,0,0,0.08);\r\n border-color: rgba(79, 70, 229, 0.3);\r\n }\r\n\r\n \/* Spotlight Effect *\/\r\n .asw_spotlight {\r\n position: absolute; top: 0; left: 0; right: 0; bottom: 0;\r\n background: radial-gradient(300px circle at var(--x, 50%) var(--y, 50%), rgba(79, 70, 229, 0.04), transparent 40%);\r\n opacity: 0; pointer-events: none; transition: opacity 0.3s;\r\n }\r\n .asw_card:hover .asw_spotlight { opacity: 1; }\r\n\r\n .asw_icon {\r\n width: 48px; height: 48px;\r\n background: var(--asw-accent-light);\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n color: var(--asw-accent);\r\n flex-shrink: 0;\r\n }\r\n .asw_icon svg { width: 22px; height: 22px; }\r\n\r\n .asw_info h3 {\r\n font-family: 'Syne', sans-serif;\r\n font-size: 1.1rem; font-weight: 700;\r\n margin: 0 0 5px 0; color: var(--asw-text);\r\n }\r\n\r\n .asw_info p, .asw_info a {\r\n font-size: 0.95rem; color: var(--asw-text-muted);\r\n line-height: 1.5; margin: 0; text-decoration: none; display: block;\r\n }\r\n\r\n .asw_link {\r\n font-weight: 600; color: var(--asw-text) !important;\r\n }\r\n .asw_link:hover { color: var(--asw-accent) !important; }\r\n\r\n \/* --- RIGHT COLUMN (MAP) --- *\/\r\n .asw_right {\r\n position: relative;\r\n border-radius: 24px;\r\n overflow: hidden;\r\n box-shadow: 0 20px 40px -10px rgba(0,0,0,0.1);\r\n min-height: 400px;\r\n background: #e2e8f0;\r\n opacity: 0; \/* Hidden for animation *\/\r\n transform: translateX(30px);\r\n }\r\n\r\n .asw_right iframe {\r\n width: 100% !important;\r\n height: 100% !important;\r\n border: none;\r\n \/* Filter for aesthetic map look *\/\r\n filter: saturate(0.8) contrast(1.1);\r\n display: block;\r\n }\r\n\r\n \/* --- RESPONSIVE --- *\/\r\n @media (max-width: 900px) {\r\n .asw_heading_wrap h2 { font-size: 2.25rem; }\r\n .asw_grid { grid-template-columns: 1fr; } \/* Stack columns *\/\r\n .asw_right { min-height: 300px; order: -1; } \/* Map on top on mobile *\/\r\n }\r\n <\/style>\r\n\r\n <div class=\"asw_container\">\r\n \r\n <div class=\"asw_heading_wrap\">\r\n <h2>Let's Start a Conversation<\/h2>\r\n <p>Visit our HQ or get in touch digitally.<\/p>\r\n <\/div>\r\n\r\n <div class=\"asw_grid\">\r\n \r\n <div class=\"asw_left\">\r\n \r\n <div class=\"asw_card\">\r\n <div class=\"asw_spotlight\"><\/div>\r\n <div class=\"asw_icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/><\/svg>\r\n <\/div>\r\n <div class=\"asw_info\">\r\n <h3>Phone<\/h3>\r\n <a href=\"tel:+917975327335\" class=\"asw_link\">+91 79753 27335<\/a>\r\n <p>Mon-Sat, 9am - 7pm<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"asw_card\">\r\n <div class=\"asw_spotlight\"><\/div>\r\n <div class=\"asw_icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/><\/svg>\r\n <\/div>\r\n <div class=\"asw_info\">\r\n <h3>Email Support<\/h3>\r\n <a href=\"mailto:marketing@aspiredigitalsolutions.in\" class=\"asw_link\" style=\"word-break: break-all;\">marketing@aspiredigitalsolutions.in<\/a>\r\n <p>24\/7 Digital Support<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"asw_card\">\r\n <div class=\"asw_spotlight\"><\/div>\r\n <div class=\"asw_icon\">\r\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/><\/svg>\r\n <\/div>\r\n <div class=\"asw_info\">\r\n <h3>Headquarters<\/h3>\r\n <p>3\/D, 7th Cross Rd, Subhasnagara,<br>Rajendra Nagar, Mysuru, Karnataka 570007<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"asw_right\">\r\n <iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3897.6907828112962!2d76.66050977453742!3d12.336587428483282!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3baf71826e22678b%3A0x7acaaae2b6db9daf!2sAspire%20Digital%20Solutions!5e0!3m2!1sen!2sin!4v1769125660399!5m2!1sen!2sin\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const tl = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"#asp_split_widget\",\r\n start: \"top 80%\", \r\n toggleActions: \"play none none none\"\r\n }\r\n });\r\n\r\n \/\/ 1. Heading Animation\r\n tl.to(\".asw_heading_wrap\", { opacity: 1, y: 0, duration: 0.8, ease: \"power2.out\" })\r\n \r\n \/\/ 2. Left Cards Stagger\r\n .to(\".asw_card\", { opacity: 1, x: 0, duration: 0.8, stagger: 0.15, ease: \"back.out(1.2)\" }, \"-=0.4\")\r\n \r\n \/\/ 3. Right Map Fade In\r\n .to(\".asw_right\", { opacity: 1, x: 0, duration: 1, ease: \"power3.out\" }, \"-=0.8\");\r\n\r\n \/\/ Spotlight Logic\r\n document.querySelectorAll('.asw_card').forEach(card => {\r\n card.addEventListener('mousemove', (e) => {\r\n const rect = card.getBoundingClientRect();\r\n card.style.setProperty('--x', `${e.clientX - rect.left}px`);\r\n card.style.setProperty('--y', `${e.clientY - rect.top}px`);\r\n });\r\n });\r\n });\r\n <\/script>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-422ef0a e-con-full e-flex e-con e-parent\" data-id=\"422ef0a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1cc4bc3 elementor-widget elementor-widget-html\" data-id=\"1cc4bc3\" 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_services_final\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_services_final', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\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 #aspire_services_final {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f1f5f9;\r\n overflow: hidden;\r\n }\r\n #aspire_services_final * { box-sizing: border-box; }\r\n\r\n .asp_card_img {\r\n transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);\r\n }\r\n .service-card:hover .asp_card_img {\r\n transform: scale(1.1);\r\n }\r\n \r\n .service-card:hover .asp_icon_box {\r\n transform: scale(1.1) rotate(-5deg);\r\n background-color: #4F46E5;\r\n color: white;\r\n border-color: #4F46E5;\r\n }\r\n .reveal-element { visibility: hidden; }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-24 tw-px-6\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497215728101-856f4ea42174?q=80&w=2070&auto=format&fit=crop\" \r\n class=\"tw-w-full tw-h-full tw-object-cover tw-filter tw-blur-[10px] tw-opacity-50\" \r\n alt=\"Background\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-white\/60\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-relative tw-z-10 tw-max-w-6xl\">\r\n \r\n <div class=\"tw-text-center tw-mb-16 reveal-element\" id=\"asp_header_anim\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-5 tw-rounded-full tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-5 tw-shadow-sm\">\r\n Our Expertise\r\n <\/span>\r\n <h2 class=\"tw-text-4xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-6 tw-leading-tight\">\r\n Comprehensive Digital <br>\r\n <span class=\"tw-text-transparent tw-bg-clip-text tw-bg-gradient-to-r tw-from-blue-600 tw-to-indigo-600\">Marketing Solutions<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-max-w-2xl tw-mx-auto tw-leading-relaxed\">\r\n From SEO to social media, we offer end-to-end digital marketing services tailored to grow your business in Mysore and beyond.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 lg:tw-grid-cols-3 tw-gap-8\" id=\"asp_cards_grid\">\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1572021335469-31706a17aaef?q=80&w=1000&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"SEO\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M13 7h8m0 0v8m0-8l-8 8-4-4-6 6\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">SEO Services<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Dominate search rankings with data-driven strategies. We increase your organic traffic and online visibility.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Keyword Research<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">On-Page SEO<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?q=80&w=1000&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Ads\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2m0-8c1.11 0 2.08.402 2.599 1M12 8V7m0 1v8m0 0v1m0-1c-1.11 0-2.08-.402-2.599-1M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Google Ads (PPC)<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Maximize ROI with targeted campaigns. Get instant visibility and qualified leads when it matters most.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Search Ads<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Remarketing<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1611162618071-b39a2ec055fb?q=80&w=1074&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Social\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M7 11.5V14m0-2.5v-6a1.5 1.5 0 113 0m-3 6a1.5 1.5 0 00-3 0v2a7.5 7.5 0 0015 0v-5a1.5 1.5 0 00-3 0m-6-3V11m0-5.5v-1a1.5 1.5 0 013 0v1m0 0V11\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Social Media Marketing<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Build brand awareness and engage your audience across all major social platforms with creative content.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Content<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Paid Social<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1547658719-da2b51169166?q=80&w=1000&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Web\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Web Development<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Custom, responsive websites that convert visitors into customers. Built for performance and speed.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">E-commerce<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Custom Design<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1590102425712-1c28a0d6b85b?q=80&w=1170&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Branding\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"><\/path><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Branding & Design<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Create a memorable brand identity that stands out. We design logos and visuals that connect with your audience.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Logo Design<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Graphics<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"service-card reveal-element tw-bg-white tw-border tw-border-slate-200 tw-rounded-2xl tw-overflow-hidden tw-cursor-pointer tw-shadow-md hover:tw-shadow-2xl hover:-tw-translate-y-2 tw-transition-all tw-duration-300\">\r\n <div class=\"tw-h-52 tw-relative tw-overflow-hidden\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1562577309-2592ab84b1bc?q=80&w=1074&auto=format&fit=crop\" class=\"asp_card_img tw-w-full tw-h-full tw-object-cover\" alt=\"Local\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-gradient-to-t tw-from-black\/60 tw-to-transparent\"><\/div>\r\n <div class=\"asp_icon_box tw-absolute tw-bottom-4 tw-left-4 tw-bg-white tw-w-12 tw-h-12 tw-flex tw-items-center tw-justify-center tw-rounded-xl tw-text-brand tw-shadow-lg tw-border tw-border-white tw-transition-all tw-duration-300\">\r\n <svg class=\"tw-w-6 tw-h-6\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg>\r\n <\/div>\r\n <\/div>\r\n <div class=\"tw-p-7\">\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Local SEO<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Dominate local search results. We optimize your GMB profile to attract nearby customers to your business.<\/p>\r\n <div class=\"tw-flex tw-gap-2\">\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">GMB Optimization<\/span>\r\n <span class=\"tw-text-[11px] tw-font-bold tw-bg-slate-100 tw-text-slate-600 tw-px-2.5 tw-py-1 tw-rounded-md\">Local Citations<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ 1. Header Animation\r\n gsap.to(\"#asp_header_anim\", {\r\n scrollTrigger: {\r\n trigger: \"#aspire_services_v4\",\r\n start: \"top 80%\",\r\n },\r\n autoAlpha: 1, \r\n y: 0,\r\n duration: 1,\r\n ease: \"power2.out\",\r\n onStart: () => { gsap.set(\"#asp_header_anim\", { y: 50, autoAlpha: 0 }); }\r\n });\r\n\r\n \/\/ 2. Cards Animation\r\n gsap.fromTo(\".service-card\", \r\n { autoAlpha: 0, y: 100 }, \r\n { \r\n autoAlpha: 1, \r\n y: 0, \r\n duration: 0.8, \r\n stagger: 0.15, \r\n ease: \"back.out(1.2)\", \r\n scrollTrigger: {\r\n trigger: \"#asp_cards_grid\",\r\n start: \"top 85%\", \r\n }\r\n }\r\n );\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-793e379 e-con-full e-flex e-con e-parent\" data-id=\"793e379\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8ff4b88 elementor-widget elementor-widget-html\" data-id=\"8ff4b88\" 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_about_root\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_about_root', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo 600\r\n brandDark: '#3730a3',\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\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 #aspire_about_root {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #ffffff;\r\n overflow: hidden;\r\n }\r\n #aspire_about_root * { box-sizing: border-box; }\r\n\r\n \/* Blob Animation *\/\r\n @keyframes float-blob {\r\n 0% { transform: translate(0px, 0px) scale(1); }\r\n 33% { transform: translate(30px, -50px) scale(1.1); }\r\n 66% { transform: translate(-20px, 20px) scale(0.9); }\r\n 100% { transform: translate(0px, 0px) scale(1); }\r\n }\r\n .anim-blob {\r\n animation: float-blob 7s infinite ease-in-out;\r\n }\r\n \r\n .stat-card {\r\n transition: transform 0.3s ease;\r\n }\r\n .stat-card:hover {\r\n transform: translateY(-5px);\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-6 lg:tw-py-28\">\r\n \r\n <div class=\"tw-absolute tw-top-0 tw-right-0 tw-w-96 tw-h-96 tw-bg-indigo-50 tw-rounded-full tw-filter tw-blur-3xl tw-opacity-50 anim-blob tw--z-10\"><\/div>\r\n <div class=\"tw-absolute tw-bottom-0 tw-left-0 tw-w-72 tw-h-72 tw-bg-blue-50 tw-rounded-full tw-filter tw-blur-3xl tw-opacity-50 anim-blob tw--z-10\" style=\"animation-delay: 2s\"><\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-max-w-7xl\">\r\n \r\n <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-16 tw-items-center\">\r\n \r\n <div class=\"tw-content-col\">\r\n \r\n <div class=\"reveal-text\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-indigo-50 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n About Us\r\n <\/span>\r\n <h2 class=\"tw-text-3xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-6 tw-leading-tight\">\r\n Your Trusted Growth Partner in <span class=\"tw-text-brand\">Karnataka.<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-mb-6 tw-leading-relaxed\">\r\n For over 7 years, Aspire Digital Solutions has been the driving force behind successful businesses across Mysore and Karnataka. We aren't just another agency; we are your dedicated partners committed to transforming your online presence into a revenue-generating asset.\r\n <\/p>\r\n <p class=\"tw-text-base tw-text-muted tw-mb-8 tw-leading-relaxed\">\r\n Whether you're a local restaurant, a growing e-commerce brand, or a service provider, our certified experts combine creativity with data-driven strategies to help you stand out.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4 tw-mb-10 reveal-text\">\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Serving Mysore, Bangalore & Mandya<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Data-driven strategies<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Dedicated account managers<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Transparent reporting<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">Proven ROI track record<\/span>\r\n <\/div>\r\n <div class=\"tw-flex tw-items-start tw-gap-3\">\r\n <div class=\"tw-mt-1 tw-text-brand\"><svg class=\"tw-w-5 tw-h-5\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M5 13l4 4L19 7\"><\/path><\/svg><\/div>\r\n <span class=\"tw-text-sm tw-font-semibold tw-text-slate-700\">SMB Growth Specialists<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"reveal-text\">\r\n <button onclick=\"document.getElementById('aspire_contact_wrapper_v2').scrollIntoView({behavior: 'smooth'})\" class=\"tw-px-8 tw-py-4 tw-bg-brand tw-text-white tw-font-bold tw-rounded-xl tw-shadow-lg hover:tw-bg-indigo-700 hover:tw-shadow-xl tw-transition-all tw-transform hover:-tw-translate-y-1\">\r\n Start Your Growth Journey\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-relative\">\r\n \r\n <div class=\"tw-relative tw-z-10 reveal-img\">\r\n <div class=\"tw-rounded-3xl tw-overflow-hidden tw-shadow-2xl tw-border-4 tw-border-white\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1522071820081-009f0129c71c?q=80&w=2070&auto=format&fit=crop\" alt=\"Team Working\" class=\"tw-w-full tw-h-auto tw-object-cover\">\r\n <\/div>\r\n\r\n <div class=\"tw-absolute -tw-bottom-10 -tw-left-6 md:-tw-left-10 tw-bg-white tw-p-6 tw-rounded-2xl tw-shadow-xl tw-border tw-border-slate-100 tw-flex tw-items-center tw-gap-4 tw-max-w-[200px] anim-badge\">\r\n <div class=\"tw-bg-indigo-50 tw-p-3 tw-rounded-full tw-text-brand\">\r\n <svg class=\"tw-w-8 tw-h-8\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z\"><\/path><\/svg>\r\n <\/div>\r\n <div>\r\n <span class=\"tw-block tw-text-3xl tw-font-extrabold tw-text-dark\">7+<\/span>\r\n <span class=\"tw-text-xs tw-text-muted tw-font-bold tw-uppercase\">Years of Excellence<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-2 md:tw-grid-cols-3 tw-gap-6 tw-mt-16 reveal-stats\">\r\n <div class=\"stat-card tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-sm tw-border tw-border-slate-100 tw-text-center\">\r\n <h3 class=\"tw-text-3xl tw-font-extrabold tw-text-brand tw-mb-1\"><span class=\"counter\" data-target=\"1000\">0<\/span>+<\/h3>\r\n <p class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase\">Clients Served<\/p>\r\n <\/div>\r\n <div class=\"stat-card tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-sm tw-border tw-border-slate-100 tw-text-center\">\r\n <h3 class=\"tw-text-3xl tw-font-extrabold tw-text-brand tw-mb-1\"><span class=\"counter\" data-target=\"50\">0<\/span>+<\/h3>\r\n <p class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase\">Cities Covered<\/p>\r\n <\/div>\r\n <div class=\"stat-card tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-sm tw-border tw-border-slate-100 tw-text-center tw-col-span-2 md:tw-col-span-1\">\r\n <h3 class=\"tw-text-3xl tw-font-extrabold tw-text-brand tw-mb-1\"><span class=\"counter\" data-target=\"98\">0<\/span>%<\/h3>\r\n <p class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase\">Satisfaction<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ 1. Text Animation (Left Col)\r\n gsap.from(\".reveal-text\", {\r\n y: 30,\r\n opacity: 0,\r\n duration: 0.8,\r\n stagger: 0.1,\r\n ease: \"power2.out\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_about_root\",\r\n start: \"top 75%\",\r\n }\r\n });\r\n\r\n \/\/ 2. Image Animation (Right Col)\r\n gsap.from(\".reveal-img\", {\r\n x: 50,\r\n opacity: 0,\r\n duration: 1,\r\n ease: \"power2.out\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_about_root\",\r\n start: \"top 75%\",\r\n }\r\n });\r\n\r\n \/\/ 3. Floating Badge Pop\r\n gsap.from(\".anim-badge\", {\r\n scale: 0,\r\n opacity: 0,\r\n duration: 0.6,\r\n delay: 0.5,\r\n ease: \"back.out(1.5)\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_about_root\",\r\n start: \"top 75%\",\r\n }\r\n });\r\n\r\n \/\/ 4. Number Counters Animation\r\n const counters = document.querySelectorAll('.counter');\r\n \r\n ScrollTrigger.create({\r\n trigger: \".reveal-stats\",\r\n start: \"top 85%\",\r\n once: true, \/\/ Run once\r\n onEnter: () => {\r\n \/\/ Fade in stats container\r\n gsap.from(\".stat-card\", {\r\n y: 20,\r\n opacity: 0,\r\n duration: 0.5,\r\n stagger: 0.1,\r\n ease: \"power2.out\"\r\n });\r\n\r\n \/\/ Animate Numbers\r\n counters.forEach(counter => {\r\n const target = +counter.getAttribute('data-target');\r\n gsap.to(counter, {\r\n innerText: target,\r\n duration: 2,\r\n snap: { innerText: 1 }, \/\/ Snap to whole numbers\r\n ease: \"power2.out\"\r\n });\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-747b9eb e-con-full e-flex e-con e-parent\" data-id=\"747b9eb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52c124b elementor-widget elementor-widget-html\" data-id=\"52c124b\" 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_founder_v4\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_founder_v4', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_founder_v4 {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_founder_v4 * { box-sizing: border-box; }\r\n\r\n \/* The Overlay Curtain *\/\r\n .reveal-curtain {\r\n position: absolute;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background-color: #ffffff;\r\n z-index: 20;\r\n transform-origin: top;\r\n }\r\n\r\n \/* Image Wrapper - FULL HEIGHT *\/\r\n .founder-img-wrap {\r\n position: relative;\r\n overflow: hidden;\r\n border-radius: 24px;\r\n width: 100%;\r\n height: 100%; \r\n min-height: 500px; \r\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\r\n transform: translateZ(0);\r\n }\r\n\r\n .main-img, .hover-img {\r\n width: 100%; height: 100%;\r\n object-fit: cover;\r\n position: absolute;\r\n top: 0; left: 0;\r\n transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1);\r\n }\r\n\r\n .hover-img { opacity: 0; z-index: 2; }\r\n\r\n .img-overlay-gradient {\r\n position: absolute; bottom: 0; left: 0; width: 100%; height: 40%;\r\n background: linear-gradient(to top, rgba(15, 23, 42, 0.4), transparent);\r\n z-index: 5; pointer-events: none;\r\n }\r\n\r\n \/* Cert Items Link Styling *\/\r\n .cert-card {\r\n transition: all 0.3s ease;\r\n border: 1px solid #e2e8f0;\r\n cursor: pointer;\r\n text-decoration: none; \/* Remove underline from links *\/\r\n display: flex; \/* Ensure flex layout works on <a> tag *\/\r\n }\r\n .cert-card:hover {\r\n border-color: #4F46E5;\r\n background-color: #EEF2FF;\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 20px -5px rgba(0,0,0,0.05);\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-6 lg:tw-py-24\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop\" \r\n alt=\"Office Blur\" \r\n class=\"tw-w-full tw-h-full tw-object-cover tw-filter tw-blur-[8px] tw-opacity-60\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-white\/70\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-max-w-6xl tw-relative tw-z-10\">\r\n \r\n <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-12 tw-gap-12 lg:tw-gap-20 lg:tw-items-stretch\">\r\n \r\n <div class=\"lg:tw-col-span-5 tw-relative tw-z-10 tw-h-full\" id=\"founder_image_section\">\r\n \r\n <div class=\"founder-img-wrap cursor-pointer\" onmouseenter=\"hoverEffect(true)\" onmouseleave=\"hoverEffect(false)\">\r\n <div class=\"reveal-curtain\"><\/div>\r\n <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Rehan-Studio-headshot.webp\" alt=\"Rehan Studio\" class=\"main-img\">\r\n <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Rehan-Laptop-shot.webp\" alt=\"Rehan Work\" class=\"hover-img\">\r\n <div class=\"img-overlay-gradient\"><\/div>\r\n <\/div>\r\n\r\n <div id=\"exp_badge\" class=\"tw-absolute -tw-bottom-6 -tw-right-6 tw-bg-white tw-p-5 tw-rounded-2xl tw-shadow-2xl tw-border-l-4 tw-border-brand tw-z-30 tw-hidden md:tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"tw-bg-indigo-100 tw-p-2.5 tw-rounded-full tw-text-brand\">\r\n <i class=\"ri-medal-fill tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <span class=\"tw-block tw-text-3xl tw-font-extrabold tw-text-dark tw-leading-none\">7+<\/span>\r\n <span class=\"tw-text-xs tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide\">Years Exp.<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-absolute -tw-top-10 -tw-left-10 tw--z-10\">\r\n <svg width=\"100\" height=\"100\" fill=\"none\" viewBox=\"0 0 100 100\">\r\n <pattern id=\"dots-v4\" x=\"0\" y=\"0\" width=\"20\" height=\"20\" patternUnits=\"userSpaceOnUse\">\r\n <circle cx=\"2\" cy=\"2\" r=\"2\" class=\"tw-text-slate-400\" fill=\"currentColor\" \/>\r\n <\/pattern>\r\n <rect width=\"100\" height=\"100\" fill=\"url(#dots-v4)\" \/>\r\n <\/svg>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"lg:tw-col-span-7 tw-flex tw-flex-col tw-gap-6 tw-pt-4\">\r\n \r\n <div class=\"anim_content\">\r\n <span class=\"tw-inline-block tw-py-1 tw-px-3 tw-rounded-md tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-wider tw-mb-3\">\r\n Meet The Founder\r\n <\/span>\r\n <h2 class=\"tw-text-4xl lg:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-2\">\r\n Mohammed Rehan\r\n <\/h2>\r\n <p class=\"tw-text-xl tw-font-medium tw-text-brand\">\r\n Founder & Digital Marketing Strategist\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-space-y-4 anim_content\">\r\n <p class=\"tw-text-slate-600 tw-leading-relaxed tw-text-lg\">\r\n With over <strong class=\"tw-text-dark\">7 years of hands-on experience<\/strong>, Mohammed Rehan founded Aspire Digital Solutions with a vision to empower local businesses in Mysore and Karnataka. \r\n <\/p>\r\n <p class=\"tw-text-slate-600 tw-leading-relaxed\">\r\n A certified <strong>Google Ads & HubSpot professional<\/strong>, Rehan combines technical expertise with creative strategy to deliver campaigns that don't just look good\u2014they deliver measurable ROI.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 tw-gap-4 tw-mt-2 anim_content\">\r\n \r\n <a href=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Gads-Skillshop.pdf\" target=\"_blank\" class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-google-fill tw-text-3xl tw-text-blue-600\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark tw-flex tw-items-center tw-gap-1\">Google Ads Certified <i class=\"ri-external-link-line tw-text-xs tw-text-muted\"><\/i><\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">View Certificate<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/Hubspot-Certification-Digital-marketing.webp\" target=\"_blank\" class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-hubspot-fill tw-text-3xl tw-text-orange-500\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark tw-flex tw-items-center tw-gap-1\">HubSpot Certified <i class=\"ri-external-link-line tw-text-xs tw-text-muted\"><\/i><\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">View Certificate<\/p>\r\n <\/div>\r\n <\/a>\r\n\r\n <div class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-book-mark-fill tw-text-3xl tw-text-purple-600\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">MBA in Marketing<\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">Strategic Management<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"cert-card tw-flex tw-items-center tw-gap-3 tw-p-4 tw-rounded-xl tw-bg-white\/80 tw-backdrop-blur-sm\">\r\n <i class=\"ri-briefcase-4-fill tw-text-3xl tw-text-emerald-600\"><\/i>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">7+ Years Exp.<\/h4>\r\n <p class=\"tw-text-[11px] tw-text-muted tw-font-medium\">Industry Veteran<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-mt-6 anim_content\">\r\n <a href=\"https:\/\/www.linkedin.com\/company\/aspire-digital-solution\/\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-gap-2 tw-px-8 tw-py-4 tw-bg-[#0A66C2] tw-text-white tw-font-bold tw-rounded-xl tw-shadow-lg hover:tw-shadow-xl hover:tw-bg-[#004182] tw-transition-all hover:-tw-translate-y-1 tw-no-underline\" rel=\"noopener\">\r\n <i class=\"ri-linkedin-box-fill tw-text-2xl\"><\/i>\r\n <span>Let's Connect on LinkedIn<\/span>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n let mainImgV4, hoverImgV4;\r\n\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n mainImgV4 = document.querySelector('#aspire_founder_v4 .main-img');\r\n hoverImgV4 = document.querySelector('#aspire_founder_v4 .hover-img');\r\n const badge = document.querySelector('#aspire_founder_v4 #exp_badge');\r\n\r\n \/\/ --- A. ENTRANCE ANIMATION --- \/\/\r\n const tl = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"#aspire_founder_v4\",\r\n start: \"top 75%\",\r\n toggleActions: \"play none none reverse\"\r\n }\r\n });\r\n\r\n \/\/ 1. Reveal Image\r\n tl.to(\"#aspire_founder_v4 .reveal-curtain\", {\r\n height: \"0%\",\r\n duration: 1.2,\r\n ease: \"power3.inOut\"\r\n })\r\n \/\/ 2. Scale Image\r\n .from(mainImgV4, {\r\n scale: 1.2,\r\n duration: 1.5,\r\n ease: \"power2.out\"\r\n }, \"-=1.2\")\r\n \/\/ 3. Stagger Text\r\n .from(\"#aspire_founder_v4 .anim_content\", {\r\n y: 30,\r\n opacity: 0,\r\n duration: 0.8,\r\n stagger: 0.1,\r\n ease: \"power2.out\"\r\n }, \"-=1.0\")\r\n \/\/ 4. Pop Badge\r\n .from(badge, {\r\n scale: 0,\r\n rotation: -15,\r\n opacity: 0,\r\n duration: 0.6,\r\n ease: \"back.out(1.7)\"\r\n }, \"-=0.5\");\r\n\r\n\r\n \/\/ --- B. MOUSE MOVE EFFECT FOR BADGE --- \/\/\r\n const imgSection = document.querySelector('#aspire_founder_v4 #founder_image_section');\r\n imgSection.addEventListener('mousemove', (e) => {\r\n const rect = imgSection.getBoundingClientRect();\r\n const x = (e.clientX - rect.left - rect.width \/ 2) \/ 20;\r\n const y = (e.clientY - rect.top - rect.height \/ 2) \/ 20;\r\n\r\n gsap.to(badge, {\r\n x: x,\r\n y: y,\r\n duration: 0.5,\r\n ease: \"power1.out\"\r\n });\r\n });\r\n imgSection.addEventListener('mouseleave', () => {\r\n gsap.to(badge, { x: 0, y: 0, duration: 0.5 });\r\n });\r\n });\r\n\r\n \/\/ --- C. HOVER IMAGE SWAP LOGIC --- \/\/\r\n function hoverEffect(isHovering) {\r\n if (isHovering) {\r\n gsap.to(hoverImgV4, { opacity: 1, scale: 1.05, duration: 0.5 });\r\n gsap.to(mainImgV4, { opacity: 0, scale: 1.1, duration: 0.5 });\r\n } else {\r\n gsap.to(hoverImgV4, { opacity: 0, scale: 1, duration: 0.5 });\r\n gsap.to(mainImgV4, { opacity: 1, scale: 1, duration: 0.5 });\r\n }\r\n }\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62deecb e-con-full e-flex e-con e-parent\" data-id=\"62deecb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-893f7e5 elementor-widget elementor-widget-html\" data-id=\"893f7e5\" 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_reviews_widget\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_reviews_widget', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_reviews_widget {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_reviews_widget * { box-sizing: border-box; }\r\n\r\n \/* Card Styling *\/\r\n .review-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 16px;\r\n padding: 24px;\r\n width: 350px; \/* Fixed width for carousel *\/\r\n flex-shrink: 0;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n }\r\n .review-card:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1);\r\n border-color: #4F46E5;\r\n }\r\n\r\n \/* Avatar Circle *\/\r\n .avatar-circle {\r\n width: 40px; height: 40px;\r\n border-radius: 50%;\r\n background: linear-gradient(135deg, #e0e7ff, #c7d2fe);\r\n color: #4F46E5;\r\n display: flex; align-items: center; justify-content: center;\r\n font-weight: 700; font-size: 14px;\r\n }\r\n\r\n \/* Gradient fade for marquee edges *\/\r\n .marquee-overlay {\r\n position: absolute; top: 0; bottom: 0; width: 100px;\r\n z-index: 10; pointer-events: none;\r\n }\r\n .overlay-left { left: 0; background: linear-gradient(to right, #f8fafc, transparent); }\r\n .overlay-right { right: 0; background: linear-gradient(to left, #f8fafc, transparent); }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20\">\r\n \r\n <div class=\"tw-container tw-mx-auto tw-px-6 tw-mb-16 tw-text-center\">\r\n <span class=\"tw-inline-block tw-py-1 tw-px-3 tw-rounded-md tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-wider tw-mb-4\">\r\n Client Testimonials\r\n <\/span>\r\n <h2 class=\"tw-text-4xl tw-font-extrabold tw-text-dark tw-mb-4\">What Our Clients Say<\/h2>\r\n \r\n <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-center tw-justify-center tw-gap-4 tw-mt-6\">\r\n <div class=\"tw-text-5xl tw-font-extrabold tw-text-dark\">4.9<\/div>\r\n <div class=\"tw-text-left\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-xl\">\r\n <i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-half-fill\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-muted tw-font-medium\">based on 150+ reviews on Google<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-relative tw-w-full tw-overflow-hidden\">\r\n <div class=\"marquee-overlay overlay-left\"><\/div>\r\n <div class=\"marquee-overlay overlay-right\"><\/div>\r\n\r\n <div class=\"tw-flex tw-gap-6 tw-mb-6 marquee-row-left\" style=\"width: max-content;\">\r\n <div class=\"tw-flex tw-gap-6\" id=\"row1-content\">\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Aspire Digital Solutions transformed our online presence completely. Our website traffic increased by 300% and sales have doubled since we started working with them.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">PS<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Priya Sharma<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Owner, Fashion Boutique<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"The Google Ads campaigns they managed for us delivered exceptional ROI. Their team is professional, responsive, and truly understands digital marketing.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">RK<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Rajesh Kumar<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Director, Tech Solutions<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Their social media strategy helped us build a community of 50K+ followers. The engagement and brand awareness we've gained is incredible.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">AR<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Anita Reddy<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Founder, Organic Foods<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Their local SEO expertise put us on the map \u2013 literally! We now get 20+ quality leads every month from Google. Highly recommended.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">MI<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Mohammed Imran<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">CEO, Construction Co.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-flex tw-gap-6 marquee-row-right\" style=\"width: max-content;\">\r\n <div class=\"tw-flex tw-gap-6\" id=\"row2-content\">\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Professional, creative, and results-driven. The team at Aspire Digital Solutions delivered beyond our expectations. Restaurant bookings increased significantly.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">KM<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Kavitha Murthy<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Manager, Restaurant Chain<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"From website development to digital marketing, they handled everything seamlessly. Great communication and impressive results. 5 stars all the way!\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">SR<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Suresh Rao<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Owner, Fitness Studio<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"Real estate is competitive, but Aspire's lead generation strategies kept our pipeline full. The quality of leads has been outstanding compared to other agencies.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">AP<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Anand Patil<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Realtor, Mysore<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"review-card\">\r\n <div class=\"tw-flex tw-justify-between tw-mb-3\">\r\n <div class=\"tw-flex tw-text-yellow-400 tw-text-sm\"><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-fill\"><\/i><i class=\"ri-star-half-fill\"><\/i><\/div>\r\n <i class=\"ri-google-fill tw-text-slate-300 tw-text-xl\"><\/i>\r\n <\/div>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-leading-relaxed tw-mb-6\">\"We saw a 40% increase in student admissions this year thanks to their targeted Facebook ad campaigns. They truly care about client success.\"<\/p>\r\n <div class=\"tw-flex tw-items-center tw-gap-3\">\r\n <div class=\"avatar-circle\">DH<\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-dark\">Deepa Hegde<\/h4>\r\n <p class=\"tw-text-xs tw-text-muted\">Director, EduAcademy<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-text-center tw-mt-12\">\r\n <a href=\"https:\/\/g.page\/r\/YOUR_GOOGLE_LINK\" target=\"_blank\" class=\"tw-inline-flex tw-items-center tw-gap-2 tw-text-brand tw-font-bold tw-text-sm hover:tw-text-dark tw-transition-colors\">\r\n See all reviews on Google <i class=\"ri-arrow-right-line\"><\/i>\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n \r\n \/\/ 1. DUPLICATE CONTENT FOR INFINITE SCROLL\r\n \/\/ We clone the content so GSAP has enough length to loop\r\n const row1 = document.querySelector('.marquee-row-left');\r\n const content1 = document.getElementById('row1-content');\r\n row1.appendChild(content1.cloneNode(true)); \/\/ Duplicate\r\n row1.appendChild(content1.cloneNode(true)); \/\/ Triplicate for safety on wide screens\r\n\r\n const row2 = document.querySelector('.marquee-row-right');\r\n const content2 = document.getElementById('row2-content');\r\n row2.appendChild(content2.cloneNode(true)); \r\n row2.appendChild(content2.cloneNode(true)); \r\n\r\n \/\/ 2. GSAP ANIMATIONS\r\n \/\/ Row 1: Move Left\r\n gsap.to(\".marquee-row-left\", {\r\n xPercent: -33.33, \/\/ Move 1\/3 of the total width (since we have 3 sets)\r\n repeat: -1,\r\n duration: 25, \/\/ Speed (Adjust higher to make slower)\r\n ease: \"linear\"\r\n });\r\n\r\n \/\/ Row 2: Move Right (Start from -33% and go to 0)\r\n gsap.fromTo(\".marquee-row-right\", \r\n { xPercent: -33.33 },\r\n {\r\n xPercent: 0,\r\n repeat: -1,\r\n duration: 28, \/\/ Slightly different speed for natural feel\r\n ease: \"linear\"\r\n }\r\n );\r\n\r\n \/\/ 3. Pause on Hover (Optional UX Improvement)\r\n const widget = document.getElementById('aspire_reviews_widget');\r\n widget.addEventListener('mouseenter', () => {\r\n gsap.globalTimeline.timeScale(0.2); \/\/ Slow down significantly\r\n });\r\n widget.addEventListener('mouseleave', () => {\r\n gsap.to(gsap.globalTimeline, { timeScale: 1, duration: 0.5 }); \/\/ Resume speed\r\n });\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a1f9399 e-con-full e-flex e-con e-parent\" data-id=\"a1f9399\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0fa349d elementor-widget elementor-widget-html\" data-id=\"0fa349d\" 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_why_final\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_why_final', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n success: '#10B981', \r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_why_final {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_why_final * { box-sizing: border-box; }\r\n\r\n \/* --- CARD STYLING (Default Visible) --- *\/\r\n .why-card {\r\n background: rgba(255, 255, 255, 0.9);\r\n backdrop-filter: blur(12px);\r\n border: 1px solid rgba(226, 232, 240, 0.8);\r\n border-radius: 16px;\r\n padding: 32px;\r\n transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;\r\n \r\n \/* KEY FIX: Ensure visibility is handled by CSS first *\/\r\n opacity: 1; \r\n transform: translateY(0);\r\n }\r\n\r\n .why-card:hover {\r\n transform: translateY(-8px);\r\n border-color: #4F46E5;\r\n box-shadow: 0 20px 40px -5px rgba(79, 70, 229, 0.15);\r\n background-color: #ffffff;\r\n z-index: 2;\r\n }\r\n\r\n \/* Icon Animation *\/\r\n .why-icon {\r\n transition: all 0.3s ease;\r\n }\r\n .why-card:hover .why-icon {\r\n background-color: #4F46E5;\r\n color: #ffffff;\r\n transform: scale(1.1) rotate(-5deg);\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-5 md:tw-px-10\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0\">\r\n <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop\" \r\n class=\"tw-w-full tw-h-full tw-object-cover tw-filter tw-blur-[8px] tw-opacity-50\" \r\n alt=\"Background\">\r\n <div class=\"tw-absolute tw-inset-0 tw-bg-white\/70\"><\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-relative tw-z-10 tw-max-w-6xl\">\r\n \r\n <div class=\"tw-text-center tw-mb-16\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n Why Choose Us\r\n <\/span>\r\n <h2 class=\"tw-text-3xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-4 tw-leading-tight\">\r\n Why Businesses Trust <br class=\"tw-hidden md:tw-block\">\r\n <span class=\"tw-text-brand\">Aspire Digital Solutions<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-max-w-2xl tw-mx-auto\">\r\n We're committed to delivering results that matter. Here's what sets us apart.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-6 md:tw-gap-8\" id=\"why_cards_container\">\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-bar-chart-grouped-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">ROI-Focused Strategies<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Strategies designed for your bottom line. We focus on real, measurable returns.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Data-driven decisions<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Revenue tracking<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Continuous optimization<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-file-list-3-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Transparent Reporting<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">No hidden metrics. Get clear, comprehensive reports on performance.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Weekly updates<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Real-time dashboards<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Detailed analytics<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-rocket-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Performance-Driven<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">We optimize relentlessly. Our performance-first approach ensures maximum results.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> A\/B testing<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Conversion optimization<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Lead quality focus<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"why-card\">\r\n <div class=\"tw-flex tw-items-start tw-gap-5\">\r\n <div class=\"why-icon tw-w-14 tw-h-14 tw-bg-indigo-50 tw-text-brand tw-rounded-xl tw-flex tw-items-center tw-justify-center tw-flex-shrink-0 tw-shadow-sm\">\r\n <i class=\"ri-map-pin-user-line tw-text-2xl\"><\/i>\r\n <\/div>\r\n <div>\r\n <h3 class=\"tw-text-xl tw-font-bold tw-text-dark tw-mb-3\">Local Market Experts<\/h3>\r\n <p class=\"tw-text-sm tw-text-muted tw-mb-5 tw-leading-relaxed\">Mysore-based expertise. We understand local dynamics and customer behavior.<\/p>\r\n <ul class=\"tw-space-y-2\">\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Local insights<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Regional expertise<\/li>\r\n <li class=\"tw-flex tw-items-center tw-gap-2 tw-text-sm tw-font-semibold tw-text-slate-700\"><i class=\"ri-checkbox-circle-fill tw-text-success\"><\/i> Cultural understanding<\/li>\r\n <\/ul>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ We use fromTo to FORCE the end state to be visible (opacity: 1)\r\n \/\/ This prevents elements getting stuck at opacity: 0\r\n \r\n gsap.fromTo(\".why-card\", \r\n { \r\n y: 50, \r\n opacity: 0 \r\n },\r\n { \r\n y: 0, \r\n opacity: 1, \r\n duration: 0.8, \r\n stagger: 0.15, \r\n ease: \"back.out(1.2)\",\r\n scrollTrigger: {\r\n trigger: \"#why_cards_container\",\r\n start: \"top 90%\", \/\/ Trigger earlier\r\n }\r\n }\r\n );\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-164f580 e-con-full e-flex e-con e-parent\" data-id=\"164f580\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbe56ca elementor-widget elementor-widget-html\" data-id=\"bbe56ca\" 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_social_final_v5\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_social_final_v5', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n },\r\n screens: {\r\n 'xs': '480px', \/\/ Extra small devices\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\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 #aspire_social_final_v5 {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #ffffff;\r\n overflow: hidden;\r\n }\r\n #aspire_social_final_v5 * { box-sizing: border-box; }\r\n\r\n \/* --- FORCE VISIBILITY CSS --- *\/\r\n .social-card {\r\n background: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 20px;\r\n transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);\r\n position: relative;\r\n overflow: hidden;\r\n height: 100%;\r\n \r\n \/* CRITICAL: Ensure visibility regardless of JS *\/\r\n opacity: 1 !important; \r\n visibility: visible !important;\r\n transform: translateY(0);\r\n }\r\n \r\n .social-card:hover {\r\n transform: translateY(-8px);\r\n box-shadow: 0 20px 30px -10px rgba(0, 0, 0, 0.1);\r\n }\r\n\r\n \/* --- BRAND STYLES --- *\/\r\n \/* Instagram *\/\r\n .brand-insta { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }\r\n .text-insta { background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }\r\n .bg-insta-light { background: #fff0f5; }\r\n .card-insta:hover { border-color: #bc1888; }\r\n\r\n \/* Facebook *\/\r\n .brand-fb { background-color: #1877F2; }\r\n .text-fb { color: #1877F2; }\r\n .bg-fb-light { background-color: #e7f1ff; }\r\n .card-fb:hover { border-color: #1877F2; }\r\n\r\n \/* LinkedIn *\/\r\n .brand-li { background-color: #0A66C2; }\r\n .text-li { color: #0A66C2; }\r\n .bg-li-light { background-color: #e4f0fb; }\r\n .card-li:hover { border-color: #0A66C2; }\r\n\r\n \/* YouTube *\/\r\n .brand-yt { background-color: #FF0000; }\r\n .text-yt { color: #FF0000; }\r\n .bg-yt-light { background-color: #ffe5e5; }\r\n .card-yt:hover { border-color: #FF0000; }\r\n\r\n \/* Buttons *\/\r\n .btn-social {\r\n color: white;\r\n font-weight: 700;\r\n padding: 10px 24px;\r\n border-radius: 50px;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: opacity 0.3s;\r\n font-size: 14px;\r\n }\r\n .btn-social:hover { opacity: 0.9; }\r\n\r\n \/* Background Pattern *\/\r\n .bg-dots {\r\n background-image: radial-gradient(#e2e8f0 1px, transparent 1px);\r\n background-size: 24px 24px;\r\n }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-16 md:tw-py-24 tw-px-5 md:tw-px-8\">\r\n \r\n <div class=\"tw-absolute tw-inset-0 tw-z-0 bg-dots tw-opacity-60\"><\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-relative tw-z-10 tw-max-w-7xl\">\r\n \r\n <div class=\"tw-text-center tw-mb-12 md:tw-mb-16\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-slate-100 tw-border tw-border-slate-200 tw-text-slate-600 tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n Connect With Us\r\n <\/span>\r\n <h2 class=\"tw-text-3xl md:tw-text-4xl lg:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-4 tw-leading-tight\">\r\n Follow Us on Social Media\r\n <\/h2>\r\n <p class=\"tw-text-base md:tw-text-lg tw-text-muted tw-max-w-2xl tw-mx-auto\">\r\n Join our growing community for the latest digital marketing insights.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 lg:tw-grid-cols-4 tw-gap-6 tw-w-full\">\r\n\r\n <a href=\"https:\/\/www.instagram.com\/aspiredigitalsolution\" target=\"_blank\" class=\"social-card card-insta tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\" rel=\"noopener\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-insta-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-instagram-line tw-text-4xl text-insta\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"12.5\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Followers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Marketing tips & behind the scenes<\/p>\r\n <div class=\"btn-social brand-insta\">\r\n <i class=\"ri-instagram-fill\"><\/i> Follow\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" target=\"_blank\" class=\"social-card card-fb tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-fb-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-facebook-fill tw-text-4xl text-fb\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"8.2\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Followers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Latest updates & case studies<\/p>\r\n <div class=\"btn-social brand-fb\">\r\n <i class=\"ri-thumb-up-fill\"><\/i> Like Page\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.linkedin.com\/company\/aspire-digital-solution\/\" target=\"_blank\" class=\"social-card card-li tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\" rel=\"noopener\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-li-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-linkedin-fill tw-text-4xl text-li\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"5.1\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Followers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Business insights & industry news<\/p>\r\n <div class=\"btn-social brand-li\">\r\n <i class=\"ri-add-line\"><\/i> Connect\r\n <\/div>\r\n <\/a>\r\n\r\n <a href=\"#\" target=\"_blank\" class=\"social-card card-yt tw-p-8 tw-text-center tw-group tw-no-underline tw-cursor-pointer tw-flex tw-flex-col tw-items-center\">\r\n <div class=\"tw-w-16 tw-h-16 tw-mb-5 bg-yt-light tw-rounded-2xl tw-flex tw-items-center tw-justify-center tw-shadow-sm group-hover:tw-scale-110 tw-transition-transform\">\r\n <i class=\"ri-youtube-fill tw-text-4xl text-yt\"><\/i>\r\n <\/div>\r\n <div class=\"tw-text-3xl tw-font-extrabold tw-text-dark tw-mb-1\">\r\n <span class=\"counter\" data-target=\"3.2\">0<\/span>K\r\n <\/div>\r\n <p class=\"tw-text-[11px] tw-font-bold tw-text-muted tw-uppercase tw-tracking-wide tw-mb-4\">Subscribers<\/p>\r\n <p class=\"tw-text-sm tw-text-slate-600 tw-mb-6 tw-line-clamp-2 tw-flex-grow\">Tutorials & marketing strategies<\/p>\r\n <div class=\"btn-social brand-yt\">\r\n <i class=\"ri-play-circle-fill\"><\/i> Subscribe\r\n <\/div>\r\n <\/a>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n \/\/ ANIMATION LOGIC:\r\n \/\/ We use 'from' but with 'clearProps' immediately to ensure elements don't get stuck hidden.\r\n \r\n \/\/ 1. Cards Pop In\r\n gsap.from(\".social-card\", {\r\n y: 50,\r\n duration: 0.8,\r\n stagger: 0.15,\r\n ease: \"back.out(1.2)\",\r\n scrollTrigger: {\r\n trigger: \"#aspire_social_final_v5\",\r\n start: \"top 85%\"\r\n }\r\n });\r\n\r\n \/\/ 2. Counter Animation\r\n const counters = document.querySelectorAll('.counter');\r\n ScrollTrigger.create({\r\n trigger: \"#aspire_social_final_v5\",\r\n start: \"top 80%\",\r\n once: true,\r\n onEnter: () => {\r\n counters.forEach(counter => {\r\n const target = parseFloat(counter.getAttribute('data-target'));\r\n gsap.to(counter, {\r\n innerText: target,\r\n duration: 2,\r\n snap: { innerText: 0.1 },\r\n ease: \"power2.out\",\r\n onUpdate: function() {\r\n counter.innerText = this.targets()[0].innerText;\r\n }\r\n });\r\n });\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29d32b3 e-con-full e-flex e-con e-parent\" data-id=\"29d32b3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-54d00ae elementor-widget elementor-widget-html\" data-id=\"54d00ae\" 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_contact_functional\">\r\n\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <script>\r\n tailwind.config = {\r\n prefix: 'tw-', \r\n important: '#aspire_contact_functional', \r\n corePlugins: { preflight: false },\r\n theme: {\r\n extend: {\r\n colors: {\r\n brand: '#4F46E5', \/\/ Indigo\r\n brandDark: '#3730a3',\r\n dark: '#0F172A',\r\n muted: '#64748B',\r\n light: '#F8FAFC',\r\n },\r\n fontFamily: {\r\n sans: ['Manrope', 'sans-serif'],\r\n }\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n <link href=\"https:\/\/cdn.jsdelivr.net\/npm\/remixicon@3.5.0\/fonts\/remixicon.css\" rel=\"stylesheet\">\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/sweetalert2@11\"><\/script>\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 #aspire_contact_functional {\r\n font-family: 'Manrope', sans-serif;\r\n width: 100%;\r\n position: relative;\r\n background-color: #f8fafc;\r\n overflow: hidden;\r\n }\r\n #aspire_contact_functional * { box-sizing: border-box; }\r\n\r\n \/* Input Styling *\/\r\n .form-input {\r\n width: 100%;\r\n padding: 14px 16px;\r\n background-color: #ffffff;\r\n border: 1px solid #e2e8f0;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n color: #0F172A;\r\n transition: all 0.3s ease;\r\n outline: none;\r\n }\r\n .form-input:focus {\r\n border-color: #4F46E5;\r\n box-shadow: 0 0 0 4px rgba(79, 70, 229, 0.1);\r\n }\r\n\r\n \/* Contact Info Cards *\/\r\n .info-card {\r\n background: #ffffff;\r\n padding: 24px;\r\n border-radius: 16px;\r\n border: 1px solid #e2e8f0;\r\n transition: transform 0.3s ease;\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 16px;\r\n }\r\n .info-card:hover {\r\n transform: translateY(-5px);\r\n border-color: #4F46E5;\r\n box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);\r\n }\r\n \r\n \/* Icon Box *\/\r\n .icon-box {\r\n width: 48px; height: 48px;\r\n background-color: #EEF2FF;\r\n color: #4F46E5;\r\n border-radius: 12px;\r\n display: flex; align-items: center; justify-content: center;\r\n font-size: 24px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* Background Shapes *\/\r\n .blob {\r\n position: absolute;\r\n border-radius: 50%;\r\n filter: blur(80px);\r\n opacity: 0.6;\r\n z-index: 0;\r\n }\r\n\r\n \/* Spinner for Button *\/\r\n .spinner {\r\n border: 2px solid rgba(255,255,255,0.3); border-radius: 50%; border-top: 2px solid white;\r\n width: 18px; height: 18px; animation: spin 1s linear infinite; display: none; margin-right: 8px;\r\n }\r\n @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }\r\n <\/style>\r\n\r\n <div class=\"tw-relative tw-w-full tw-py-20 tw-px-5 md:tw-px-8\">\r\n \r\n <div class=\"blob tw-w-96 tw-h-96 tw-bg-indigo-100 tw-top-0 tw-left-0 tw--translate-x-1\/2 tw--translate-y-1\/2\"><\/div>\r\n <div class=\"blob tw-w-80 tw-h-80 tw-bg-blue-100 tw-bottom-0 tw-right-0 tw-translate-x-1\/2 tw-translate-y-1\/2\"><\/div>\r\n\r\n <div class=\"tw-container tw-mx-auto tw-max-w-6xl tw-relative tw-z-10\">\r\n <div class=\"tw-grid tw-grid-cols-1 lg:tw-grid-cols-2 tw-gap-12 lg:tw-gap-20\">\r\n \r\n <div class=\"tw-flex tw-flex-col tw-justify-center\" id=\"contact_left_final\">\r\n <div class=\"tw-mb-10\">\r\n <span class=\"tw-inline-block tw-py-1.5 tw-px-4 tw-rounded-full tw-bg-indigo-50 tw-border tw-border-indigo-100 tw-text-brand tw-font-bold tw-text-xs tw-uppercase tw-tracking-widest tw-mb-4\">\r\n Get In Touch\r\n <\/span>\r\n <h2 class=\"tw-text-4xl md:tw-text-5xl tw-font-extrabold tw-text-dark tw-mb-4 tw-leading-tight\">\r\n Ready to Grow <br> <span class=\"tw-text-brand\">Your Business?<\/span>\r\n <\/h2>\r\n <p class=\"tw-text-lg tw-text-muted tw-leading-relaxed\">\r\n Let's discuss your digital goals. Fill out the form or reach us directly using the details below.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"tw-space-y-4\">\r\n <div class=\"info-card\">\r\n <div class=\"icon-box\"><i class=\"ri-phone-fill\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-muted tw-uppercase tw-mb-1\">Phone<\/h4>\r\n <a href=\"tel:+917975327335\" class=\"tw-text-xl tw-font-bold tw-text-dark hover:tw-text-brand tw-no-underline tw-transition-colors\">+91 79753 27335<\/a>\r\n <p class=\"tw-text-xs tw-text-muted tw-font-medium tw-mt-1\"><i class=\"ri-time-line tw-align-bottom\"><\/i> Mon-Sat, 9am - 7pm<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-box\"><i class=\"ri-mail-send-fill\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-muted tw-uppercase tw-mb-1\">Email Support<\/h4>\r\n <a href=\"mailto:marketing@aspiredigitalsolutions.in\" class=\"tw-text-lg md:tw-text-xl tw-font-bold tw-text-dark hover:tw-text-brand tw-no-underline tw-transition-colors tw-break-all\">marketing@aspiredigitalsolutions.in<\/a>\r\n <p class=\"tw-text-xs tw-text-green-600 tw-font-bold tw-mt-1 flex tw-items-center gap-1\"><span class=\"tw-w-2 tw-h-2 tw-bg-green-500 tw-rounded-full tw-inline-block\"><\/span> 24\/7 Digital Support<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"info-card\">\r\n <div class=\"icon-box\"><i class=\"ri-map-pin-2-fill\"><\/i><\/div>\r\n <div>\r\n <h4 class=\"tw-text-sm tw-font-bold tw-text-muted tw-uppercase tw-mb-1\">Headquarters<\/h4>\r\n <p class=\"tw-text-base tw-font-bold tw-text-dark tw-leading-snug\">\r\n 3\/D, 7th Cross Rd, Subhasnagara,<br>\r\n Rajendra Nagar, Mysuru, Karnataka 570007\r\n <\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tw-relative\" id=\"contact_right_final\">\r\n <div class=\"tw-bg-white tw-p-8 md:tw-p-10 tw-rounded-3xl tw-shadow-xl tw-border tw-border-slate-100\">\r\n <h3 class=\"tw-text-2xl tw-font-bold tw-text-dark tw-mb-6\">Request a Free Consultation<\/h3>\r\n \r\n <form id=\"aspireForm\" class=\"tw-space-y-5\">\r\n \r\n <input type=\"hidden\" name=\"source\" value=\"Website_Main_Form\">\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Full Name <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <input type=\"text\" id=\"fullName\" name=\"name\" class=\"form-input\" placeholder=\"John Doe\" required>\r\n <\/div>\r\n\r\n <div class=\"tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-5\">\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Phone Number <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" placeholder=\"+91 79753...\" required>\r\n <\/div>\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Email Address <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" placeholder=\"you@company.com\" required>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Service Required <span class=\"tw-text-red-500\">*<\/span><\/label>\r\n <div class=\"tw-relative\">\r\n <select id=\"service\" name=\"service\" class=\"form-input tw-appearance-none tw-cursor-pointer\" required>\r\n <option value=\"\" disabled selected>Select a service<\/option>\r\n <option value=\"SEO\">SEO Services<\/option>\r\n <option value=\"PPC\">Google Ads (PPC)<\/option>\r\n <option value=\"SMM\">Social Media Marketing<\/option>\r\n <option value=\"Web\">Web Development<\/option>\r\n <option value=\"Branding\">Branding & Graphic Design<\/option>\r\n <option value=\"LocalSEO\">Local SEO & GMB Optimization<\/option>\r\n <option value=\"Other\">Other<\/option>\r\n <\/select>\r\n <div class=\"tw-absolute tw-right-4 tw-top-1\/2 -tw-translate-y-1\/2 tw-pointer-events-none tw-text-muted\">\r\n <i class=\"ri-arrow-down-s-line tw-text-xl\"><\/i>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div>\r\n <label class=\"tw-block tw-text-sm tw-font-semibold tw-text-dark tw-mb-2\">Message (Optional)<\/label>\r\n <textarea id=\"message\" name=\"message\" class=\"form-input\" rows=\"4\" placeholder=\"Tell us about your project...\"><\/textarea>\r\n <\/div>\r\n\r\n <button type=\"submit\" id=\"submitBtn\" class=\"tw-w-full tw-py-4 tw-bg-brand tw-text-white tw-font-bold tw-rounded-xl tw-shadow-lg hover:tw-bg-indigo-700 hover:tw-shadow-xl tw-transition-all tw-transform hover:-tw-translate-y-1 tw-flex tw-items-center tw-justify-center tw-gap-2\">\r\n <span class=\"spinner\"><\/span>\r\n <span id=\"btnText\">Send Message<\/span>\r\n <i id=\"btnIcon\" class=\"ri-send-plane-fill\"><\/i>\r\n <\/button>\r\n\r\n <p class=\"tw-text-xs tw-text-muted tw-text-center tw-mt-4\">\r\n By submitting this form, you agree to our <a href=\"#\" class=\"tw-text-brand tw-underline\">privacy policy<\/a>.\r\n <\/p>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n document.addEventListener(\"DOMContentLoaded\", () => {\r\n gsap.registerPlugin(ScrollTrigger);\r\n\r\n const tl = gsap.timeline({\r\n scrollTrigger: {\r\n trigger: \"#aspire_contact_functional\",\r\n start: \"top 75%\",\r\n toggleActions: \"play none none reverse\"\r\n }\r\n });\r\n\r\n \/\/ Animations\r\n tl.from(\"#contact_left_final\", { x: -50, opacity: 0, duration: 1, ease: \"power3.out\" })\r\n .from(\".info-card\", { y: 20, opacity: 0, duration: 0.6, stagger: 0.15, ease: \"back.out(1.5)\" }, \"-=0.5\");\r\n\r\n gsap.from(\"#contact_right_final\", {\r\n y: 50, opacity: 0, duration: 1, delay: 0.2, ease: \"power2.out\",\r\n scrollTrigger: { trigger: \"#aspire_contact_functional\", start: \"top 75%\" }\r\n });\r\n });\r\n\r\n \/\/ --- BACKEND INTEGRATION LOGIC ---\r\n \/\/ REPLACE THIS URL WITH YOUR ASPIRE CRM API OR WEBHOOK URL\r\n const CRM_API_URL = \"https:\/\/your-crm-url.com\/api\/leads\"; \r\n\r\n document.getElementById('aspireForm').addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n\r\n const btn = document.getElementById('submitBtn');\r\n const btnText = document.getElementById('btnText');\r\n const btnIcon = document.getElementById('btnIcon');\r\n const spinner = document.querySelector('.spinner');\r\n\r\n \/\/ 1. Show Loading\r\n btn.disabled = true;\r\n btnText.innerText = \"Sending...\";\r\n btnIcon.style.display = \"none\";\r\n spinner.style.display = \"inline-block\";\r\n btn.classList.add(\"tw-opacity-75\", \"tw-cursor-not-allowed\");\r\n\r\n \/\/ 2. Collect Data\r\n const formData = {\r\n name: document.getElementById('fullName').value,\r\n phone: document.getElementById('phone').value,\r\n email: document.getElementById('email').value,\r\n service: document.getElementById('service').value,\r\n message: document.getElementById('message').value,\r\n timestamp: new Date().toISOString()\r\n };\r\n\r\n try {\r\n \/\/ 3. Send to CRM\r\n const response = await fetch(CRM_API_URL, {\r\n method: 'POST',\r\n headers: { 'Content-Type': 'application\/json' },\r\n body: JSON.stringify(formData)\r\n });\r\n\r\n if (response.ok) {\r\n Swal.fire({\r\n icon: 'success',\r\n title: 'Sent Successfully!',\r\n text: 'Our team will contact you shortly.',\r\n confirmButtonColor: '#4F46E5'\r\n });\r\n document.getElementById('aspireForm').reset();\r\n } else {\r\n throw new Error('Server returned error');\r\n }\r\n\r\n } catch (error) {\r\n console.error(\"Error:\", error);\r\n \r\n \/\/ Demo Fallback (Remove in Prod)\r\n if(CRM_API_URL.includes(\"your-crm-url\")) {\r\n Swal.fire({\r\n icon: 'info',\r\n title: 'Demo Mode',\r\n text: 'Form data captured! Connect API URL in code to save.',\r\n confirmButtonColor: '#4F46E5'\r\n });\r\n } else {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Submission Failed',\r\n text: 'Please try again later.',\r\n confirmButtonColor: '#d33'\r\n });\r\n }\r\n } finally {\r\n \/\/ 4. Reset Button\r\n btn.disabled = false;\r\n btnText.innerText = \"Send Message\";\r\n btnIcon.style.display = \"inline\";\r\n spinner.style.display = \"none\";\r\n btn.classList.remove(\"tw-opacity-75\", \"tw-cursor-not-allowed\");\r\n }\r\n });\r\n <\/script>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f3d760 e-flex e-con-boxed e-con e-parent\" data-id=\"7f3d760\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-717c390 elementor-widget elementor-widget-html\" data-id=\"717c390\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">\r\n{\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@graph\": [\r\n {\r\n \"@type\": \"WebPage\",\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/digital-marketing-services-in-mysore\/#webpage\",\r\n \"url\": \"https:\/\/aspiredigitalsolutions.in\/digital-marketing-services-in-mysore\/\",\r\n \"name\": \"Digital Marketing Services in Mysore\",\r\n \"description\": \"Complete digital marketing services in Mysore by Aspire Digital Solutions including SEO, Google Ads, social media marketing, web development and branding.\",\r\n \"mainEntity\": {\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/#digitalmarketing\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Service\",\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/#digitalmarketing\",\r\n \"name\": \"Digital Marketing Services in Mysore\",\r\n \"serviceType\": \"Digital Marketing\",\r\n \"provider\": {\r\n \"@id\": \"https:\/\/aspiredigitalsolutions.in\/#localbusiness\"\r\n },\r\n \"areaServed\": {\r\n \"@type\": \"City\",\r\n \"name\": \"Mysore\"\r\n },\r\n \"hasOfferCatalog\": {\r\n \"@type\": \"OfferCatalog\",\r\n \"name\": \"Digital Marketing Services\",\r\n \"itemListElement\": [\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"SEO Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Google Ads Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Meta Ads Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Social Media Marketing Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Web Development Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Branding Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Email Marketing Services in Mysore\"\r\n }\r\n },\r\n {\r\n \"@type\": \"Offer\",\r\n \"itemOffered\": {\r\n \"@type\": \"Service\",\r\n \"name\": \"Graphic Design Services in Mysore\"\r\n }\r\n }\r\n ]\r\n }\r\n }\r\n ]\r\n}\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Aspire Widget Trusted by 1000+ Businesses 4.9\/5 (150+ Reviews) Digital Marketing Agency in Mysore We expertise in SEO, Google Ads, Social Media & Web Development. We don’t just run ads; we build digital ecosystems that drive real revenue. Call Now Free Consultation Free Strategy Call No Obligation Quote 7+ Years Experience \u2022 Aspire \u2022 Digital […]<\/p>\n","protected":false},"author":3,"featured_media":4014,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-3912","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/3912","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=3912"}],"version-history":[{"count":211,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/3912\/revisions"}],"predecessor-version":[{"id":16462,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/3912\/revisions\/16462"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/4014"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=3912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}