{"id":2174,"date":"2025-05-19T17:14:09","date_gmt":"2025-05-19T17:14:09","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=bangalore&#038;p=2174"},"modified":"2026-01-28T15:01:03","modified_gmt":"2026-01-28T09:31:03","slug":"social-media-marketing-services-in-bangalore","status":"publish","type":"bangalore","link":"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/social-media-marketing-services-in-bangalore\/","title":{"rendered":"Social Media Marketing Services in Bangalore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2174\" class=\"elementor elementor-2174\" data-elementor-post-type=\"bangalore\">\n\t\t\t\t<div class=\"elementor-element elementor-element-48fcff0b e-con-full e-flex e-con e-parent\" data-id=\"48fcff0b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1de047d1 elementor-widget elementor-widget-html\" data-id=\"1de047d1\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- CSS VARIABLES (Meta Ads Adaptation) --- *\/\r\n    #meta-bangalore-id-01 {\r\n        --meta-blue: #0081FB;\r\n        --meta-purple: #833AB4;\r\n        --text-dark: #1a1a1a;\r\n        --text-grey: #555555;\r\n        --bg-color: #f8f9fc;\r\n    }\r\n\r\n    \/* --- RESET & WRAPPER --- *\/\r\n    #meta-bangalore-id-01 {\r\n        width: 100%;\r\n        position: relative;\r\n        display: block;\r\n        overflow: hidden;\r\n        background: var(--bg-color);\r\n        padding: 140px 20px 80px 20px;\r\n        font-family: 'Outfit', 'Manrope', sans-serif;\r\n        box-sizing: border-box;\r\n        text-align: left;\r\n        line-height: normal;\r\n    }\r\n\r\n    #meta-bangalore-id-01 *,\r\n    #meta-bangalore-id-01 *::before,\r\n    #meta-bangalore-id-01 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- BACKGROUND ELEMENTS --- *\/\r\n    #meta-bangalore-id-01 .meta-hero-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        z-index: 0;\r\n        pointer-events: none;\r\n    }\r\n    \r\n    #meta-bangalore-id-01 .meta-orb {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(90px);\r\n        opacity: 0.4;\r\n        animation: metaFloat 10s infinite ease-in-out;\r\n    }\r\n    \r\n    #meta-bangalore-id-01 .orb-1 { \r\n        width: 500px; height: 500px; \r\n        background: var(--meta-blue); \r\n        top: -15%; left: -10%; \r\n    }\r\n    \r\n    #meta-bangalore-id-01 .orb-2 { \r\n        width: 400px; height: 400px; \r\n        background: var(--meta-purple); \r\n        bottom: 0%; right: -5%; \r\n        animation-delay: -5s; \r\n    }\r\n\r\n    @keyframes metaFloat {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(40px, -40px) scale(1.1); }\r\n    }\r\n\r\n    \/* --- LAYOUT GRID --- *\/\r\n    #meta-bangalore-id-01 .meta-hero-grid {\r\n        position: relative;\r\n        z-index: 2;\r\n        max-width: 1280px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1.1fr 0.9fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-text-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    \/* Breadcrumbs *\/\r\n    #meta-bangalore-id-01 .meta-breadcrumbs {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: rgba(255, 255, 255, 0.7);\r\n        backdrop-filter: blur(10px);\r\n        padding: 8px 20px;\r\n        border-radius: 50px;\r\n        border: 1px solid rgba(0,0,0,0.06);\r\n        margin-bottom: 25px;\r\n        font-size: 13px;\r\n        color: var(--text-grey);\r\n        font-weight: 600;\r\n    }\r\n    \r\n    #meta-bangalore-id-01 .meta-breadcrumbs a { color: var(--text-dark); text-decoration: none; }\r\n    #meta-bangalore-id-01 .meta-breadcrumbs span { opacity: 0.4; }\r\n    #meta-bangalore-id-01 .meta-breadcrumbs .current { color: var(--meta-blue); }\r\n\r\n    \/* Heading *\/\r\n    #meta-bangalore-id-01 .meta-hero-h1 {\r\n        font-size: clamp(38px, 5vw, 58px);\r\n        line-height: 1.1;\r\n        font-weight: 800;\r\n        color: var(--text-dark);\r\n        margin: 0 0 20px 0;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-gradient {\r\n        background: linear-gradient(135deg, var(--meta-blue), var(--meta-purple));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-hero-p {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: var(--text-grey);\r\n        margin: 0 0 40px 0;\r\n        max-width: 550px;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    #meta-bangalore-id-01 .meta-btn-row {\r\n        display: flex;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-btn-main {\r\n        background: #1a1a1a;\r\n        color: white;\r\n        padding: 16px 38px;\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        font-size: 15px;\r\n        text-decoration: none;\r\n        display: flex; \r\n        align-items: center; \r\n        gap: 10px;\r\n        transition: 0.3s;\r\n        box-shadow: 0 10px 20px rgba(0,0,0,0.1);\r\n    }\r\n    \r\n    #meta-bangalore-id-01 .meta-btn-main:hover {\r\n        background: linear-gradient(135deg, var(--meta-blue), var(--meta-purple));\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 15px 30px rgba(0, 129, 251, 0.3);\r\n    }\r\n\r\n    \/* --- VISUAL COLUMN (Social Ad Mockup) --- *\/\r\n    #meta-bangalore-id-01 .meta-visual-col {\r\n        position: relative;\r\n        perspective: 1500px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-glass-card {\r\n        width: 100%;\r\n        max-width: 400px;\r\n        background: rgba(255, 255, 255, 0.8);\r\n        backdrop-filter: blur(25px);\r\n        border: 1px solid rgba(255, 255, 255, 1);\r\n        border-radius: 20px;\r\n        padding: 0;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.1);\r\n        transform: rotateY(-10deg) rotateX(5deg);\r\n        overflow: hidden;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-ad-header {\r\n        padding: 15px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-profile-circle {\r\n        width: 35px; height: 35px; border-radius: 50%;\r\n        background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-ad-img {\r\n        width: 100%; height: 250px;\r\n        background: #f0f2f5 url('https:\/\/images.unsplash.com\/photo-1611162617213-7d7a39e9b1d7?auto=format&fit=crop&w=600&q=80') center\/cover;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-ad-content { padding: 15px; }\r\n    #meta-bangalore-id-01 .meta-ad-btn {\r\n        float: right; background: #ebedf0; padding: 6px 12px; border-radius: 4px;\r\n        font-size: 12px; font-weight: 700; color: #4b4f56;\r\n    }\r\n\r\n    #meta-bangalore-id-01 .meta-float-stat {\r\n        position: absolute;\r\n        bottom: 10px; left: -20px;\r\n        background: white;\r\n        padding: 15px 20px;\r\n        border-radius: 16px;\r\n        box-shadow: 0 15px 40px rgba(0,0,0,0.12);\r\n        display: flex; align-items: center; gap: 12px;\r\n        animation: floatStat 4s infinite ease-in-out;\r\n        z-index: 10;\r\n    }\r\n\r\n    @keyframes floatStat {\r\n        0%, 100% { transform: translateY(0); }\r\n        50% { transform: translateY(-15px); }\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        #meta-bangalore-id-01 .meta-hero-grid { grid-template-columns: 1fr; text-align: center; }\r\n        #meta-bangalore-id-01 .meta-text-col { align-items: center; }\r\n        #meta-bangalore-id-01 .meta-btn-row { justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"meta-bangalore-id-01\">\r\n    <div class=\"meta-hero-bg\">\r\n        <div class=\"meta-orb orb-1\"><\/div>\r\n        <div class=\"meta-orb orb-2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"meta-hero-grid\">\r\n        <div class=\"meta-text-col\">\r\n            <div class=\"meta-breadcrumbs\">\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/\">Home<\/a>\r\n                <span>\/<\/span>\r\n                <a href=\"#\">Bangalore<\/a>\r\n                <span>\/<\/span>\r\n                <span class=\"current\">Meta Ads<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"meta-hero-h1\">\r\n                Social Media Marketing <br>\r\n                <span class=\"meta-gradient\">Services in Bangalore<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"meta-hero-p\">\r\n                Turn scrolls into sales. We create high-impact Facebook and Instagram ad campaigns tailored for Bangalore's diverse market\u2014helping you reach the right audience with precision.\r\n            <\/p>\r\n\r\n            <div class=\"meta-btn-row\">\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/contact-us\/\" class=\"meta-btn-main\">\r\n                    Start Your Campaign <i class=\"fas fa-rocket\"><\/i>\r\n                <\/a>\r\n                <a href=\"tel:+917975327335\" class=\"meta-btn-main\" style=\"background:#0081FB;\">\r\n                    <i class=\"fas fa-phone-alt\"><\/i> Call Expert\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"meta-visual-col\">\r\n            <div class=\"meta-glass-card\">\r\n                <div class=\"meta-ad-header\">\r\n                    <div class=\"meta-profile-circle\"><\/div>\r\n                    <div>\r\n                        <div style=\"font-size:13px; font-weight:700;\">Aspire Digital Solutions<\/div>\r\n                        <div style=\"font-size:11px; color:#65676b;\">Sponsored \u2022 Bangalore<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"meta-ad-img\"><\/div>\r\n                \r\n                <div class=\"meta-ad-content\">\r\n                    <div class=\"meta-ad-btn\">Learn More<\/div>\r\n                    <div style=\"font-size:14px; font-weight:600; margin-bottom:4px;\">Targeted Meta Ads for ROI<\/div>\r\n                    <div style=\"font-size:12px; color:#65676b; line-height:1.4;\">Stop wasting budget. Get a custom social media strategy that drives leads.<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"meta-float-stat\">\r\n                    <div style=\"width:40px; height:40px; background:rgba(0,129,251,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; color:#0081FB;\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                    <div style=\"display:flex; flex-direction:column;\">\r\n                        <span style=\"font-size:18px; font-weight:800; color:#1a1a1a;\">12k+<\/span>\r\n                        <span style=\"font-size:11px; color:#555;\">Leads Generated<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-478325f8 e-con-full e-flex e-con e-parent\" data-id=\"478325f8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ed0c37e elementor-widget elementor-widget-html\" data-id=\"5ed0c37e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- CSS VARIABLES (Meta\/Social Adaptation) --- *\/\r\n    #social-dark-bangalore-02 {\r\n        --meta-blue: #0081FB;\r\n        --meta-purple: #833AB4;\r\n        --bg-dark: #05070a;\r\n        --card-dark: rgba(255, 255, 255, 0.03);\r\n        --text-white: #ffffff;\r\n        --text-muted: #94a3b8;\r\n        --border-light: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    \/* --- SECTION WRAPPER --- *\/\r\n    #social-dark-bangalore-02 {\r\n        width: 100%;\r\n        position: relative;\r\n        display: block;\r\n        background: var(--bg-dark);\r\n        padding: 100px 20px;\r\n        overflow: hidden;\r\n        font-family: 'Outfit', 'Manrope', sans-serif;\r\n        line-height: 1.6;\r\n        text-align: left;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #social-dark-bangalore-02 *,\r\n    #social-dark-bangalore-02 *::before,\r\n    #social-dark-bangalore-02 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- BACKGROUND GLOW --- *\/\r\n    #social-dark-bangalore-02 .social-dark-blob {\r\n        position: absolute;\r\n        width: 600px; height: 600px;\r\n        background: radial-gradient(circle, rgba(131, 58, 180, 0.1) 0%, transparent 70%);\r\n        top: 50%; right: -10%;\r\n        transform: translateY(-50%);\r\n        pointer-events: none;\r\n        z-index: 0;\r\n    }\r\n\r\n    \/* --- CONTAINER --- *\/\r\n    #social-dark-bangalore-02 .social-content-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 0.8fr;\r\n        gap: 80px;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- LEFT: TEXT CONTENT --- *\/\r\n    #social-dark-bangalore-02 .social-content-left {\r\n        display: flex; \r\n        flex-direction: column;\r\n    }\r\n\r\n    #social-dark-bangalore-02 .social-sub-tag-dark {\r\n        display: inline-block;\r\n        font-size: 13px; font-weight: 700;\r\n        color: var(--meta-blue); text-transform: uppercase;\r\n        letter-spacing: 1px; margin-bottom: 15px;\r\n        background: rgba(0, 129, 251, 0.15);\r\n        padding: 6px 14px; border-radius: 30px;\r\n        width: max-content;\r\n        border: 1px solid rgba(0, 129, 251, 0.2);\r\n    }\r\n\r\n    #social-dark-bangalore-02 .social-main-head-dark {\r\n        font-size: 40px; font-weight: 800;\r\n        color: var(--text-white); margin: 0 0 20px 0;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    #social-dark-bangalore-02 .social-gradient-text {\r\n        background: linear-gradient(135deg, var(--meta-blue), var(--meta-purple));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n        color: transparent;\r\n    }\r\n\r\n    #social-dark-bangalore-02 .social-main-desc-dark {\r\n        font-size: 17px; color: var(--text-muted);\r\n        line-height: 1.7; margin: 0 0 30px 0;\r\n    }\r\n\r\n    \/* Audience Tags *\/\r\n    #social-dark-bangalore-02 .social-tags-row { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 15px; }\r\n    \r\n    #social-dark-bangalore-02 .social-tag-dark {\r\n        padding: 8px 16px; \r\n        background: rgba(255, 255, 255, 0.05);\r\n        border-radius: 8px; font-size: 14px;\r\n        color: #e2e8f0; font-weight: 500;\r\n        display: flex; align-items: center; gap: 8px;\r\n        border: 1px solid var(--border-light);\r\n        transition: 0.3s;\r\n    }\r\n\r\n    \/* --- RIGHT: FEATURE CARDS --- *\/\r\n    #social-dark-bangalore-02 .social-focus-card-dark {\r\n        background: var(--card-dark);\r\n        backdrop-filter: blur(10px);\r\n        -webkit-backdrop-filter: blur(10px);\r\n        border: 1px solid var(--border-light);\r\n        border-radius: 20px;\r\n        padding: 25px;\r\n        display: flex; align-items: flex-start; gap: 20px;\r\n        transition: 0.3s;\r\n        margin-bottom: 20px;\r\n        position: relative; overflow: hidden;\r\n    }\r\n\r\n    #social-dark-bangalore-02 .social-focus-card-dark:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border-color: rgba(0, 129, 251, 0.4);\r\n    }\r\n\r\n    #social-dark-bangalore-02 .social-focus-icon-dark {\r\n        width: 50px; height: 50px; flex-shrink: 0;\r\n        background: rgba(0, 129, 251, 0.1);\r\n        border-radius: 12px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 20px; color: var(--meta-blue);\r\n        border: 1px solid rgba(0, 129, 251, 0.2);\r\n    }\r\n\r\n    #social-dark-bangalore-02 .social-focus-content h4 {\r\n        font-size: 18px; font-weight: 700; color: var(--text-white);\r\n        margin: 0 0 5px 0;\r\n    }\r\n    \r\n    #social-dark-bangalore-02 .social-focus-content p {\r\n        font-size: 14px; color: var(--text-muted); margin: 0;\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        #social-dark-bangalore-02 .social-content-container { grid-template-columns: 1fr; gap: 50px; }\r\n        #social-dark-bangalore-02 .social-content-left { text-align: center; align-items: center; }\r\n        #social-dark-bangalore-02 .social-tags-row { justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"social-dark-bangalore-02\">\r\n    <div class=\"social-dark-blob\"><\/div>\r\n\r\n    <div class=\"social-content-container\">\r\n        <div class=\"social-content-left\">\r\n            <span class=\"social-sub-tag-dark\">1,000+ Clients Served<\/span>\r\n            \r\n            <h2 class=\"social-main-head-dark\">\r\n                Strategic Social Media <br>\r\n                <span class=\"social-gradient-text\">Marketing in Bangalore<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"social-main-desc-dark\">\r\n                Don't just post\u2014perform. We help Bangalore businesses transform their social presence from passive scrolling to active lead generation on Instagram, Facebook, and LinkedIn.\r\n                <br><br>\r\n                Whether you run a <strong>caf\u00e9 in Koramangala or a clinic in Whitefield<\/strong>, we create the clear messaging and consistent visuals needed to build trust in a competitive digital market.\r\n            <\/p>\r\n\r\n            <div class=\"social-audience-box\">\r\n                <div class=\"social-tags-row\">\r\n                    <div class=\"social-tag-dark\"><i class=\"fab fa-instagram\"><\/i> Instagram Post Design<\/div>\r\n                    <div class=\"social-tag-dark\"><i class=\"fab fa-facebook-f\"><\/i> Meta Ad Strategy<\/div>\r\n                    <div class=\"social-tag-dark\"><i class=\"fab fa-linkedin-in\"><\/i> LinkedIn B2B<\/div>\r\n                    <div class=\"social-tag-dark\"><i class=\"fas fa-chart-line\"><\/i> Monthly Reporting<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"social-content-right\">\r\n            <div class=\"social-focus-card-dark\">\r\n                <div class=\"social-focus-icon-dark\"><i class=\"fas fa-bullseye\"><\/i><\/div>\r\n                <div class=\"social-focus-content\">\r\n                    <h4>Stop High Ad Spends<\/h4>\r\n                    <p>We fix ads that cost too much and bring weak results by refining your targeting and fresh creative ideas.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"social-focus-card-dark\">\r\n                <div class=\"social-focus-icon-dark\"><i class=\"fas fa-paint-brush\"><\/i><\/div>\r\n                <div class=\"social-focus-content\">\r\n                    <h4>Branded Content Creation<\/h4>\r\n                    <p>No more generic posts. We design professional visuals and clear messaging that help your brand stand out.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"social-focus-card-dark\">\r\n                <div class=\"social-focus-icon-dark\"><i class=\"fas fa-map-marker-alt\"><\/i><\/div>\r\n                <div class=\"social-focus-content\">\r\n                    <h4>Local Bangalore Insights<\/h4>\r\n                    <p>Our team understands how local customers respond to content across Indiranagar, Jayanagar, and beyond.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b2df86f e-con-full e-flex e-con e-parent\" data-id=\"3b2df86f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50aec850 elementor-widget elementor-widget-html\" data-id=\"50aec850\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* --- UPDATED META COLOR PALETTE --- *\/\r\n    .aspire-social-flip-wrapper {\r\n        --meta-blue: #0081FB;\r\n        --meta-purple: #833AB4;\r\n        --social-gradient: linear-gradient(135deg, #0081FB 0%, #833AB4 100%);\r\n        --text-dark: #1a1a1a;\r\n        --text-grey: #555555;\r\n        --card-bg: rgba(255, 255, 255, 0.85); \/* Meta-style light glass *\/\r\n        --bg-color: #f8f9fc; \/* Light Meta background *\/\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        padding: 100px 20px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background-color: var(--bg-color);\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .aspire-social-flip-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Meta-style Background Orbs *\/\r\n    .meta-orb {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(90px);\r\n        opacity: 0.15;\r\n        z-index: 0;\r\n    }\r\n    .orb-1 { width: 400px; height: 400px; background: var(--meta-blue); top: -10%; left: -5%; }\r\n    .orb-2 { width: 350px; height: 350px; background: var(--meta-purple); bottom: -10%; right: -5%; }\r\n\r\n    .aspire-social-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n        text-align: center;\r\n    }\r\n\r\n    .aspire-social-heading {\r\n        font-size: clamp(2.2rem, 5vw, 3.2rem) !important;\r\n        font-weight: 800 !important;\r\n        color: var(--text-dark) !important;\r\n        margin: 0 0 20px 0 !important;\r\n        line-height: 1.1 !important;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    .aspire-social-highlight {\r\n        background: var(--social-gradient);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        display: inline-block;\r\n    }\r\n\r\n    .aspire-social-sub {\r\n        font-size: clamp(1rem, 2vw, 1.15rem) !important;\r\n        color: var(--text-grey) !important;\r\n        max-width: 700px;\r\n        margin: 0 auto 60px auto !important;\r\n        line-height: 1.6 !important;\r\n    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .aspire-social-grid {\r\n        display: grid;\r\n        gap: 30px;\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    .aspire-social-card {\r\n        background-color: transparent;\r\n        height: 380px;\r\n        perspective: 1000px;\r\n        cursor: pointer;\r\n        width: 100%;\r\n    }\r\n\r\n    .aspire-social-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        text-align: center;\r\n        transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        transform-style: preserve-3d;\r\n        border-radius: 24px;\r\n    }\r\n\r\n    .aspire-social-card:hover .aspire-social-inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n\r\n    .aspire-social-front, .aspire-social-back {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        -webkit-backface-visibility: hidden;\r\n        backface-visibility: hidden;\r\n        border-radius: 24px;\r\n        padding: 40px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border: 1px solid rgba(255,255,255,1);\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* FRONT DESIGN - Light Glass *\/\r\n    .aspire-social-front {\r\n        background: var(--card-bg);\r\n        backdrop-filter: blur(20px);\r\n    }\r\n\r\n    .aspire-social-icon {\r\n        width: 70px; height: 70px;\r\n        border-radius: 20px;\r\n        background: rgba(0, 129, 251, 0.08);\r\n        display: flex; align-items: center; justify-content: center;\r\n        color: var(--meta-blue);\r\n        margin-bottom: 15px;\r\n    }\r\n    .aspire-social-icon span { font-size: 36px; }\r\n\r\n    .aspire-social-title {\r\n        font-size: 1.4rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--text-dark) !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .aspire-social-hint {\r\n        font-size: 11px !important;\r\n        color: var(--meta-blue) !important;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        font-weight: 700;\r\n        background: rgba(0, 129, 251, 0.08);\r\n        padding: 8px 18px;\r\n        border-radius: 50px;\r\n        margin-top: 15px;\r\n    }\r\n\r\n    \/* BACK DESIGN - Meta Gradient *\/\r\n    .aspire-social-back {\r\n        background: var(--social-gradient);\r\n        color: white;\r\n        transform: rotateY(180deg);\r\n        text-align: left;\r\n        align-items: flex-start;\r\n        border: none;\r\n    }\r\n\r\n    .aspire-social-back h3 {\r\n        font-size: 1.3rem !important;\r\n        font-weight: 800 !important;\r\n        margin: 0 0 12px 0 !important;\r\n        color: #fff !important;\r\n    }\r\n\r\n    .aspire-social-list {\r\n        list-style: none;\r\n        padding: 0;\r\n        margin: 0;\r\n    }\r\n\r\n    .aspire-social-list li {\r\n        font-size: 0.95rem;\r\n        margin-bottom: 10px;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 10px;\r\n        line-height: 1.4;\r\n        color: rgba(255,255,255,0.9);\r\n    }\r\n\r\n    .aspire-social-list li::before {\r\n        content: 'check_circle';\r\n        font-family: 'Material Symbols Rounded';\r\n        font-size: 18px;\r\n        color: #fff;\r\n    }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1024px) {\r\n        .aspire-social-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .aspire-social-grid { grid-template-columns: 1fr; }\r\n        .aspire-social-card { height: 350px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aspire-social-flip-wrapper\">\r\n    <div class=\"meta-orb orb-1\"><\/div>\r\n    <div class=\"meta-orb orb-2\"><\/div>\r\n\r\n    <div class=\"aspire-social-container\">\r\n        <h2 class=\"aspire-social-heading\">\r\n            Social Media <span class=\"aspire-social-highlight\">Services for Growth<\/span>\r\n        <\/h2>\r\n        <p class=\"aspire-social-sub\">\r\n            Turn social platforms into powerful lead generation tools with our targeted management and advertising strategies in Bangalore.\r\n        <\/p>\r\n\r\n        <div class=\"aspire-social-grid\">\r\n            \r\n            <div class=\"aspire-social-card\">\r\n                <div class=\"aspire-social-inner\">\r\n                    <div class=\"aspire-social-front\">\r\n                        <div class=\"aspire-social-icon\"><span class=\"material-symbols-rounded\">campaign<\/span><\/div>\r\n                        <h3 class=\"aspire-social-title\">Meta Marketing<\/h3>\r\n                        <div class=\"aspire-social-hint\">Hover to Explore<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-social-back\">\r\n                        <h3>FB & Instagram<\/h3>\r\n                        <ul class=\"aspire-social-list\">\r\n                            <li>Targeted ad campaign setup<\/li>\r\n                            <li>Reels & Stories design<\/li>\r\n                            <li>Audience segmentation<\/li>\r\n                            <li>Performance optimization<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-social-card\">\r\n                <div class=\"aspire-social-inner\">\r\n                    <div class=\"aspire-social-front\">\r\n                        <div class=\"aspire-social-icon\"><span class=\"material-symbols-rounded\">work<\/span><\/div>\r\n                        <h3 class=\"aspire-social-title\">LinkedIn B2B<\/h3>\r\n                        <div class=\"aspire-social-hint\">Hover to Explore<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-social-back\">\r\n                        <h3>B2B Excellence<\/h3>\r\n                        <ul class=\"aspire-social-list\">\r\n                            <li>Profile & Page optimization<\/li>\r\n                            <li>Sponsored message ads<\/li>\r\n                            <li>Lead generation forms<\/li>\r\n                            <li>High-value B2B targeting<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-social-card\">\r\n                <div class=\"aspire-social-inner\">\r\n                    <div class=\"aspire-social-front\">\r\n                        <div class=\"aspire-social-icon\"><span class=\"material-symbols-rounded\">play_circle<\/span><\/div>\r\n                        <h3 class=\"aspire-social-title\">YouTube Shorts<\/h3>\r\n                        <div class=\"aspire-social-hint\">Hover to Explore<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-social-back\">\r\n                        <h3>Video Promotion<\/h3>\r\n                        <ul class=\"aspire-social-list\">\r\n                            <li>Short video content planning<\/li>\r\n                            <li>Title & Tag optimization<\/li>\r\n                            <li>In-stream & Discovery ads<\/li>\r\n                            <li>Engagement tracking<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-social-card\">\r\n                <div class=\"aspire-social-inner\">\r\n                    <div class=\"aspire-social-front\">\r\n                        <div class=\"aspire-social-icon\"><span class=\"material-symbols-rounded\">calendar_month<\/span><\/div>\r\n                        <h3 class=\"aspire-social-title\">Content Strategy<\/h3>\r\n                        <div class=\"aspire-social-hint\">Hover to Explore<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-social-back\">\r\n                        <h3>Monthly Planning<\/h3>\r\n                        <ul class=\"aspire-social-list\">\r\n                            <li>Branded visual designs<\/li>\r\n                            <li>Compelling caption writing<\/li>\r\n                            <li>Platform-wise scheduling<\/li>\r\n                            <li>Optimal timing analysis<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-social-card\">\r\n                <div class=\"aspire-social-inner\">\r\n                    <div class=\"aspire-social-front\">\r\n                        <div class=\"aspire-social-icon\"><span class=\"material-symbols-rounded\">forum<\/span><\/div>\r\n                        <h3 class=\"aspire-social-title\">Community MGMT<\/h3>\r\n                        <div class=\"aspire-social-hint\">Hover to Explore<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-social-back\">\r\n                        <h3>Active Engagement<\/h3>\r\n                        <ul class=\"aspire-social-list\">\r\n                            <li>Comment & DM responses<\/li>\r\n                            <li>English & Local languages<\/li>\r\n                            <li>Page activity maintenance<\/li>\r\n                            <li>Brand reputation building<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-social-card\">\r\n                <div class=\"aspire-social-inner\">\r\n                    <div class=\"aspire-social-front\">\r\n                        <div class=\"aspire-social-icon\"><span class=\"material-symbols-rounded\">bar_chart<\/span><\/div>\r\n                        <h3 class=\"aspire-social-title\">ROI Reporting<\/h3>\r\n                        <div class=\"aspire-social-hint\">Hover to Explore<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-social-back\">\r\n                        <h3>Advanced Metrics<\/h3>\r\n                        <ul class=\"aspire-social-list\">\r\n                            <li>Monthly growth reports<\/li>\r\n                            <li>ROI from paid campaigns<\/li>\r\n                            <li>Post vs Ad comparisons<\/li>\r\n                            <li>Actionable insights<\/li>\r\n                        <\/ul>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5c1e4c4d e-con-full e-flex e-con e-parent\" data-id=\"5c1e4c4d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5e6a8932 elementor-widget elementor-widget-html\" data-id=\"5e6a8932\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Mysore SEO Dominance Calculator<\/title>\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@400;500;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- CSS ISOLATION & RESET --- *\/\r\n    #seo-widget-wrapper {\r\n        \/* Theme Colors - Optimized for \"Growth\/SEO\" *\/\r\n        --seo-bg: #0b1120;\r\n        --seo-panel: #1e293b;\r\n        --seo-primary: #8b5cf6; \/* Violet for Premium\/Tech *\/\r\n        --seo-accent: #34d399;  \/* Green for Growth *\/\r\n        --seo-white: #ffffff;\r\n        --seo-gray: #cbd5e1;\r\n        \r\n        \/* Force Reset *\/\r\n        all: initial; \r\n        font-family: 'Outfit', sans-serif !important;\r\n        display: block;\r\n        width: 100%;\r\n        max-width: 1000px;\r\n        margin: 40px auto;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #seo-widget-wrapper * {\r\n        box-sizing: border-box;\r\n        font-family: 'Outfit', sans-serif !important;\r\n    }\r\n\r\n    \/* --- MAIN CARD --- *\/\r\n    .seo-card {\r\n        background-color: var(--seo-bg) !important;\r\n        border: 1px solid #334155 !important;\r\n        border-radius: 20px !important;\r\n        overflow: hidden !important;\r\n        display: flex !important;\r\n        flex-wrap: wrap !important;\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5) !important;\r\n    }\r\n\r\n    \/* --- LEFT SIDE (IMAGE & INFO) --- *\/\r\n    .seo-sidebar {\r\n        flex: 1 1 350px !important;\r\n        position: relative !important;\r\n        padding: 40px !important;\r\n        display: flex !important;\r\n        flex-direction: column !important;\r\n        justify-content: space-between !important;\r\n        overflow: hidden !important;\r\n        background-color: #0f172a !important;\r\n        z-index: 1 !important;\r\n    }\r\n\r\n    \/* Background Image: Map\/Tech Vibe *\/\r\n    .seo-sidebar::before {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important;\r\n        width: 100% !important; height: 100% !important;\r\n        background-image: url('https:\/\/images.unsplash.com\/photo-1519389950473-47ba0277781c?q=80&w=1000&auto=format&fit=crop') !important;\r\n        background-size: cover !important;\r\n        background-position: center !important;\r\n        z-index: -2 !important;\r\n        opacity: 0.6 !important;\r\n    }\r\n\r\n    \/* Overlay *\/\r\n    .seo-sidebar::after {\r\n        content: \"\" !important;\r\n        position: absolute !important;\r\n        top: 0 !important; left: 0 !important;\r\n        width: 100% !important; height: 100% !important;\r\n        background: linear-gradient(180deg, rgba(11, 17, 32, 0.9) 0%, rgba(11, 17, 32, 0.98) 100%) !important;\r\n        z-index: -1 !important;\r\n    }\r\n\r\n    .seo-brand img { \r\n        height: 35px !important; \r\n        margin-bottom: 25px !important; \r\n        display: block !important;\r\n        border: none !important;\r\n    }\r\n\r\n    .seo-title {\r\n        font-size: 34px !important;\r\n        font-weight: 800 !important;\r\n        color: var(--seo-white) !important;\r\n        margin: 0 0 10px 0 !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n    .seo-title span { color: var(--seo-primary) !important; }\r\n    \r\n    .seo-desc {\r\n        color: var(--seo-gray) !important;\r\n        font-size: 15px !important;\r\n        line-height: 1.6 !important;\r\n        margin: 0 0 30px 0 !important;\r\n        font-weight: 400 !important;\r\n    }\r\n\r\n    \/* Live Summary Box *\/\r\n    .seo-summary {\r\n        background: rgba(255, 255, 255, 0.05) !important;\r\n        border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n        backdrop-filter: blur(10px) !important;\r\n        padding: 20px !important;\r\n        border-radius: 12px !important;\r\n    }\r\n    .seo-sum-row {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        margin-bottom: 10px !important;\r\n        font-size: 14px !important;\r\n        color: var(--seo-gray) !important;\r\n    }\r\n    .seo-sum-row strong { color: var(--seo-white) !important; }\r\n    \r\n    .seo-sum-row.highlight {\r\n        border-top: 1px solid rgba(255,255,255,0.1) !important;\r\n        margin-top: 15px !important;\r\n        padding-top: 15px !important;\r\n        font-size: 16px !important;\r\n        color: var(--seo-white) !important;\r\n        font-weight: 700 !important;\r\n    }\r\n    .seo-growth-text { color: var(--seo-accent) !important; }\r\n\r\n    \/* --- RIGHT SIDE (CALCULATOR) --- *\/\r\n    .seo-calculator {\r\n        flex: 1.5 1 500px !important;\r\n        padding: 40px !important;\r\n        background-color: var(--seo-bg) !important;\r\n        border-left: 1px solid #334155 !important;\r\n    }\r\n\r\n    \/* Input Groups *\/\r\n    .seo-group { margin-bottom: 25px !important; }\r\n    \r\n    .seo-label-box {\r\n        display: flex !important;\r\n        justify-content: space-between !important;\r\n        align-items: center !important;\r\n        margin-bottom: 10px !important;\r\n    }\r\n    .seo-label-box label {\r\n        color: var(--seo-gray) !important;\r\n        font-size: 13px !important;\r\n        font-weight: 600 !important;\r\n        text-transform: uppercase !important;\r\n        letter-spacing: 1px !important;\r\n    }\r\n    .seo-value {\r\n        background: rgba(139, 92, 246, 0.15) !important;\r\n        color: #a78bfa !important;\r\n        padding: 4px 10px !important;\r\n        border-radius: 6px !important;\r\n        font-family: monospace !important;\r\n        font-weight: 700 !important;\r\n        font-size: 14px !important;\r\n    }\r\n\r\n    \/* Sliders *\/\r\n    input[type=range].seo-slider {\r\n        -webkit-appearance: none !important;\r\n        appearance: none !important;\r\n        width: 100% !important;\r\n        height: 6px !important;\r\n        background: #334155 !important;\r\n        border-radius: 10px !important;\r\n        outline: none !important;\r\n        border: none !important;\r\n        margin: 0 !important;\r\n        padding: 0 !important;\r\n        cursor: pointer !important;\r\n        background-image: linear-gradient(var(--seo-primary), var(--seo-primary)) !important;\r\n        background-repeat: no-repeat !important;\r\n        background-size: 0% 100% !important; \r\n    }\r\n    \r\n    input[type=range].seo-slider::-webkit-slider-thumb {\r\n        -webkit-appearance: none !important;\r\n        height: 20px !important;\r\n        width: 20px !important;\r\n        border-radius: 50% !important;\r\n        background: var(--seo-white) !important;\r\n        border: 2px solid var(--seo-primary) !important;\r\n        box-shadow: 0 0 10px rgba(139, 92, 246, 0.5) !important;\r\n        margin-top: 0 !important;\r\n    }\r\n\r\n    \/* --- RESULTS --- *\/\r\n    .seo-grid {\r\n        display: grid !important;\r\n        grid-template-columns: 1fr 1fr !important;\r\n        gap: 15px !important;\r\n        margin-top: 30px !important;\r\n    }\r\n    \r\n    .seo-res-box {\r\n        background: #1e293b !important;\r\n        border: 1px solid #334155 !important;\r\n        padding: 15px !important;\r\n        border-radius: 12px !important;\r\n        text-align: center !important;\r\n    }\r\n    .seo-res-box small {\r\n        color: var(--seo-gray) !important;\r\n        font-size: 11px !important;\r\n        text-transform: uppercase !important;\r\n        display: block !important;\r\n        margin-bottom: 5px !important;\r\n    }\r\n    .seo-res-box strong {\r\n        color: var(--seo-white) !important;\r\n        font-size: 22px !important;\r\n        font-weight: 700 !important;\r\n    }\r\n\r\n    \/* REVENUE HIGHLIGHT *\/\r\n    .seo-res-box.main {\r\n        grid-column: span 2 !important;\r\n        background: linear-gradient(135deg, rgba(52, 211, 153, 0.1), rgba(6, 78, 59, 0.2)) !important;\r\n        border: 1px solid rgba(52, 211, 153, 0.4) !important;\r\n        padding: 25px !important;\r\n    }\r\n    .seo-money {\r\n        font-size: 40px !important;\r\n        color: var(--seo-accent) !important;\r\n        display: block !important;\r\n        margin: 5px 0 20px 0 !important;\r\n        font-weight: 800 !important;\r\n        text-shadow: 0 0 20px rgba(52, 211, 153, 0.2) !important;\r\n    }\r\n\r\n    \/* BUTTON *\/\r\n    .seo-btn {\r\n        display: block !important;\r\n        width: 100% !important;\r\n        background-color: var(--seo-primary) !important;\r\n        color: white !important;\r\n        text-align: center !important;\r\n        padding: 14px !important;\r\n        border-radius: 8px !important;\r\n        text-decoration: none !important;\r\n        font-weight: 700 !important;\r\n        font-size: 16px !important;\r\n        transition: transform 0.2s !important;\r\n        border: none !important;\r\n    }\r\n    .seo-btn:hover {\r\n        background-color: #7c3aed !important;\r\n        transform: translateY(-2px) !important;\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .seo-sidebar { padding: 30px !important; min-height: 300px !important; }\r\n        .seo-summary { display: none !important; }\r\n        .seo-calculator { padding: 25px 20px !important; }\r\n        .seo-money { font-size: 32px !important; }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div id=\"seo-widget-wrapper\">\r\n    <div class=\"seo-card\">\r\n        \r\n        <div class=\"seo-sidebar\">\r\n            <div>\r\n                <div class=\"seo-brand\">\r\n                    <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" alt=\"Logo\">\r\n                <\/div>\r\n                <h2 class=\"seo-title\">Dominate <br><span>Local Search<\/span><\/h2>\r\n                <p class=\"seo-desc\">Rank #1 in Mysore. Calculate the organic revenue you're missing in Gokulam, V.V. Mohalla & beyond.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"seo-summary\">\r\n                <div class=\"seo-sum-row\">\r\n                    <span>Search Volume<\/span>\r\n                    <strong id=\"seo-s-vol\">2,500<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-sum-row\">\r\n                    <span>Exp. CTR<\/span>\r\n                    <strong id=\"seo-s-ctr\">20%<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-sum-row highlight\">\r\n                    <span>Growth Potential<\/span>\r\n                    <span class=\"seo-growth-text\">High<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"seo-calculator\">\r\n            \r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Monthly Local Searches (Mysore)<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-vol\">2,500<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-vol\" min=\"500\" max=\"50000\" step=\"500\" value=\"2500\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Target Ranking (Est. CTR)<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-ctr\">20% (#1 Rank)<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-ctr\" min=\"1\" max=\"35\" step=\"1\" value=\"20\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Website Conversion Rate<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-conv\">5%<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-conv\" min=\"1\" max=\"20\" step=\"0.5\" value=\"5\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-group\">\r\n                <div class=\"seo-label-box\">\r\n                    <label>Avg. Customer Value<\/label>\r\n                    <div class=\"seo-value\" id=\"seo-d-val\">\u20b93,000<\/div>\r\n                <\/div>\r\n                <input type=\"range\" class=\"seo-slider\" id=\"seo-in-val\" min=\"500\" max=\"50000\" step=\"500\" value=\"3000\">\r\n            <\/div>\r\n\r\n            <div class=\"seo-grid\">\r\n                <div class=\"seo-res-box\">\r\n                    <small>Organic Traffic<\/small>\r\n                    <strong id=\"seo-r-traffic\">500<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-res-box\">\r\n                    <small>Monthly Leads<\/small>\r\n                    <strong id=\"seo-r-leads\">25<\/strong>\r\n                <\/div>\r\n                <div class=\"seo-res-box main\">\r\n                    <small>Potential Monthly Revenue<\/small>\r\n                    <span class=\"seo-money\" id=\"seo-r-rev\">\u20b975,000<\/span>\r\n                    <a href=\"https:\/\/aspiredigitalsolutions.in\/contact-us\/\" class=\"seo-btn\">Start Ranking #1<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    (function(){\r\n        const $ = (id) => document.getElementById(id);\r\n        \r\n        \/\/ Input Elements\r\n        const inputs = {\r\n            vol: $('seo-in-vol'),\r\n            ctr: $('seo-in-ctr'),\r\n            cr: $('seo-in-conv'),\r\n            val: $('seo-in-val')\r\n        };\r\n\r\n        \/\/ Display Elements\r\n        const disp = {\r\n            vol: $('seo-d-vol'), ctr: $('seo-d-ctr'), cr: $('seo-d-conv'), val: $('seo-d-val'),\r\n            svol: $('seo-s-vol'), sctr: $('seo-s-ctr'),\r\n            rtraf: $('seo-r-traffic'), rlead: $('seo-r-leads'), rrev: $('seo-r-rev')\r\n        };\r\n\r\n        const formatInr = (n) => '\u20b9' + parseInt(n).toLocaleString('en-IN');\r\n\r\n        function updateSlider(inp) {\r\n            const pct = (inp.value - inp.min)\/(inp.max - inp.min)*100;\r\n            inp.style.backgroundSize = pct + '% 100%';\r\n        }\r\n\r\n        function getRankLabel(ctr) {\r\n            if(ctr >= 25) return ctr + \"% (#1 Spot)\";\r\n            if(ctr >= 15) return ctr + \"% (Top 3)\";\r\n            if(ctr >= 5) return ctr + \"% (Page 1)\";\r\n            return ctr + \"% (Page 2+)\";\r\n        }\r\n\r\n        function calc() {\r\n            let volume = parseFloat(inputs.vol.value);\r\n            let ctr = parseFloat(inputs.ctr.value);\r\n            let conv = parseFloat(inputs.cr.value);\r\n            let value = parseFloat(inputs.val.value);\r\n\r\n            \/\/ Update UI Labels\r\n            disp.vol.innerText = volume.toLocaleString('en-IN');\r\n            disp.ctr.innerText = getRankLabel(ctr);\r\n            disp.cr.innerText = conv + '%';\r\n            disp.val.innerText = formatInr(value);\r\n            \r\n            \/\/ Update Sidebar Summary\r\n            disp.svol.innerText = volume.toLocaleString('en-IN');\r\n            disp.sctr.innerText = ctr + '%';\r\n\r\n            \/\/ Math Logic for SEO\r\n            \/\/ Traffic = Volume * CTR\r\n            let traffic = Math.floor(volume * (ctr\/100));\r\n            \r\n            \/\/ Leads = Traffic * Conversion Rate\r\n            let leads = Math.floor(traffic * (conv\/100));\r\n            \r\n            \/\/ Revenue = Leads * Customer Value\r\n            let revenue = leads * value;\r\n\r\n            \/\/ Update Results\r\n            disp.rtraf.innerText = traffic.toLocaleString('en-IN');\r\n            disp.rlead.innerText = leads.toLocaleString('en-IN');\r\n            disp.rrev.innerText = formatInr(revenue);\r\n        }\r\n\r\n        \/\/ Initialize Listeners\r\n        Object.values(inputs).forEach(i => {\r\n            i.addEventListener('input', () => { updateSlider(i); calc(); });\r\n            updateSlider(i);\r\n        });\r\n        \r\n        calc(); \/\/ Run once on load\r\n    })();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-62f5ebc1 e-con-full e-flex e-con e-parent\" data-id=\"62f5ebc1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4744f639 elementor-widget elementor-widget-html\" data-id=\"4744f639\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    #aspire_social_pricing {\r\n        \/* --- THEME VARIABLES --- *\/\r\n        --dp-bg: #030712; \r\n        --dp-card: rgba(17, 24, 39, 0.98); \r\n        --dp-accent: #0081FB;\r\n        --dp-secondary: #833AB4;\r\n        --dp-text-white: #ffffff;\r\n        --dp-text-muted: #94a3b8;\r\n        --dp-card-w: 300px;\r\n        --dp-card-h: 580px;\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        padding: 100px 20px;\r\n        background-color: var(--dp-bg);\r\n        background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.03) 1px, transparent 0);\r\n        background-size: 30px 30px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    #aspire_social_pricing * { box-sizing: border-box; }\r\n\r\n    .dp_header { text-align: center; margin-bottom: 80px; position: relative; z-index: 10; }\r\n    .dp_header h2 {\r\n        font-size: clamp(2.2rem, 6vw, 3.2rem);\r\n        color: var(--dp-text-white);\r\n        font-weight: 800;\r\n        margin: 0;\r\n    }\r\n    .dp_gradient_text {\r\n        background: linear-gradient(135deg, var(--dp-accent), var(--dp-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .dp_header p { color: var(--dp-text-muted); margin-top: 15px; font-size: 1.1rem; max-width: 650px; margin-inline: auto; }\r\n\r\n    \/* --- FAN STAGE --- *\/\r\n    .dp_stage {\r\n        position: relative;\r\n        width: 100%;\r\n        height: var(--dp-card-h);\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        justify-content: center;\r\n        perspective: 2000px;\r\n    }\r\n\r\n    .dp_card {\r\n        position: absolute;\r\n        width: var(--dp-card-w);\r\n        height: var(--dp-card-h);\r\n        background: var(--dp-card);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        border-radius: 30px;\r\n        padding: 40px 30px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);\r\n        box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n        cursor: pointer;\r\n        transform-origin: center 110%;\r\n    }\r\n\r\n    .dp_card:hover { border-color: var(--dp-accent); z-index: 100 !important; background: #0f172a; }\r\n\r\n    \/* 3-Card Fan Logic (Adjusted for Social Packages) *\/\r\n    .dp_stage.is-active .dp_card:nth-child(1) { transform: translateX(-320px) rotate(-10deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(2) { transform: translateX(0px) rotate(0deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(3) { transform: translateX(320px) rotate(10deg); }\r\n\r\n    .dp_stage.is-active .dp_card:hover {\r\n        transform: translateX(var(--hover-x, 0)) scale(1.08) translateY(-40px) rotate(0deg) !important;\r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .dp_icon_box { width: 55px; height: 55px; border-radius: 15px; background: rgba(0, 129, 251, 0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }\r\n    .dp_icon_box span { color: var(--dp-accent); font-size: 32px; }\r\n    \r\n    .dp_price { font-size: 36px; font-weight: 800; color: var(--dp-text-white); margin-bottom: 5px; }\r\n    .dp_price small { font-size: 13px; color: var(--dp-secondary); text-transform: uppercase; letter-spacing: 1.5px; font-weight: 700; }\r\n\r\n    .dp_title { font-size: 1.4rem; font-weight: 700; color: var(--dp-text-white)!important; margin: 15px 0 10px 0; }\r\n    \r\n    .dp_list { list-style: none; padding: 0; margin: 0 0 30px 0; font-size: 0.95rem; color: var(--dp-text-muted); line-height: 1.5; flex-grow: 1; }\r\n    .dp_list li { margin-bottom: 12px; display: flex; align-items: flex-start; gap: 10px; }\r\n    .dp_list li::before { content: \"verified\"; font-family: 'Material Symbols Rounded'; font-size: 18px; color: var(--dp-accent); }\r\n\r\n    .dp_cta {\r\n        padding: 16px;\r\n        text-align: center;\r\n        background: rgba(255,255,255,0.05);\r\n        color: white;\r\n        text-decoration: none;\r\n        border-radius: 18px;\r\n        font-weight: 700;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        transition: 0.3s;\r\n    }\r\n    .dp_card:hover .dp_cta { background: linear-gradient(135deg, var(--dp-accent), var(--dp-secondary)); border-color: transparent; }\r\n\r\n    @media (max-width: 1100px) {\r\n        .dp_stage { display: flex; flex-direction: column; height: auto; gap: 25px; align-items: center; }\r\n        .dp_card { position: relative; width: 100%; max-width: 400px; transform: none !important; opacity: 1; height: auto; }\r\n        #aspire_social_pricing { padding: 60px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_social_pricing\">\r\n    <div class=\"dp_header\">\r\n        <h2>Social Media <span class=\"dp_gradient_text\">Marketing Plans<\/span><\/h2>\r\n        <p>Strategic content, high-end design, and performance-led growth for Bangalore businesses. Retainers available upon request.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dp_stage\" id=\"socialStage\">\r\n        \r\n        <div class=\"dp_card\" style=\"--hover-x: -320px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">auto_awesome<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b99K <br><small>Basic Package<\/small><\/div>\r\n            <h3 class=\"dp_title\">Brand Essentials<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Content Calendar & Planning<\/li>\r\n                <li>8-10 Custom Posts\/Month<\/li>\r\n                <li>Visuals & Caption Writing<\/li>\r\n                <li>One Paid Ad Campaign<\/li>\r\n                <li>Basic Performance Report<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Get Started<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 0px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">rocket<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b915K <br><small>Standard Package<\/small><\/div>\r\n            <h3 class=\"dp_title\">Growth Accelerator<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>12-15 Branded Posts\/Month<\/li>\r\n                <li>Paid Ads with Retargeting<\/li>\r\n                <li>Reel Creation & Video Strategy<\/li>\r\n                <li>Local Festival Theme Design<\/li>\r\n                <li>Engagement Management<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Get Started<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 320px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">workspace_premium<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b925K <br><small>Pro Package<\/small><\/div>\r\n            <h3 class=\"dp_title\">Market Leader<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>20+ Premium Custom Posts<\/li>\r\n                <li>Advanced ROI Ad Strategy<\/li>\r\n                <li>Full Performance Optimization<\/li>\r\n                <li>Dedicated Account Manager<\/li>\r\n                <li>Monthly Growth Analytics<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Get Started<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const stage = document.getElementById('socialStage');\r\n        if (window.innerWidth > 1100) {\r\n            stage.addEventListener('mouseenter', () => stage.classList.add('is-active'));\r\n            stage.addEventListener('mouseleave', () => stage.classList.remove('is-active'));\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3b43a7b0 e-con-full e-flex e-con e-parent\" data-id=\"3b43a7b0\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2315e587 elementor-widget elementor-widget-html\" data-id=\"2315e587\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"aspire-accordion-widget\">\r\n    <style>\r\n        \/* --- Import Fonts --- *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@300;400;600&display=swap');\r\n\r\n        \/* --- WIDGET CSS (Adapted to Meta Colors) --- *\/\r\n        #aspire-accordion-widget {\r\n            --aa-bg: transparent;\r\n            --aa-card-bg: #ffffff;\r\n            --aa-primary: #0081FB; \/* Meta Blue *\/\r\n            --aa-gradient: linear-gradient(90deg, #0081FB, #833AB4); \/* Meta Blue to Purple *\/\r\n            --aa-text-main: #1a1a1a;\r\n            --aa-text-sub: #555555;\r\n            --aa-border: rgba(0, 0, 0, 0.08);\r\n            --aa-font-head: 'Space Grotesk', sans-serif;\r\n            --aa-font-body: 'Inter', sans-serif;\r\n\r\n            width: 100%;\r\n            display: block;\r\n            padding: 80px 20px;\r\n            background-color: #f8fafc;\r\n            box-sizing: border-box;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        #aspire-accordion-widget * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-container {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-subtitle {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--aa-primary);\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            display: inline-block;\r\n            background: rgba(0, 129, 251, 0.1);\r\n            padding: 6px 14px;\r\n            border-radius: 50px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-title {\r\n            font-family: var(--aa-font-head);\r\n            font-size: clamp(2rem, 5vw, 3rem);\r\n            color: var(--aa-text-main);\r\n            text-transform: uppercase;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -1px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-title span {\r\n            background: var(--aa-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-divider {\r\n            width: 1px;\r\n            height: 50px;\r\n            background: linear-gradient(to bottom, var(--aa-border), transparent);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 30px 40px;\r\n            text-decoration: none;\r\n            overflow: hidden;\r\n            min-height: 120px; \r\n            height: auto; \r\n            background: var(--aa-card-bg);\r\n            cursor: pointer;\r\n            border: 1px solid var(--aa-border);\r\n            border-radius: 24px;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            transform: scale(1.1);\r\n            filter: grayscale(100%);\r\n            transition: opacity 0.5s ease, transform 6s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg::after {\r\n            content: ''; \r\n            position: absolute; inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.8) 100%);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 40px;\r\n            width: 100%;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-date {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            background: var(--aa-primary);\r\n            padding: 8px 14px;\r\n            border-radius: 10px;\r\n            white-space: nowrap;\r\n            box-shadow: 0 4px 10px rgba(0, 129, 251, 0.2);\r\n            margin-top: 5px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-info {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 4px;\r\n            flex-grow: 1;\r\n            padding-right: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-name {\r\n            font-family: var(--aa-font-head);\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: var(--aa-text-main);\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-genre {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 0.95rem;\r\n            color: var(--aa-text-sub);\r\n            font-weight: 500;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details {\r\n            display: block;\r\n            margin-top: 15px;\r\n            font-family: var(--aa-font-body);\r\n            font-size: 0.9rem;\r\n            color: var(--aa-text-sub);\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details p {\r\n            margin-bottom: 8px;\r\n            line-height: 1.5;\r\n        }\r\n        #aspire-accordion-widget .aa-details strong {\r\n            color: var(--aa-primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-action {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            min-width: max-content;\r\n            align-self: flex-start;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-btn {\r\n            background: var(--aa-gradient);\r\n            color: #ffffff;\r\n            font-family: var(--aa-font-body);\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            padding: 10px 24px;\r\n            border-radius: 50px;\r\n            opacity: 0;\r\n            transform: translateX(20px);\r\n            box-shadow: 0 4px 15px rgba(0, 129, 251, 0.3);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-arrow {\r\n            width: 44px; height: 44px;\r\n            border-radius: 50%;\r\n            border: 1px solid var(--aa-border);\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: var(--aa-primary);\r\n            background: #fff;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-arrow svg {\r\n            width: 20px; height: 20px;\r\n            stroke: currentColor;\r\n            stroke-width: 2;\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            #aspire-accordion-widget .aa-item:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 20px 40px -12px rgba(0, 129, 251, 0.15);\r\n                border-color: rgba(0, 129, 251, 0.3);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-item-bg {\r\n                opacity: 1;\r\n                transform: scale(1);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-name {\r\n                color: var(--aa-primary);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-btn {\r\n                opacity: 1;\r\n                transform: translateX(0);\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-details {\r\n                max-height: 500px;\r\n                opacity: 1;\r\n                margin-top: 15px;\r\n                overflow: visible;\r\n            }\r\n\r\n            #aspire-accordion-widget .aa-item:hover .aa-arrow {\r\n                background: var(--aa-primary);\r\n                color: #fff;\r\n                border-color: var(--aa-primary);\r\n                transform: rotate(-45deg);\r\n            }\r\n        }\r\n\r\n        @media (max-width: 991px) {\r\n            #aspire-accordion-widget { padding: 40px 15px; }\r\n            #aspire-accordion-widget .aa-item {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                padding: 24px;\r\n                gap: 20px;\r\n                background: #fff;\r\n                height: auto !important; \r\n                min-height: auto;\r\n                overflow: visible;\r\n            }\r\n            #aspire-accordion-widget .aa-item-bg { display: none; }\r\n            #aspire-accordion-widget .aa-content {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                gap: 15px;\r\n            }\r\n            #aspire-accordion-widget .aa-details {\r\n                max-height: none;\r\n                opacity: 1;\r\n                margin-top: 15px;\r\n                overflow: visible;\r\n            }\r\n            #aspire-accordion-widget .aa-action {\r\n                width: 100%;\r\n                justify-content: space-between;\r\n                margin-top: 10px;\r\n                border-top: 1px solid var(--aa-border);\r\n                padding-top: 20px;\r\n            }\r\n            #aspire-accordion-widget .aa-btn {\r\n                opacity: 1;\r\n                transform: none;\r\n                background: #fff;\r\n                color: var(--aa-primary);\r\n                border: 1px solid var(--aa-primary);\r\n            }\r\n            #aspire-accordion-widget .aa-arrow {\r\n                background: var(--aa-primary);\r\n                color: #fff;\r\n                width: 36px; height: 36px;\r\n                transform: rotate(-45deg);\r\n            }\r\n        }\r\n    <\/style>\r\n\r\n    <div class=\"aa-container\">\r\n        \r\n        <div class=\"aa-header\">\r\n            <span class=\"aa-subtitle\">Success Stories<\/span>\r\n            <h2 class=\"aa-title\">Campaign <span>Case Studies<\/span><\/h2>\r\n            <div class=\"aa-divider\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"aa-list\">\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1517836357463-d25dfeac3438?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Fitness & Wellness<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Fitness Coach Campaign<\/h3>\r\n                        <p class=\"aa-genre\">JP Nagar, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Posting daily but getting zero engagement or qualified leads.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Focused on Reels with local fitness tips, implemented clear CTAs, and utilized trending audio relevant to the Bangalore fitness community.<\/p>\r\n                            <p><strong>Result:<\/strong> 8x increase in engagement and 5 new high-ticket client sign-ups in just 2 weeks.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">View Results<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1551434678-e076c223a692?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Tech Startup<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Startup App Launch<\/h3>\r\n                        <p class=\"aa-genre\">Koramangala, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Zero brand visibility before launch with no pre-existing audience to promote to.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Ran teaser campaigns, built hype through targeted influencer shoutouts, and shared engaging product demo videos.<\/p>\r\n                            <p><strong>Result:<\/strong> Gained 2,000+ followers before the launch date and achieved 1,100 app installs in the first week.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">View Results<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1460661419201-fd4cecdf8a8b?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Events & Lifestyle<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Art Workshop Promotion<\/h3>\r\n                        <p class=\"aa-genre\">Indiranagar, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Last-minute promotions and consistently low turnout for previous sessions.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Designed urgency-based countdown posts and ran Story ads targeting art enthusiasts within a 5km radius.<\/p>\r\n                            <p><strong>Result:<\/strong> 100% seats booked in 4 days and 25+ direct inquiries for the next scheduled session.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">View Results<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-fec066b e-con-full e-flex e-con e-parent\" data-id=\"fec066b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f86cf2b elementor-widget elementor-widget-html\" data-id=\"f86cf2b\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Outfit:wght@400;700&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n    \/* --- CSS VARIABLES (Meta\/Social Adaptation) --- *\/\r\n    #ads-ind-unique-wrapper {\r\n        --meta-blue: #0081FB;\r\n        --meta-purple: #833AB4;\r\n        --bg-dark: #05070a;\r\n        --card-dark: rgba(255, 255, 255, 0.03);\r\n        --text-white: #ffffff;\r\n        --text-muted: #94a3b8;\r\n        --border-light: rgba(255, 255, 255, 0.1);\r\n        --success-green: #10b981;\r\n    }\r\n\r\n    \/* --- SECTION WRAPPER --- *\/\r\n    #ads-ind-unique-wrapper {\r\n        width: 100%;\r\n        position: relative;\r\n        display: block;\r\n        background: var(--bg-dark);\r\n        padding: 100px 20px;\r\n        overflow: hidden;\r\n        font-family: 'Manrope', sans-serif;\r\n        line-height: normal;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #ads-ind-unique-wrapper *,\r\n    #ads-ind-unique-wrapper *::before,\r\n    #ads-ind-unique-wrapper *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- CONTAINER LAYOUT --- *\/\r\n    #ads-ind-unique-wrapper .ads-ind-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 0.9fr 1.1fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- LEFT: IMAGE STYLING --- *\/\r\n    #ads-ind-unique-wrapper .ads-ind-image-box {\r\n        position: relative;\r\n        border-radius: 30px;\r\n        margin: 30px; \r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-main-img {\r\n        width: 100%;\r\n        height: auto;\r\n        border-radius: 30px;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.5);\r\n        position: relative;\r\n        z-index: 2;\r\n        display: block;\r\n        transition: transform 0.5s ease;\r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-img-ring {\r\n        position: absolute;\r\n        top: -20px; left: -20px;\r\n        right: -20px; bottom: -20px;\r\n        border: 2px dashed var(--meta-purple);\r\n        border-radius: 40px;\r\n        z-index: 1;\r\n        animation: rotateRing 20s linear infinite;\r\n        opacity: 0.5;\r\n    }\r\n\r\n    @keyframes rotateRing { \r\n        0% {transform: rotate(0deg);} \r\n        100% {transform: rotate(360deg);} \r\n    }\r\n\r\n    \/* --- RIGHT: CONTENT --- *\/\r\n    #ads-ind-unique-wrapper .ads-ind-content {\r\n        display: flex; \r\n        flex-direction: column; \r\n        gap: 40px;\r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-block-title {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 32px; font-weight: 700;\r\n        color: var(--text-white); \r\n        margin: 0 0 10px 0;\r\n        line-height: 1.2;\r\n    }\r\n    \r\n    #ads-ind-unique-wrapper .ads-highlight {\r\n        background: linear-gradient(135deg, var(--meta-blue), var(--meta-purple));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-ind-desc {\r\n        font-size: 16px; color: var(--text-muted);\r\n        margin-bottom: 20px; line-height: 1.6;\r\n    }\r\n\r\n    \/* Industry Tags *\/\r\n    #ads-ind-unique-wrapper .ads-tag-cloud {\r\n        display: flex; flex-wrap: wrap; gap: 10px;\r\n    }\r\n    \r\n    #ads-ind-unique-wrapper .ads-ind-tag {\r\n        display: inline-flex; align-items: center; gap: 8px;\r\n        padding: 10px 20px;\r\n        background: var(--card-dark);\r\n        border-radius: 50px;\r\n        font-size: 14px; font-weight: 600;\r\n        color: #e2e8f0;\r\n        border: 1px solid var(--border-light);\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    #ads-ind-unique-wrapper .ads-ind-tag i { color: var(--meta-blue); }\r\n\r\n    #ads-ind-unique-wrapper .ads-ind-tag:hover {\r\n        background: var(--meta-blue); color: white;\r\n        transform: translateY(-3px);\r\n        box-shadow: 0 5px 15px rgba(0, 129, 251, 0.3);\r\n    }\r\n    #ads-ind-unique-wrapper .ads-ind-tag:hover i { color: white; }\r\n\r\n    \/* Testimonials *\/\r\n    #ads-ind-unique-wrapper .ads-reviews-grid {\r\n        display: grid; gap: 20px;\r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-review-card {\r\n        background: var(--card-dark);\r\n        border: 1px solid var(--border-light);\r\n        border-left: 4px solid var(--meta-purple);\r\n        padding: 20px;\r\n        border-radius: 12px;\r\n        position: relative;\r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-quote-mark {\r\n        position: absolute; top: 10px; right: 20px;\r\n        font-size: 40px; color: rgba(255,255,255,0.05);\r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-review-text {\r\n        font-size: 15px; color: var(--text-muted);\r\n        font-style: italic; line-height: 1.5;\r\n        margin: 0 0 15px 0;\r\n    }\r\n\r\n    #ads-ind-unique-wrapper .ads-review-author {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 14px; font-weight: 700;\r\n        color: var(--text-white);\r\n        display: flex; align-items: center; gap: 8px;\r\n    }\r\n    \r\n    #ads-ind-unique-wrapper .ads-review-author span {\r\n        font-weight: 400; color: #64748b; font-size: 12px;\r\n    }\r\n\r\n    \/* Audit Box *\/\r\n    #ads-ind-unique-wrapper .ads-audit-box {\r\n        background: rgba(0, 129, 251, 0.1);\r\n        padding: 15px 20px; border-radius: 12px;\r\n        border: 1px dashed var(--meta-blue);\r\n        text-align: center; font-size: 14px;\r\n        color: var(--text-white); font-weight: 500;\r\n    }\r\n    \r\n    #ads-ind-unique-wrapper .ads-audit-box strong { font-weight: 700; color: var(--meta-blue); }\r\n\r\n    @media (max-width: 1024px) {\r\n        #ads-ind-unique-wrapper .ads-ind-container { grid-template-columns: 1fr; gap: 50px; }\r\n        #ads-ind-unique-wrapper .ads-ind-image-box { max-width: 500px; margin: 20px auto; width: 100%; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"ads-ind-unique-wrapper\">\r\n    <div class=\"ads-ind-container\">\r\n        \r\n        <div class=\"ads-ind-image-box\">\r\n            <div class=\"ads-img-ring\"><\/div>\r\n            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Gads-Services.webp\" alt=\"Branding Services Mysore\" class=\"ads-main-img\">\r\n        <\/div>\r\n\r\n        <div class=\"ads-ind-content\">\r\n            \r\n            <div>\r\n                <h3 class=\"ads-block-title\">Industries We Grow in <span class=\"ads-highlight\">Mysore<\/span><\/h3>\r\n                <p class=\"ads-ind-desc\">We build strong brands for Mysore-based businesses using licensed tools like Adobe & Figma to ensure premium quality.<\/p>\r\n                \r\n                <div class=\"ads-tag-cloud\">\r\n                    <div class=\"ads-ind-tag\"><i class=\"fas fa-hotel\"><\/i> Hospitality<\/div>\r\n                    <div class=\"ads-ind-tag\"><i class=\"fas fa-graduation-cap\"><\/i> Education<\/div>\r\n                    <div class=\"ads-ind-tag\"><i class=\"fas fa-shopping-bag\"><\/i> Retail<\/div>\r\n                    <div class=\"ads-ind-tag\"><i class=\"fas fa-utensils\"><\/i> Food Services<\/div>\r\n                    <div class=\"ads-ind-tag\"><i class=\"fas fa-home\"><\/i> Real Estate<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div>\r\n                <h3 class=\"ads-block-title\">Local <span class=\"ads-highlight\">Impact<\/span><\/h3>\r\n                \r\n                <div class=\"ads-reviews-grid\">\r\n                    <div class=\"ads-review-card\">\r\n                        <i class=\"fas fa-quote-right ads-quote-mark\"><\/i>\r\n                        <p class=\"ads-review-text\">\u201cAspire helped our boutique hotel in Gokulam stand out with a professional brand identity that truly reflects our heritage.\u201d<\/p>\r\n                        <div class=\"ads-review-author\">\r\n                            <i class=\"fas fa-check-circle\" style=\"color:var(--success-green);\"><\/i> Hotel Owner <span>| Gokulam<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <div class=\"ads-review-card\">\r\n                        <i class=\"fas fa-quote-right ads-quote-mark\"><\/i>\r\n                        <p class=\"ads-review-text\">\u201cThe 5-step transparent workflow made our retail brand launch in Mysore incredibly smooth and professional.\u201d<\/p>\r\n                        <div class=\"ads-review-author\">\r\n                            <i class=\"fas fa-check-circle\" style=\"color:var(--success-green);\"><\/i> Retail Chain <span>| Siddartha Layout<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-audit-box\">\r\n                <i class=\"fas fa-paint-brush\"><\/i> Get a <strong>Free Brand Consultation<\/strong> to see how we can elevate your Mysore business.\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1b75a1d e-con-full e-flex e-con e-parent\" data-id=\"1b75a1d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cae0453 elementor-widget elementor-widget-html\" data-id=\"cae0453\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"testimonial-slice-gallery\">\r\n    <div class=\"t-slice active\" style=\"background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)), url('https:\/\/images.unsplash.com\/photo-1523381210434-271e8be1f52b?q=80&w=2070&auto=format&fit=crop');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\u201cOur clothing page had very few likes before. After Aspire started managing it, people started messaging us more and placing orders. They posted regularly and also gave us tips. We\u2019re happy we chose them.\u201d<\/p>\r\n            <h4 class=\"author\">Ankit \u2013 Jayanagar, Bangalore<\/h4>\r\n            <span class=\"business\">House of Threads<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"t-slice\" style=\"background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)), url('https:\/\/images.unsplash.com\/photo-1554118811-1e0d58224f24?q=80&w=2047&auto=format&fit=crop');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\u201cWe have a small caf\u00e9 in Indiranagar called The Bean Box. Before Aspire helped us, our Instagram was not active. They started posting nice pictures and fun reels. Now, many customers say they found us on Instagram.\u201d<\/p>\r\n            <h4 class=\"author\">Priya \u2013 Indiranagar, Bangalore<\/h4>\r\n            <span class=\"business\">The Bean Box Caf\u00e9<\/span>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"t-slice\" style=\"background-image: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.7)), url('https:\/\/images.unsplash.com\/photo-1522335789203-aabd1fc54bc9?q=80&w=2044&auto=format&fit=crop');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\u201cI\u2019m a makeup artist in HSR Layout. Aspire worked on my Instagram page and made it look professional. I started getting more likes and even got 3 bridal bookings in just one month. They made everything easy.\u201d<\/p>\r\n            <h4 class=\"author\">Shweta \u2013 HSR Layout, Bangalore<\/h4>\r\n            <span class=\"business\">Makeup by Shweta<\/span>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    .testimonial-slice-gallery {\r\n        display: flex;\r\n        width: 100%;\r\n        height: 550px;\r\n        gap: 12px;\r\n        background: #05070a; \/* Dark background to match your Meta theme *\/\r\n        padding: 15px;\r\n        box-sizing: border-box;\r\n        font-family: 'Outfit', 'Manrope', sans-serif;\r\n    }\r\n\r\n    .t-slice {\r\n        position: relative;\r\n        flex: 0.5;\r\n        background-size: cover;\r\n        background-position: center;\r\n        border-radius: 12px;\r\n        cursor: pointer;\r\n        overflow: hidden;\r\n        transition: all 0.7s cubic-bezier(0.25, 1, 0.4, 1);\r\n        display: flex;\r\n        align-items: flex-end;\r\n        padding: 30px;\r\n    }\r\n\r\n    .t-slice.active {\r\n        flex: 5;\r\n    }\r\n\r\n    .t-content {\r\n        color: white;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.5s ease;\r\n        pointer-events: none;\r\n        max-width: 600px;\r\n    }\r\n\r\n    .t-slice.active .t-content {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n        pointer-events: auto;\r\n        transition-delay: 0.3s;\r\n    }\r\n\r\n    .quote {\r\n        font-size: 1.4rem;\r\n        font-style: italic;\r\n        line-height: 1.5;\r\n        margin-bottom: 15px;\r\n        text-shadow: 0 2px 10px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .author {\r\n        margin: 0;\r\n        font-size: 1.1rem;\r\n        color: #ffc800!important; \/* Meta Blue color to match your palette *\/\r\n        font-weight: 700;\r\n    }\r\n\r\n    .business {\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        opacity: 0.9;\r\n        font-weight: 600;\r\n        color: #ffc800; \/* Meta Purple *\/\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .testimonial-slice-gallery {\r\n            height: 650px;\r\n            flex-direction: column; \r\n        }\r\n        .t-slice {\r\n            flex: 1;\r\n            padding: 20px;\r\n        }\r\n        .t-slice.active {\r\n            flex: 10;\r\n        }\r\n        .quote {\r\n            font-size: 1.1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        const allSlices = document.querySelectorAll('.t-slice');\r\n        allSlices.forEach(slice => {\r\n            const activate = () => {\r\n                allSlices.forEach(s => s.classList.remove('active'));\r\n                slice.classList.add('active');\r\n            };\r\n            slice.addEventListener('click', activate);\r\n            slice.addEventListener('mouseenter', activate);\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f0d9a91 e-con-full e-flex e-con e-parent\" data-id=\"7f0d9a91\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ad366c1 elementor-widget elementor-widget-html\" data-id=\"4ad366c1\" 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<section id=\"ads-faq-section\">\r\n    <div class=\"ads-asp-container\">\r\n        <div class=\"ads-asp-header\">\r\n            \r\n            \r\n            <h2>Social Media <span class=\"ads-asp-highlight\">Insights<\/span><\/h2>\r\n            <p>Answers to common questions about building a high-performing social presence in Bangalore.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"ads-asp-list\">\r\n            \r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">What is social media reach and why does it matter?<\/div>\r\n                <div class=\"ads-asp-answer\">More reach means more people see your posts. Aspire helps increase this by creating content that resonates with your local audience and triggers social algorithms.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Which tools help manage social media effectively?<\/div>\r\n                <div class=\"ads-asp-answer\">We utilize industry-standard tools like Canva for design and Meta Business Suite for precise scheduling and tracking, ensuring your brand stays active 24\/7.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Is a blog needed for social media success?<\/div>\r\n                <div class=\"ads-asp-answer\">Yes. Blogs provide valuable \"long-form\" content. Aspire creates a synergy where your social posts drive traffic to your blogs, and your blogs fuel your social content calendar.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Does social media actually help SEO?<\/div>\r\n                <div class=\"ads-asp-answer\">While not a direct ranking factor, social signals drive traffic and brand awareness. Increased engagement on social platforms often leads to more branded searches on Google, supporting your overall ranking.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Should I use paid ads or just organic posts?<\/div>\r\n                <div class=\"ads-asp-answer\">We recommend a hybrid approach. Organic posts build community and trust, while Aspire sets up targeted Meta ads to break through the noise and drive immediate sales.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Which results should I track to measure success?<\/div>\r\n                <div class=\"ads-asp-answer\">Focus on engagement (comments\/shares) and conversion (clicks to website). Aspire provides easy-to-read monthly reports so you can see exactly how your social presence is growing.<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<style>\r\n    \/* BASE STYLES *\/\r\n    #ads-faq-section {\r\n        background-color: #ffffff;\r\n        color: #1a1a1a;\r\n        font-family: 'Inter', sans-serif;\r\n        margin: 0;\r\n        padding: 0;\r\n        overflow-x: hidden;\r\n    }\r\n\r\n    .ads-asp-container {\r\n        display: flex;\r\n        flex-direction: row;\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        padding: 100px 20px;\r\n        position: relative;\r\n    }\r\n\r\n    .ads-asp-header {\r\n        width: 35%;\r\n        position: sticky;\r\n        top: 100px;\r\n        height: fit-content;\r\n        padding-right: 50px;\r\n    }\r\n\r\n    .ads-asp-logo {\r\n        max-width: 180px;\r\n        margin-bottom: 30px;\r\n        display: block;\r\n    }\r\n\r\n    .ads-asp-header h2 {\r\n        font-size: 3rem;\r\n        line-height: 1.1;\r\n        font-weight: 700;\r\n        margin: 0;\r\n        color: #111;\r\n        letter-spacing: -0.03em;\r\n    }\r\n\r\n    .ads-asp-header p {\r\n        color: #666;\r\n        margin-top: 20px;\r\n        font-size: 1.125rem;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    .ads-asp-highlight {\r\n        background: linear-gradient(90deg, #6c85f5, #e068fd);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .ads-asp-list {\r\n        width: 65%;\r\n        padding-bottom: 200px;\r\n    }\r\n\r\n    .ads-asp-item {\r\n        margin-bottom: 60px;\r\n        opacity: 0.2;\r\n        filter: blur(4px);\r\n        transform: translateY(20px) scale(0.98);\r\n        transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n        border-left: 3px solid transparent;\r\n        padding-left: 30px;\r\n    }\r\n\r\n    .ads-asp-item.active {\r\n        opacity: 1;\r\n        filter: blur(0px);\r\n        transform: translateY(0) scale(1);\r\n        border-left: 3px solid #6c85f5;\r\n    }\r\n\r\n    .ads-asp-question {\r\n        font-size: 1.5rem;\r\n        font-weight: 600;\r\n        margin-bottom: 12px;\r\n        color: #000;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .ads-asp-answer {\r\n        font-size: 1.1rem;\r\n        line-height: 1.6;\r\n        color: #444;\r\n        font-weight: 400;\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .ads-asp-container {\r\n            flex-direction: column;\r\n            padding: 60px 20px;\r\n        }\r\n        .ads-asp-header {\r\n            width: 100%;\r\n            position: relative;\r\n            top: 0;\r\n            margin-bottom: 60px;\r\n            padding-right: 0;\r\n        }\r\n        .ads-asp-list {\r\n            width: 100%;\r\n        }\r\n        .ads-asp-header h2 {\r\n            font-size: 2.25rem;\r\n        }\r\n        .ads-asp-item {\r\n            opacity: 0.4;\r\n            filter: blur(1.5px);\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<script>\r\n    gsap.registerPlugin(ScrollTrigger);\r\n    const faqItems = document.querySelectorAll('.ads-asp-item');\r\n\r\n    faqItems.forEach(item => {\r\n        gsap.to(item, {\r\n            scrollTrigger: {\r\n                trigger: item,\r\n                start: \"top center+=150\", \r\n                end: \"bottom center-=150\",\r\n                toggleClass: \"active\",\r\n                markers: false, \r\n                scrub: true,\r\n            }\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-48c24a60 e-con-full e-flex e-con e-parent\" data-id=\"48c24a60\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1e125a54 elementor-widget elementor-widget-html\" data-id=\"1e125a54\" 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-cta-2026\">\r\n    \r\n    <div class=\"aspire-glow-orb aspire-orb-left\"><\/div>\r\n    <div class=\"aspire-glow-orb aspire-orb-right\"><\/div>\r\n\r\n    <div class=\"aspire-final-container\">\r\n        \r\n        <div class=\"aspire-final-left\">\r\n            <span class=\"aspire-final-label\">Social Media Growth<\/span>\r\n            <h2 class=\"aspire-final-title\">Grow Your Business with Social Media Marketing in Bangalore<\/h2>\r\n            \r\n            <p class=\"aspire-final-desc\">\r\n                Our Social Media Marketing Services in Bangalore help you reach local customers, build trust, and turn followers into real leads. We focus on creating useful content, running ads that bring results, and tracking everything clearly.\r\n            <\/p>\r\n\r\n            <div class=\"aspire-check-grid\">\r\n                <div class=\"aspire-check-item\">\r\n                    <div class=\"aspire-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    7+ Years Experience\r\n                <\/div>\r\n                <div class=\"aspire-check-item\">\r\n                    <div class=\"aspire-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    Based in Bangalore\r\n                <\/div>\r\n                <div class=\"aspire-check-item\">\r\n                    <div class=\"aspire-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    In-House Creative Team\r\n                <\/div>\r\n                <div class=\"aspire-check-item\">\r\n                    <div class=\"aspire-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    1,000+ Happy Clients\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <p class=\"aspire-final-desc\" style=\"margin-top: 20px; font-size: 14px; opacity: 0.8;\">\r\n                From planning to posting, we help your business grow on the platforms your audience uses daily.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"aspire-contact-card\">\r\n            <div class=\"aspire-contact-row\">\r\n                <div class=\"aspire-con-icon\"><i class=\"fas fa-phone-alt\"><\/i><\/div>\r\n                <div class=\"aspire-con-info\">\r\n                    <h4>Call Now<\/h4>\r\n                    <a href=\"tel:+917975327335\">+91 79753 27335<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-contact-row\">\r\n                <div class=\"aspire-con-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n                <div class=\"aspire-con-info\">\r\n                    <h4>Email Our Team<\/h4>\r\n                    <a href=\"mailto:marketing@aspiredigitalsolutions.in\">marketing@aspiredigitalsolutions.in<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-contact-row\">\r\n                <div class=\"aspire-con-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n                <div class=\"aspire-con-info\">\r\n                    <h4>Visit Website<\/h4>\r\n                    <a href=\"https:\/\/www.aspiredigitalsolutions.in\" target=\"_blank\">www.aspiredigitalsolutions.in<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/www.aspiredigitalsolutions.in\/contact-us\/\" class=\"aspire-final-btn\">\r\n                Get Started Today <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- UNIQUE SCOPING & RESET --- *\/\r\n    #aspire-social-cta-2026 {\r\n        --ads-blue: #0081FB;\r\n        --ads-pink: #833AB4;\r\n        --text-white: #ffffff;\r\n        --bg-gradient: linear-gradient(135deg, #05070a 0%, #0f172a 50%, #1e1b4b 100%);\r\n        \r\n        width: 100% !important;\r\n        position: relative !important;\r\n        background: var(--bg-gradient) !important;\r\n        padding: 80px 20px !important;\r\n        overflow: hidden;\r\n        font-family: 'Manrope', 'Outfit', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #aspire-social-cta-2026 *, \r\n    #aspire-social-cta-2026 *::before, \r\n    #aspire-social-cta-2026 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- DECORATIVE ORBS --- *\/\r\n    #aspire-social-cta-2026 .aspire-glow-orb {\r\n        position: absolute; border-radius: 50%;\r\n        filter: blur(80px); z-index: 1; pointer-events: none;\r\n    }\r\n    #aspire-social-cta-2026 .aspire-orb-left { width: 300px; height: 300px; background: var(--ads-blue); top: -10%; left: -10%; opacity: 0.2; }\r\n    #aspire-social-cta-2026 .aspire-orb-right { width: 400px; height: 400px; background: var(--ads-pink); bottom: -10%; right: -10%; opacity: 0.15; }\r\n\r\n    \/* --- LAYOUT --- *\/\r\n    #aspire-social-cta-2026 .aspire-final-container {\r\n        max-width: 1200px; margin: 0 auto;\r\n        display: grid; grid-template-columns: 1.2fr 0.8fr;\r\n        gap: 60px; align-items: center; position: relative; z-index: 2;\r\n    }\r\n\r\n    #aspire-social-cta-2026 .aspire-final-title {\r\n        font-family: 'Outfit', sans-serif; font-size: 42px; font-weight: 800;\r\n        color: var(--text-white) !important; margin: 0 0 20px 0; line-height: 1.2;\r\n    }\r\n\r\n    #aspire-social-cta-2026 .aspire-final-label {\r\n        color: var(--ads-blue); font-weight: 700; text-transform: uppercase;\r\n        letter-spacing: 1.5px; font-size: 13px; margin-bottom: 15px; display: block;\r\n    }\r\n\r\n    #aspire-social-cta-2026 .aspire-final-desc {\r\n        font-size: 16px; color: #d1d5db; line-height: 1.6; margin: 0 0 10px 0;\r\n    }\r\n\r\n    \/* --- FEATURES --- *\/\r\n    #aspire-social-cta-2026 .aspire-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-top: 25px; }\r\n    #aspire-social-cta-2026 .aspire-check-item {\r\n        display: flex; align-items: center; gap: 10px;\r\n        background: rgba(255, 255, 255, 0.05); padding: 10px 15px;\r\n        border-radius: 50px; border: 1px solid rgba(255,255,255,0.1);\r\n        color: white; font-size: 14px; font-weight: 600;\r\n    }\r\n    #aspire-social-cta-2026 .aspire-check-icon {\r\n        color: var(--ads-blue); background: white; width: 22px; height: 22px;\r\n        border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px;\r\n    }\r\n\r\n    \/* --- CONTACT CARD --- *\/\r\n    #aspire-social-cta-2026 .aspire-contact-card {\r\n        background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.2);\r\n        border-radius: 20px; padding: 35px; box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n        display: flex; flex-direction: column; gap: 25px;\r\n    }\r\n\r\n    #aspire-social-cta-2026 .aspire-contact-row { display: flex; align-items: center; gap: 15px; }\r\n    #aspire-social-cta-2026 .aspire-con-icon {\r\n        width: 40px; height: 40px; border-radius: 10px;\r\n        background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink));\r\n        display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0;\r\n    }\r\n\r\n    #aspire-social-cta-2026 .aspire-con-info h4 { margin: 0; font-size: 12px; color: #a5b4fc; text-transform: uppercase; font-weight: 700; }\r\n    #aspire-social-cta-2026 .aspire-con-info a { color: white !important; font-size: 16px; font-weight: 700; text-decoration: none; word-break: break-all; }\r\n\r\n    #aspire-social-cta-2026 .aspire-final-btn {\r\n        background: white; color: var(--ads-blue) !important; text-align: center;\r\n        padding: 16px; border-radius: 10px; font-weight: 800; text-decoration: none;\r\n        text-transform: uppercase; letter-spacing: 1px; transition: 0.3s;\r\n        display: block; width: 100%;\r\n    }\r\n    #aspire-social-cta-2026 .aspire-final-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }\r\n\r\n    @media (max-width: 1024px) {\r\n        #aspire-social-cta-2026 .aspire-final-container { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n        #aspire-social-cta-2026 .aspire-final-left { align-items: center; }\r\n        #aspire-social-cta-2026 .aspire-check-grid { justify-content: center; }\r\n        #aspire-social-cta-2026 .aspire-contact-card { max-width: 500px; margin: 0 auto; text-align: left; }\r\n    }\r\n\r\n    @media (max-width: 767px) {\r\n        #aspire-social-cta-2026 { padding: 60px 15px !important; }\r\n        #aspire-social-cta-2026 .aspire-final-title { font-size: 30px !important; }\r\n        #aspire-social-cta-2026 .aspire-check-grid { grid-template-columns: 1fr; width: 100%; max-width: 320px; }\r\n        #aspire-social-cta-2026 .aspire-contact-card { padding: 25px; }\r\n    }\r\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Home \/ Bangalore \/ Meta Ads Social Media Marketing Services in Bangalore Turn scrolls into sales. We create high-impact Facebook and Instagram ad campaigns tailored for Bangalore&#8217;s diverse market\u2014helping you reach the right audience with precision. Start Your Campaign Call Expert Aspire Digital Solutions Sponsored \u2022 Bangalore Learn More Targeted Meta Ads for ROI Stop [&hellip;]<\/p>\n","protected":false},"featured_media":873,"template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[],"class_list":["post-2174","bangalore","type-bangalore","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2174","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/bangalore"}],"version-history":[{"count":39,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2174\/revisions"}],"predecessor-version":[{"id":14052,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2174\/revisions\/14052"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/873"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=2174"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/categories?post=2174"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}