{"id":2192,"date":"2025-05-19T17:48:52","date_gmt":"2025-05-19T17:48:52","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=bangalore&#038;p=2192"},"modified":"2026-01-28T15:36:33","modified_gmt":"2026-01-28T10:06:33","slug":"branding-services-in-bangalore","status":"publish","type":"bangalore","link":"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/branding-services-in-bangalore\/","title":{"rendered":"Branding Services in Bangalore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2192\" class=\"elementor elementor-2192\" data-elementor-post-type=\"bangalore\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9fd3afb e-con-full e-flex e-con e-parent\" data-id=\"9fd3afb\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1c694a6d elementor-widget elementor-widget-html\" data-id=\"1c694a6d\" 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=\"ads-bangalore-id-01\">\r\n    <div class=\"ads-hero-bg\">\r\n        <div class=\"ads-orb orb-1\"><\/div>\r\n        <div class=\"ads-orb orb-2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"ads-hero-grid\">\r\n        <div class=\"ads-text-col\">\r\n            <div class=\"ads-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\">Branding Services<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"ads-hero-h1\">\r\n                Build a Legacy with Premier \r\n                <span class=\"ads-gradient\">Branding in Bangalore<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"ads-hero-p\">\r\n                In India\u2019s most competitive market, a logo isn't enough. We craft iconic brand identities that resonate with Bangalore\u2019s audience, combining strategic storytelling with world-class design to make your business unforgettable.\r\n            <\/p>\r\n\r\n            <div class=\"ads-btn-row\">\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/contact-us\/\" class=\"ads-btn-main\">\r\n                    Start Your Rebrand <i class=\"fas fa-arrow-right\"><\/i>\r\n                <\/a>\r\n                <a href=\"#portfolio\" class=\"ads-btn-outline\">\r\n                    View Brand Portfolio\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-visual-col\" id=\"tilt-container\">\r\n            <div class=\"ads-glass-card\" id=\"tilt-card\">\r\n                <div class=\"ads-card-header\" style=\"display: flex; align-items: center; gap: 12px; padding: 20px;\">\r\n                    <div class=\"ads-profile-circle\" style=\"width: 45px; height: 45px; background: #007bff; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 800; font-size: 18px;\">A<\/div>\r\n                    <div class=\"ads-header-text\" style=\"display: flex; flex-direction: column; line-height: 1.2;\">\r\n                        <strong style=\"font-size: 16px; color: #333;\">Aspire Digital Solutions<\/strong>\r\n                        <span style=\"font-size: 12px; color: #888;\">Sponsored \u2022 Bangalore<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <p class=\"ads-card-body-text\" style=\"padding: 0 20px 15px 20px; font-size: 14px; color: #444; margin: 0; line-height: 1.4;\">\r\n                    Want to grow your local brand in Bangalore? Our design experts handle everything\u2014logo design, brand strategy, and visuals\u2014\r\n                <\/p>\r\n\r\n                <div class=\"ads-card-image-wrapper\" style=\"width: 100%; height: 220px; overflow: hidden; background: #eee;\">\r\n                    <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1460925895917-afdab827c52f?auto=format&fit=crop&w=800&q=80\" alt=\"Branding Showcase\" style=\"width: 100%; height: 100%; object-fit: cover;\">\r\n                <\/div>\r\n\r\n                <div class=\"ads-card-footer\" style=\"padding: 15px 20px; background: #f0f2f5; display: flex; justify-content: flex-end; align-items: center; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; position: relative;\">\r\n                    \r\n                    <div class=\"ads-img-float-container\" style=\"position: absolute; bottom: 15px; left: -20px; background: white; padding: 10px 20px; border-radius: 50px 15px 15px 50px; box-shadow: 0 10px 30px rgba(0,0,0,0.1); display: flex; align-items: center; gap: 12px; z-index: 10; border: 1px solid rgba(0,0,0,0.03);\">\r\n                        <div class=\"ads-float-icon-bg\" style=\"width: 38px; height: 38px; background: #e8f0fe; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #1967d2; font-size: 16px;\">\r\n                            <i class=\"fas fa-users\"><\/i>\r\n                        <\/div>\r\n                        <div class=\"ads-float-text\" style=\"display: flex; flex-direction: column;\">\r\n                            <span class=\"ads-stat-num\" style=\"font-weight: 800; color: #1a1a1a; font-size: 18px; line-height: 1;\">1,000+<\/span>\r\n                            <span class=\"ads-stat-label\" style=\"font-size: 11px; color: #777; font-weight: 600;\">Campaigns Delivered<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n\r\n                    <a href=\"#\" class=\"ads-learn-more-btn\" style=\"background: #e4e6eb; color: #050505; text-decoration: none; padding: 8px 16px; border-radius: 8px; font-weight: 700; font-size: 14px;\">Learn More<\/a>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- CSS VARIABLES --- *\/\r\n    #ads-bangalore-id-01 {\r\n        --ads-blue: #6B82FA;\r\n        --ads-pink: #F5A8A8;\r\n        --text-dark: #1a1a1a;\r\n        --text-grey: #555555;\r\n        --bg-color: #f8f9fc;\r\n    }\r\n\r\n    #ads-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: 'Manrope', 'Outfit', sans-serif;\r\n        box-sizing: border-box;\r\n        text-align: left;\r\n    }\r\n\r\n    #ads-bangalore-id-01 .ads-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    #ads-bangalore-id-01 .ads-orb {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(90px);\r\n        opacity: 0.6;\r\n        animation: adsFloat 10s infinite ease-in-out;\r\n    }\r\n    \r\n    #ads-bangalore-id-01 .orb-1 { width: 500px; height: 500px; background: var(--ads-blue); top: -15%; left: -10%; }\r\n    #ads-bangalore-id-01 .orb-2 { width: 400px; height: 400px; background: var(--ads-pink); bottom: 0%; right: -5%; animation-delay: -5s; }\r\n\r\n    @keyframes adsFloat {\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    #ads-bangalore-id-01 .ads-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    #ads-bangalore-id-01 .ads-text-col { display: flex; flex-direction: column; align-items: flex-start; }\r\n\r\n    #ads-bangalore-id-01 .ads-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    #ads-bangalore-id-01 .ads-breadcrumbs a { color: var(--text-dark); text-decoration: none; }\r\n    #ads-bangalore-id-01 .ads-breadcrumbs .current { color: var(--ads-blue); }\r\n\r\n    #ads-bangalore-id-01 .ads-hero-h1 {\r\n        font-family: 'Outfit', sans-serif;\r\n        font-size: 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    #ads-bangalore-id-01 .ads-gradient {\r\n        background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink));\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-bangalore-id-01 .ads-hero-p {\r\n        font-size: 18px; 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    #ads-bangalore-id-01 .ads-btn-row { display: flex; gap: 15px; flex-wrap: wrap; }\r\n\r\n    #ads-bangalore-id-01 .ads-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        text-decoration: none;\r\n        display: flex; \r\n        align-items: center; \r\n        gap: 10px;\r\n        transition: 0.3s;\r\n    }\r\n    \r\n    #ads-bangalore-id-01 .ads-btn-main:hover {\r\n        background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink));\r\n        transform: translateY(-3px);\r\n    }\r\n\r\n    #ads-bangalore-id-01 .ads-btn-outline {\r\n        background: white;\r\n        color: var(--text-dark);\r\n        padding: 16px 38px;\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        border: 1px solid rgba(0,0,0,0.1);\r\n        transition: 0.3s;\r\n    }\r\n\r\n    #ads-bangalore-id-01 .ads-visual-col {\r\n        position: relative;\r\n        perspective: 1200px; \/* Enhanced 3D depth *\/\r\n    }\r\n\r\n    #ads-bangalore-id-01 .ads-glass-card {\r\n        width: 100%;\r\n        max-width: 450px;\r\n        background: #ffffff;\r\n        border-radius: 24px;\r\n        box-shadow: 0 30px 60px rgba(0,0,0,0.12);\r\n        transform-style: preserve-3d;\r\n        transition: transform 0.1s ease-out; \/* Smooth follow for JS tilt *\/\r\n        overflow: visible;\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n\r\n    @media (max-width: 1024px) {\r\n        #ads-bangalore-id-01 .ads-hero-grid { grid-template-columns: 1fr; text-align: center; }\r\n        #ads-bangalore-id-01 .ads-text-col { align-items: center; }\r\n        #ads-bangalore-id-01 .ads-hero-h1 { font-size: 42px; }\r\n        #ads-bangalore-id-01 .ads-btn-row { justify-content: center; }\r\n        #ads-bangalore-id-01 .ads-img-float-container { left: 10px; }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    const card = document.getElementById('tilt-card');\r\n    const container = document.getElementById('tilt-container');\r\n\r\n    container.addEventListener('mousemove', (e) => {\r\n        const { left, top, width, height } = container.getBoundingClientRect();\r\n        const x = (e.clientX - left) \/ width;\r\n        const y = (e.clientY - top) \/ height;\r\n        \r\n        \/\/ Max tilt of 15 degrees\r\n        const tiltX = (y - 0.5) * 15; \r\n        const tiltY = (x - 0.5) * -15;\r\n        \r\n        card.style.transform = `perspective(1000px) rotateX(${tiltX}deg) rotateY(${tiltY}deg) scale3d(1.02, 1.02, 1.02)`;\r\n    });\r\n\r\n    container.addEventListener('mouseleave', () => {\r\n        card.style.transform = `perspective(1000px) rotateX(0deg) rotateY(0deg) scale3d(1, 1, 1)`;\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-44055ee9 e-con-full e-flex e-con e-parent\" data-id=\"44055ee9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52dd0c51 elementor-widget elementor-widget-html\" data-id=\"52dd0c51\" 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=\"ads-dark-bangalore-02\">\r\n    <div class=\"ads-dark-blob\"><\/div>\r\n\r\n    <div class=\"ads-content-container\">\r\n        <div class=\"ads-content-left\">\r\n            <span class=\"ads-sub-tag-dark\">7+ Years of Creative Excellence<\/span>\r\n            \r\n            <h2 class=\"ads-main-head-dark\">\r\n                Identity-Driven <br>\r\n                <span class=\"ads-gradient-text\">Branding in Bangalore<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"ads-main-desc-dark\">\r\n                Struggling to stand out in Bangalore's busy market? Aspire Digital Solutions builds strong, consistent identities that turn \"just another business\" into a recognizable brand.\r\n                <br><br>\r\n                From <strong>startups in Koramangala to fashion boutiques in Indiranagar<\/strong>, we craft professional visuals using Adobe and Figma that ensure your brand looks clear, premium, and built for lasting impact.\r\n            <\/p>\r\n\r\n            <div class=\"ads-audience-box\">\r\n                <span class=\"ads-audience-label-dark\">Tailored for Bangalore Segments:<\/span>\r\n                <div class=\"ads-tags-row\">\r\n                    <div class=\"ads-tag-dark\"><i class=\"fas fa-rocket\"><\/i> Koramangala Startups<\/div>\r\n                    <div class=\"ads-tag-dark\"><i class=\"fas fa-tshirt\"><\/i> Indiranagar Fashion<\/div>\r\n                    <div class=\"ads-tag-dark\"><i class=\"fas fa-building\"><\/i> Real Estate<\/div>\r\n                    <div class=\"ads-tag-dark\"><i class=\"fas fa-microchip\"><\/i> Tech Enterprises<\/div>\r\n                    <div class=\"ads-tag-dark\"><i class=\"fas fa-coffee\"><\/i> Jayanagar Cafes<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"ads-content-right\">\r\n            <div class=\"ads-focus-card-dark\">\r\n                <div class=\"ads-focus-icon-dark\"><i class=\"fas fa-pen-nib\"><\/i><\/div>\r\n                <div class=\"ads-focus-content\">\r\n                    <h4>Iconic Identity Design<\/h4>\r\n                    <p>We provide 3 unique logo options based on your industry, complete with source files (AI, PDF) and a cohesive brand style guide.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-focus-card-dark\">\r\n                <div class=\"ads-focus-icon-dark\"><i class=\"fas fa-layer-group\"><\/i><\/div>\r\n                <div class=\"ads-focus-content\">\r\n                    <h4>Multi-Platform Consistency<\/h4>\r\n                    <p>Solve the problem of mixed messages. We ensure your brand colors, fonts, and graphics remain uniform across web, social, and print.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-focus-card-dark\">\r\n                <div class=\"ads-focus-icon-dark\"><i class=\"fas fa-users\"><\/i><\/div>\r\n                <div class=\"ads-focus-content\">\r\n                    <h4>Build Customer Loyalty<\/h4>\r\n                    <p>Good branding allows you to charge fair prices and build trust. We create visuals that connect emotionally with your Bangalore audience.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- CSS VARIABLES (Scoped to Bangalore ID) --- *\/\r\n    #ads-dark-bangalore-02 {\r\n        --ads-blue: #6B82FA;\r\n        --ads-pink: #F5A8A8;\r\n        --bg-dark: #0b0c10;\r\n        --card-dark: rgba(255, 255, 255, 0.03);\r\n        --text-white: #ffffff;\r\n        --text-muted: #a0a0a0;\r\n        --border-light: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    #ads-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: 'Manrope', 'Outfit', 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    #ads-dark-bangalore-02 *,\r\n    #ads-dark-bangalore-02 *::before,\r\n    #ads-dark-bangalore-02 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-dark-blob {\r\n        position: absolute;\r\n        width: 600px; height: 600px;\r\n        background: radial-gradient(circle, rgba(107, 130, 250, 0.15) 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    #ads-dark-bangalore-02 .ads-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    #ads-dark-bangalore-02 .ads-sub-tag-dark {\r\n        display: inline-block;\r\n        font-size: 13px; font-weight: 700;\r\n        color: var(--ads-blue); text-transform: uppercase;\r\n        letter-spacing: 1px; margin-bottom: 15px;\r\n        background: rgba(107, 130, 250, 0.15);\r\n        padding: 6px 14px; border-radius: 30px;\r\n        width: max-content;\r\n        border: 1px solid rgba(107, 130, 250, 0.2);\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-main-head-dark {\r\n        font-family: 'Outfit', sans-serif;\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    #ads-dark-bangalore-02 .ads-gradient-text {\r\n        background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink));\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    #ads-dark-bangalore-02 .ads-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    #ads-dark-bangalore-02 .ads-audience-label-dark {\r\n        font-size: 14px; font-weight: 700; color: white;\r\n        margin-bottom: 15px; display: block;\r\n    }\r\n    #ads-dark-bangalore-02 .ads-tags-row { display: flex; gap: 10px; flex-wrap: wrap; }\r\n    \r\n    #ads-dark-bangalore-02 .ads-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: #e0e0e0; font-weight: 500;\r\n        display: flex; align-items: center; gap: 8px;\r\n        border: 1px solid var(--border-light);\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-content-right {\r\n        display: flex; flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-focus-card-dark {\r\n        background: var(--card-dark);\r\n        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        position: relative; overflow: hidden;\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-focus-card-dark:hover {\r\n        transform: translateY(-5px);\r\n        background: rgba(255, 255, 255, 0.08);\r\n        border-color: rgba(107, 130, 250, 0.4);\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-focus-icon-dark {\r\n        width: 50px; height: 50px; flex-shrink: 0;\r\n        background: rgba(107, 130, 250, 0.15);\r\n        border-radius: 12px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 20px; color: var(--ads-blue);\r\n        border: 1px solid rgba(107, 130, 250, 0.2);\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-focus-content h4 {\r\n        font-family: 'Outfit', sans-serif; font-size: 18px;\r\n        font-weight: 700; color: var(--text-white);\r\n        margin: 0 0 5px 0;\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-focus-content p {\r\n        font-size: 14px; color: var(--text-muted); margin: 0;\r\n    }\r\n\r\n    #ads-dark-bangalore-02 .ads-focus-card-dark::before {\r\n        content: ''; position: absolute; left: 0; top: 0;\r\n        height: 100%; width: 3px;\r\n        background: linear-gradient(180deg, var(--ads-blue), var(--ads-pink));\r\n        opacity: 0; transition: 0.3s;\r\n    }\r\n    #ads-dark-bangalore-02 .ads-focus-card-dark:hover::before { opacity: 1; }\r\n\r\n    @media (max-width: 1024px) {\r\n        #ads-dark-bangalore-02 .ads-content-container { grid-template-columns: 1fr; gap: 50px; }\r\n        #ads-dark-bangalore-02 .ads-content-left { text-align: center; align-items: center; }\r\n        #ads-dark-bangalore-02 .ads-tags-row { justify-content: center; }\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<div class=\"elementor-element elementor-element-777e1b51 e-con-full e-flex e-con e-parent\" data-id=\"777e1b51\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6d838425 elementor-widget elementor-widget-html\" data-id=\"6d838425\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@48,400,0,0\" \/>\r\n\r\n<style>\r\n    \/* --- SCOPED VARIABLES --- *\/\r\n    #aspire-branding-results {\r\n        --at-primary: #4f46e5;\r\n        --at-secondary: #ec4899;\r\n        --at-bg: #f8fafc;\r\n        --at-card-bg: #ffffff;\r\n        --at-text-main: #1e293b;\r\n        --at-text-sub: #64748b;\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        background: var(--at-bg);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #aspire-branding-results * { box-sizing: border-box; transition: all 0.3s ease; }\r\n\r\n    #aspire-branding-results::before {\r\n        content: '';\r\n        position: absolute;\r\n        width: 100%; height: 100%;\r\n        top: 0; left: 0;\r\n        background: radial-gradient(circle at 50% 0%, rgba(79, 70, 229, 0.08) 0%, transparent 60%);\r\n        z-index: 0;\r\n    }\r\n\r\n    .at-container {\r\n        max-width: 1280px; \r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .at-header {\r\n        text-align: center;\r\n        max-width: 800px;\r\n        margin: 0 auto 50px auto;\r\n    }\r\n\r\n    .at-badge {\r\n        background: white;\r\n        color: var(--at-primary);\r\n        padding: 6px 18px;\r\n        border-radius: 30px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 4px 15px rgba(79, 70, 229, 0.15);\r\n        display: inline-block;\r\n        margin-bottom: 15px;\r\n    }\r\n\r\n    \/* --- SHARED GRADIENT HEADER STYLE --- *\/\r\n    .at-header h2, .at-proof-title {\r\n        font-size: 42px;\r\n        color: var(--at-text-main);\r\n        margin: 0 0 15px 0;\r\n        font-weight: 800;\r\n        letter-spacing: -1px;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .at-header h2 span, .at-proof-title span {\r\n        background: linear-gradient(90deg, var(--at-primary), var(--at-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        background-clip: text;\r\n    }\r\n\r\n    .at-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr); \r\n        gap: 25px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    .at-card {\r\n        background: var(--at-card-bg);\r\n        border-radius: 20px;\r\n        padding: 35px 25px;\r\n        border: 1px solid rgba(255,255,255,0.6);\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.06);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .at-card:hover {\r\n        transform: translateY(-10px);\r\n        box-shadow: 0 20px 40px -12px rgba(79, 70, 229, 0.2);\r\n        border-color: rgba(79, 70, 229, 0.3);\r\n    }\r\n\r\n    .at-icon {\r\n        width: 50px; height: 50px;\r\n        border-radius: 12px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 24px;\r\n        margin-bottom: 20px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .at-card:nth-child(odd) .at-icon { background: rgba(79, 70, 229, 0.1); color: var(--at-primary); }\r\n    .at-card:nth-child(even) .at-icon { background: rgba(236, 72, 153, 0.1); color: var(--at-secondary); }\r\n\r\n    .at-card h3 {\r\n        font-size: 20px;\r\n        font-weight: 700;\r\n        color: var(--at-text-main);\r\n        margin: 0 0 12px 0;\r\n        line-height: 1.3;\r\n    }\r\n\r\n    .at-card p {\r\n        font-size: 14px;\r\n        color: var(--at-text-sub);\r\n        line-height: 1.6;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- PROOF SECTION --- *\/\r\n    .at-proof-section {\r\n        margin-top: 80px;\r\n        background: #fff;\r\n        padding: 60px 40px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 40px -10px rgba(0,0,0,0.05);\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n\r\n    .at-proof-title {\r\n        text-align: center;\r\n        margin-bottom: 40px;\r\n        font-size: 36px; \/* Slightly smaller than main hero but same style *\/\r\n    }\r\n\r\n    .at-proof-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(2, 1fr);\r\n        gap: 30px;\r\n    }\r\n\r\n    .at-proof-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 15px;\r\n    }\r\n\r\n    .at-check-icon {\r\n        color: var(--at-secondary);\r\n        font-size: 24px;\r\n        flex-shrink: 0;\r\n    }\r\n\r\n    .at-proof-content h4 {\r\n        font-size: 17px;\r\n        color: var(--at-text-main);\r\n        margin: 0 0 5px 0;\r\n        font-weight: 700;\r\n    }\r\n\r\n    .at-proof-content p {\r\n        font-size: 14px;\r\n        color: var(--at-text-sub);\r\n        line-height: 1.5;\r\n        margin: 0;\r\n    }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1024px) {\r\n        .at-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n    @media (max-width: 768px) {\r\n        .at-proof-grid { grid-template-columns: 1fr; }\r\n        .at-header h2, .at-proof-title { font-size: 32px; }\r\n        .at-proof-section { padding: 40px 20px; }\r\n    }\r\n    @media (max-width: 600px) {\r\n        .at-grid { grid-template-columns: 1fr; }\r\n        .at-card { align-items: center; text-align: center; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"aspire-branding-results\">\r\n    <div class=\"at-container\">\r\n        \r\n        <div class=\"at-header\">\r\n            <span class=\"at-badge\">Real Results<\/span>\r\n            <h2>Designs We\u2019ve <br><span>Delivered in Bangalore<\/span><\/h2>\r\n        <\/div>\r\n\r\n        <div class=\"at-grid\">\r\n            <div class=\"at-card\">\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">medical_services<\/span><\/div>\r\n                <h3>Healthcare & Wellness<\/h3>\r\n                <p>Created clinic signage, appointment cards, and social media creatives for a leading dental clinic in <strong>Jayanagar<\/strong>.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">school<\/span><\/div>\r\n                <h3>Education & Training<\/h3>\r\n                <p>Designed admission brochures, course catalogues, and high-conversion online banners for an institute in <strong>Rajajinagar<\/strong>.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">confirmation_number<\/span><\/div>\r\n                <h3>Events & Entertainment<\/h3>\r\n                <p>Created custom invites, event banners, and digital ads for a prominent music event organizer in <strong>Malleshwaram<\/strong>.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"at-proof-section\">\r\n            <h3 class=\"at-proof-title\">Why Bangalore <span>Businesses Choose Us<\/span><\/h3>\r\n            \r\n            <div class=\"at-proof-grid\">\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">architecture<\/span>\r\n                    <div class=\"at-proof-content\">\r\n                        <h4>Structured Design Process<\/h4>\r\n                        <p>Our 5-step workflow keeps everything on track\u2014from the first draft to the final file, you\u2019ll always know the project status.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">groups<\/span>\r\n                    <div class=\"at-proof-content\">\r\n                        <h4>Fully In-House Design Team<\/h4>\r\n                        <p>No outsourcing. Our pros use Adobe Illustrator, Photoshop, and Figma to ensure direct updates and consistent quality.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">auto_stories<\/span>\r\n                    <div class=\"at-proof-content\">\r\n                        <h4>Portfolio of Completed Projects<\/h4>\r\n                        <p>Browse work for Bangalore-based clients featuring signage, brand kits, packaging, and professional presentation decks.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">location_city<\/span>\r\n                    <div class=\"at-proof-content\">\r\n                        <h4>Industry Expertise in Bangalore<\/h4>\r\n                        <p>Experience across transportation, interior design, NGOs, and automotive gives us insight into what appeals to local audiences.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ea7b0d3 e-con-full e-flex e-con e-parent\" data-id=\"5ea7b0d3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-71a15da3 elementor-widget elementor-widget-html\" data-id=\"71a15da3\" 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    \/* --- CSS VARIABLES & RESET --- *\/\r\n    .aspire-brand-flip-wrapper {\r\n        --ads-blue: #536dfe;\r\n        --ads-pink: #ff6b81;\r\n        --ads-gradient: linear-gradient(135deg, #536dfe 0%, #ff6b81 100%);\r\n        --ads-text-white: #ffffff;\r\n        --ads-text-grey: #cbd5e1;\r\n        --ads-card-bg: rgba(15, 23, 42, 0.95);\r\n        \/* Premium Branding-themed background image *\/\r\n        --ads-bg-image: url('https:\/\/images.pexels.com\/photos\/3183150\/pexels-photo-3183150.jpeg?auto=compress&cs=tinysrgb&w=1920');\r\n        \r\n        font-family: 'Outfit', sans-serif !important;\r\n        padding: 80px 20px;\r\n        position: relative;\r\n        overflow: hidden;\r\n        background-color: #020617;\r\n        width: 100%;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    .aspire-brand-flip-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Background Overlay *\/\r\n    .aspire-brand-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: var(--ads-bg-image);\r\n        background-size: cover;\r\n        background-position: center;\r\n        opacity: 0.12;\r\n        z-index: 0;\r\n        filter: grayscale(100%) contrast(1.1);\r\n    }\r\n\r\n    .aspire-brand-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-brand-heading {\r\n        font-size: clamp(2.2rem, 5vw, 3.5rem) !important;\r\n        font-weight: 800 !important;\r\n        color: var(--ads-text-white) !important;\r\n        margin: 0 0 20px 0 !important;\r\n        line-height: 1.1 !important;\r\n    }\r\n\r\n    .aspire-brand-highlight {\r\n        background: var(--ads-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-brand-sub {\r\n        font-size: clamp(1rem, 2vw, 1.15rem) !important;\r\n        color: var(--ads-text-grey) !important;\r\n        max-width: 800px;\r\n        margin: 0 auto 60px auto !important;\r\n        line-height: 1.7 !important;\r\n    }\r\n\r\n    \/* --- GRID SYSTEM --- *\/\r\n    .aspire-brand-grid {\r\n        display: grid;\r\n        gap: 30px;\r\n        grid-template-columns: repeat(3, 1fr);\r\n    }\r\n\r\n    \/* Flip Card Mechanics *\/\r\n    .aspire-brand-flip-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-brand-flip-inner {\r\n        position: relative;\r\n        width: 100%;\r\n        height: 100%;\r\n        text-align: center;\r\n        transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        transform-style: preserve-3d;\r\n        border-radius: 24px;\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .aspire-brand-flip-card:hover .aspire-brand-flip-inner,\r\n    .aspire-brand-flip-card.is-flipped .aspire-brand-flip-inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n\r\n    .aspire-brand-flip-front, .aspire-brand-flip-back {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        -webkit-backface-visibility: hidden;\r\n        backface-visibility: hidden;\r\n        border-radius: 24px;\r\n        padding: 30px 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,0.08);\r\n        gap: 20px; \r\n    }\r\n\r\n    \/* FRONT DESIGN *\/\r\n    .aspire-brand-flip-front {\r\n        background: var(--ads-card-bg);\r\n        backdrop-filter: blur(10px);\r\n    }\r\n\r\n    .aspire-brand-icon {\r\n        width: 70px; height: 70px;\r\n        border-radius: 20px;\r\n        background: linear-gradient(135deg, rgba(83, 109, 254, 0.15), rgba(255, 107, 129, 0.1));\r\n        display: flex; align-items: center; justify-content: center;\r\n        color: var(--ads-blue);\r\n        border: 1px solid rgba(83, 109, 254, 0.25);\r\n    }\r\n    .aspire-brand-icon span { font-size: 38px; }\r\n\r\n    .aspire-brand-title {\r\n        font-size: 1.5rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--ads-text-white) !important;\r\n        margin: 0 !important;\r\n        line-height: 1.2;\r\n    }\r\n\r\n    .aspire-brand-hint {\r\n        font-size: 0.75rem !important;\r\n        color: var(--ads-pink) !important;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        font-weight: 600;\r\n        background: rgba(255, 107, 129, 0.1);\r\n        padding: 8px 18px;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    \/* BACK DESIGN *\/\r\n    .aspire-brand-flip-back {\r\n        background: var(--ads-gradient);\r\n        color: white;\r\n        transform: rotateY(180deg);\r\n        padding: 30px 25px;\r\n    }\r\n\r\n    .aspire-brand-back-title {\r\n        font-size: 1.3rem !important;\r\n        font-weight: 800 !important;\r\n        margin: 0 !important;\r\n        border-bottom: 2px solid rgba(255,255,255,0.3);\r\n        padding-bottom: 12px;\r\n        color: #ffffff !important;\r\n        width: 100%;\r\n    }\r\n\r\n    .aspire-brand-back-desc {\r\n        font-size: 0.95rem !important;\r\n        line-height: 1.6 !important;\r\n        font-weight: 400 !important;\r\n        color: rgba(255,255,255,1) !important;\r\n        margin: 0 !important;\r\n        text-align: center;\r\n    }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1024px) {\r\n        .aspire-brand-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .aspire-brand-grid { grid-template-columns: 1fr; gap: 25px; }\r\n        .aspire-brand-flip-card { height: 340px; }\r\n        .aspire-brand-hint { font-size: 0 !important; }\r\n        .aspire-brand-hint::after {\r\n            content: 'Tap to Explore';\r\n            font-size: 0.75rem;\r\n            display: block;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aspire-brand-flip-wrapper\">\r\n    <div class=\"aspire-brand-bg\"><\/div>\r\n\r\n    <div class=\"aspire-brand-container\">\r\n        <h2 class=\"aspire-brand-heading\">\r\n            Branding <span class=\"aspire-brand-highlight\">Services in Bangalore<\/span>\r\n        <\/h2>\r\n        <p class=\"aspire-brand-sub\">\r\n            Build a brand that commands respect. From strategy to visual execution, we provide end-to-end identity solutions for Bangalore's growing businesses.\r\n        <\/p>\r\n\r\n        <div class=\"aspire-brand-grid\">\r\n            \r\n            <div class=\"aspire-brand-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-brand-flip-inner\">\r\n                    <div class=\"aspire-brand-flip-front\">\r\n                        <div class=\"aspire-brand-icon\"><span class=\"material-symbols-rounded\">insights<\/span><\/div>\r\n                        <h3 class=\"aspire-brand-title\">Brand Strategy<\/h3>\r\n                        <div class=\"aspire-brand-hint\">Explore Service<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-brand-flip-back\">\r\n                        <h3 class=\"aspire-brand-back-title\">Strategic Direction<\/h3>\r\n                        <p class=\"aspire-brand-back-desc\">We help define your values and tone. Set your direction, choose your voice, and build a simple roadmap for long-term growth.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-brand-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-brand-flip-inner\">\r\n                    <div class=\"aspire-brand-flip-front\">\r\n                        <div class=\"aspire-brand-icon\"><span class=\"material-symbols-rounded\">palette<\/span><\/div>\r\n                        <h3 class=\"aspire-brand-title\">Logo & Visuals<\/h3>\r\n                        <div class=\"aspire-brand-hint\">Explore Service<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-brand-flip-back\">\r\n                        <h3 class=\"aspire-brand-back-title\">Visual Identity<\/h3>\r\n                        <p class=\"aspire-brand-back-desc\">Clean, flexible logos and a custom set of colors, fonts, and icons that make your business instantly recognizable in any crowd.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-brand-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-brand-flip-inner\">\r\n                    <div class=\"aspire-brand-flip-front\">\r\n                        <div class=\"aspire-brand-icon\"><span class=\"material-symbols-rounded\">badge<\/span><\/div>\r\n                        <h3 class=\"aspire-brand-title\">Corporate Identity<\/h3>\r\n                        <div class=\"aspire-brand-hint\">Explore Service<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-brand-flip-back\">\r\n                        <h3 class=\"aspire-brand-back-title\">Unified Collaterals<\/h3>\r\n                        <p class=\"aspire-brand-back-desc\">Professional business cards, letterheads, and email signatures. We ensure every piece of business material matches your brand perfectly.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-brand-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-brand-flip-inner\">\r\n                    <div class=\"aspire-brand-flip-front\">\r\n                        <div class=\"aspire-brand-icon\"><span class=\"material-symbols-rounded\">auto_stories<\/span><\/div>\r\n                        <h3 class=\"aspire-brand-title\">Brand Guidelines<\/h3>\r\n                        <div class=\"aspire-brand-hint\">Explore Service<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-brand-flip-back\">\r\n                        <h3 class=\"aspire-brand-back-title\">Team Consistency<\/h3>\r\n                        <p class=\"aspire-brand-back-desc\">A simple document showing how your brand appears. Easy-to-follow rules for design and communication that keep your team on track.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-brand-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-brand-flip-inner\">\r\n                    <div class=\"aspire-brand-flip-front\">\r\n                        <div class=\"aspire-brand-icon\"><span class=\"material-symbols-rounded\">published_with_changes<\/span><\/div>\r\n                        <h3 class=\"aspire-brand-title\">Rebranding<\/h3>\r\n                        <div class=\"aspire-brand-hint\">Explore Service<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-brand-flip-back\">\r\n                        <h3 class=\"aspire-brand-back-title\">Brand Evolution<\/h3>\r\n                        <p class=\"aspire-brand-back-desc\">If your business has grown, we update your look without losing your original value. Keep what works, improve the rest for a smooth transition.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-brand-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-brand-flip-inner\">\r\n                    <div class=\"aspire-brand-flip-front\">\r\n                        <div class=\"aspire-brand-icon\"><span class=\"material-symbols-rounded\">campaign<\/span><\/div>\r\n                        <h3 class=\"aspire-brand-title\">Marketing Design<\/h3>\r\n                        <div class=\"aspire-brand-hint\">Explore Service<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-brand-flip-back\">\r\n                        <h3 class=\"aspire-brand-back-title\">Growth Visuals<\/h3>\r\n                        <p class=\"aspire-brand-back-desc\">Brochures, posters, signage, product packaging, and high-impact social media posts designed to support your active marketing campaigns.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2dd0e98 e-con-full e-flex e-con e-parent\" data-id=\"2dd0e98\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-37807bb9 elementor-widget elementor-widget-html\" data-id=\"37807bb9\" 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-7b2329dd e-con-full e-flex e-con e-parent\" data-id=\"7b2329dd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2e1b1248 elementor-widget elementor-widget-html\" data-id=\"2e1b1248\" 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_branding_pricing {\r\n        \/* --- THEME VARIABLES --- *\/\r\n        --dp-bg: #020617; \r\n        --dp-card: rgba(15, 23, 42, 0.98); \r\n        --dp-accent: #6366f1;\r\n        --dp-secondary: #ec4899;\r\n        --dp-text-white: #ffffff;\r\n        --dp-text-muted: #94a3b8;\r\n        --dp-card-w: 310px; \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.05) 1px, transparent 0);\r\n        background-size: 40px 40px;\r\n        overflow: hidden;\r\n        position: relative;\r\n    }\r\n\r\n    #aspire_branding_pricing * { box-sizing: border-box; }\r\n\r\n    .dp_header { text-align: center; margin-bottom: 80px; position: relative; z-index: 10; }\r\n    .dp_header h2 {\r\n        font-size: clamp(2.2rem, 6vw, 3.5rem);\r\n        color: var(--dp-text-white);\r\n        font-weight: 800;\r\n        margin: 0;\r\n    }\r\n    .dp_gradient_text {\r\n        background: linear-gradient(135deg, var(--dp-accent), var(--dp-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .dp_header p { color: var(--dp-text-muted); margin-top: 15px; font-size: 1.1rem; max-width: 600px; margin-inline: auto; }\r\n\r\n    \/* --- FAN STAGE --- *\/\r\n    .dp_stage {\r\n        position: relative;\r\n        width: 100%;\r\n        height: var(--dp-card-h);\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        justify-content: center;\r\n        perspective: 2000px;\r\n    }\r\n\r\n    .dp_card {\r\n        position: absolute;\r\n        width: var(--dp-card-w);\r\n        height: var(--dp-card-h);\r\n        background: var(--dp-card);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 28px;\r\n        padding: 40px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.6);\r\n        cursor: pointer;\r\n        transform-origin: center 110%;\r\n    }\r\n\r\n    .dp_card:hover { border-color: var(--dp-secondary); z-index: 100 !important; background: #0f172a; }\r\n\r\n    \/* 3-Card Fan Logic *\/\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.9);\r\n    }\r\n\r\n    .dp_icon_box { width: 55px; height: 55px; border-radius: 14px; background: rgba(236, 72, 153, 0.1); display: flex; align-items: center; justify-content: center; margin-bottom: 25px; }\r\n    .dp_icon_box span { color: var(--dp-secondary); 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: 14px; color: var(--dp-accent); text-transform: uppercase; letter-spacing: 1px; display: block; margin-top: 5px; }\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 25px 0; font-size: 0.9rem; color: var(--dp-text-muted); line-height: 1.5; flex-grow: 1; text-align: left; }\r\n    .dp_list li { margin-bottom: 12px; display: flex; align-items: flex-start; gap: 10px; }\r\n    .dp_list li::before { content: \"verified_user\"; font-family: 'Material Symbols Rounded'; font-size: 18px; color: var(--dp-secondary); }\r\n\r\n    .dp_cta {\r\n        padding: 15px;\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: 15px;\r\n        font-weight: 600;\r\n        border: 1px solid rgba(255,255,255,0.1);\r\n        transition: 0.3s;\r\n    }\r\n    .dp_card:hover .dp_cta { background: var(--dp-accent); border-color: var(--dp-accent); box-shadow: 0 10px 20px rgba(99, 102, 241, 0.3); }\r\n\r\n    @media (max-width: 1100px) {\r\n        .dp_stage { display: flex; flex-direction: column; height: auto; gap: 20px; align-items: center; }\r\n        .dp_card { position: relative; width: 100%; max-width: 400px; transform: none !important; opacity: 1; }\r\n        #aspire_branding_pricing { padding: 60px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_branding_pricing\">\r\n    <div class=\"dp_header\">\r\n        <h2>Branding <span class=\"dp_gradient_text\">Services in Bangalore<\/span><\/h2>\r\n        <p>Monthly design retainers available. Choose a package to give your business a professional visual edge.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dp_stage\" id=\"brandStage\">\r\n        \r\n        <div class=\"dp_card\" style=\"--hover-x: -320px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">brush<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b912K <br><small>Starting Package<\/small><\/div>\r\n            <h3 class=\"dp_title\">Essential Identity<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Clean logo design (2 options)<\/li>\r\n                <li>Font and color selection<\/li>\r\n                <li>Basic brand kit (Print & Digital)<\/li>\r\n                <li>Social profile display images<\/li>\r\n                <li>Business cards or flyers layout<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 0px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">auto_awesome<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b925K <br><small>Standard Package<\/small><\/div>\r\n            <h3 class=\"dp_title\">Strong Presence<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Logo set (3 concepts + 2 revisions)<\/li>\r\n                <li>Full Brand Style Guide<\/li>\r\n                <li>Editable Social Post Templates<\/li>\r\n                <li>Brochures or Ad Layouts<\/li>\r\n                <li>Support for local ad campaigns<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 320px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">rocket_launch<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b945K+ <br><small>Pro Package<\/small><\/div>\r\n            <h3 class=\"dp_title\">Full Rebrand<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>In-depth competitor analysis<\/li>\r\n                <li>Dedicated project manager<\/li>\r\n                <li>Web, Print & Social visual system<\/li>\r\n                <li>Seasonal & Event branding<\/li>\r\n                <li>Naming and tagline assistance<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const stage = document.getElementById('brandStage');\r\n        if (window.innerWidth > 1100) {\r\n            stage.classList.add('is-active');\r\n            stage.addEventListener('mouseenter', () => stage.classList.add('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-7171a107 e-con-full e-flex e-con e-parent\" data-id=\"7171a107\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-591b65de elementor-widget elementor-widget-html\" data-id=\"591b65de\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"aspire-accordion-widget\">\r\n    <style>\r\n        \/* --- Import Fonts --- *\/\r\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@400;500;700&family=Inter:wght@300;400;600&display=swap');\r\n\r\n        \/* --- WIDGET CSS --- *\/\r\n        #aspire-accordion-widget {\r\n            --aa-bg: transparent;\r\n            --aa-card-bg: #ffffff;\r\n            --aa-primary: #4f46e5;\r\n            --aa-gradient: linear-gradient(90deg, #4f46e5, #ec4899);\r\n            --aa-text-main: #1e293b;\r\n            --aa-text-sub: #64748b;\r\n            --aa-border: rgba(0, 0, 0, 0.08);\r\n            --aa-font-head: 'Space Grotesk', sans-serif;\r\n            --aa-font-body: 'Inter', sans-serif;\r\n\r\n            width: 100%;\r\n            display: block;\r\n            padding: 60px 20px;\r\n            background-color: #f8fafc;\r\n            box-sizing: border-box;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        #aspire-accordion-widget * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-container {\r\n            width: 100%;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-header {\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-subtitle {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 12px;\r\n            text-transform: uppercase;\r\n            letter-spacing: 2px;\r\n            color: var(--aa-primary);\r\n            font-weight: 700;\r\n            margin-bottom: 12px;\r\n            display: inline-block;\r\n            background: rgba(79, 70, 229, 0.1);\r\n            padding: 6px 14px;\r\n            border-radius: 50px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-title {\r\n            font-family: var(--aa-font-head);\r\n            font-size: clamp(2rem, 5vw, 3rem);\r\n            color: var(--aa-text-main);\r\n            text-transform: uppercase;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-title span {\r\n            background: var(--aa-gradient);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n            background-clip: text;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-divider {\r\n            width: 1px;\r\n            height: 50px;\r\n            background: linear-gradient(to bottom, var(--aa-border), transparent);\r\n            margin: 0 auto;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-list {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item {\r\n            position: relative;\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            padding: 30px 40px;\r\n            text-decoration: none;\r\n            overflow: hidden;\r\n            min-height: 120px; \r\n            height: auto; \r\n            background: var(--aa-card-bg);\r\n            cursor: pointer;\r\n            border: 1px solid var(--aa-border);\r\n            border-radius: 24px;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            transform: scale(1.1);\r\n            filter: grayscale(100%);\r\n            transition: opacity 0.5s ease, transform 6s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg::after {\r\n            content: ''; \r\n            position: absolute; inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.95) 0%, rgba(255,255,255,0.7) 100%);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 40px;\r\n            width: 100%;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-date {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            background: var(--aa-primary);\r\n            padding: 8px 14px;\r\n            border-radius: 10px;\r\n            white-space: nowrap;\r\n            box-shadow: 0 4px 10px rgba(79, 70, 229, 0.2);\r\n            margin-top: 5px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-info {\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 4px;\r\n            flex-grow: 1;\r\n            padding-right: 20px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-name {\r\n            font-family: var(--aa-font-head);\r\n            font-size: 1.6rem;\r\n            font-weight: 700;\r\n            color: var(--aa-text-main);\r\n            text-transform: uppercase;\r\n            line-height: 1.2;\r\n            transition: color 0.3s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-genre {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 0.95rem;\r\n            color: var(--aa-text-sub);\r\n            font-weight: 500;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details {\r\n            display: block;\r\n            margin-top: 15px;\r\n            font-family: var(--aa-font-body);\r\n            font-size: 0.9rem;\r\n            color: var(--aa-text-sub);\r\n            max-height: 0;\r\n            opacity: 0;\r\n            overflow: hidden;\r\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-details p {\r\n            margin-bottom: 8px;\r\n            line-height: 1.5;\r\n        }\r\n        #aspire-accordion-widget .aa-details strong {\r\n            color: var(--aa-primary);\r\n            font-weight: 600;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-action {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            min-width: max-content;\r\n            align-self: flex-start;\r\n            margin-top: 5px;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-btn {\r\n            background: var(--aa-gradient);\r\n            color: #ffffff;\r\n            font-family: var(--aa-font-body);\r\n            font-weight: 600;\r\n            font-size: 14px;\r\n            padding: 10px 24px;\r\n            border-radius: 50px;\r\n            opacity: 0;\r\n            transform: translateX(20px);\r\n            box-shadow: 0 4px 15px rgba(79, 70, 229, 0.3);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-arrow {\r\n            width: 44px; height: 44px;\r\n            border-radius: 50%;\r\n            border: 1px solid var(--aa-border);\r\n            display: flex; align-items: center; justify-content: center;\r\n            color: var(--aa-primary);\r\n            background: #fff;\r\n            transition: all 0.3s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-arrow svg {\r\n            width: 20px; height: 20px;\r\n            stroke: currentColor;\r\n            stroke-width: 2;\r\n        }\r\n\r\n        @media (min-width: 992px) {\r\n            #aspire-accordion-widget .aa-item:hover {\r\n                transform: translateY(-5px);\r\n                box-shadow: 0 20px 40px -12px rgba(79, 70, 229, 0.15);\r\n                border-color: rgba(79, 70, 229, 0.3);\r\n            }\r\n\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-date {\r\n                background: rgba(79, 70, 229, 0.1);\r\n                color: var(--aa-primary);\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                padding: 8px 20px;\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\">Our Impact<\/span>\r\n            <h2 class=\"aa-title\">Branding <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-1490645935967-10de6ba17061?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Personal Brand<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Nutrition Coach Identity<\/h3>\r\n                        <p class=\"aa-genre\">Jayanagar, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Looked like a generic product, not memorable at pitch events.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Designed brand identity kit, pitch deck visuals, and UI style guide to reflect core value.<\/p>\r\n                            <p><strong>Result:<\/strong> Got accepted into a startup accelerator and saw a 60% rise in investor responses.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">Learn More<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1577896851231-70ef18881754?q=80&w=1470&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Education<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Regional Coaching Center<\/h3>\r\n                        <p class=\"aa-genre\">Jayanagar, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Struggle to stand out among established competitors despite better results.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Overhauled visual identity and created student-centric marketing collateral that built immediate trust.<\/p>\r\n                            <p><strong>Result:<\/strong> 45% increase in seasonal admissions within the first quarter of rebranding.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">Learn More<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n            <a href=\"#\" class=\"aa-item\">\r\n                <div class=\"aa-item-bg\" style=\"background-image: url('https:\/\/images.unsplash.com\/photo-1492684223066-81342ee5ff30?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Event Branding<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Electronic City College Fest<\/h3>\r\n                        <p class=\"aa-genre\">Electronic City, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Past editions lacked buzz and didn\u2019t feel professional enough for major sponsors.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Created bold event posters, a new festival logo, merchandise design, and Instagram countdown templates.<\/p>\r\n                            <p><strong>Result:<\/strong> 3x increase in student participation and sponsorships from 5 major local brands.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">Learn More<\/span>\r\n                    <div class=\"aa-arrow\">\r\n                        <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M7 17L17 7M17 7H7M17 7V17\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1c7c7ce4 e-con-full e-flex e-con e-parent\" data-id=\"1c7c7ce4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3b1a2d elementor-widget elementor-widget-html\" data-id=\"d3b1a2d\" 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-1769509456084-dacd3cde0e20?q=80&w=1632&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I run workshops in Jayanagar. Before Aspire, our posters and social media looked dull. They helped us look fresh and professional. More people started signing up.\"<\/p>\r\n            <h4 class=\"author\">Kavya \u2013 Jayanagar, Bangalore<\/h4>\r\n            <span class=\"business\">SkillSpark<\/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-1555396273-367ea4eb4db5?auto=format&fit=crop&w=1200&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I run a cloud kitchen in Koramangala. Aspire redesigned our logo and menu design \u2014 now people actually remember us. The new look really helped with our online orders too!\"<\/p>\r\n            <h4 class=\"author\">Anjali \u2013 Koramangala, Bangalore<\/h4>\r\n            <span class=\"business\">SpiceBox Kitchen<\/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-1544816155-12df9643f363?auto=format&fit=crop&w=1200&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"We were starting a small stationery brand in Indiranagar. Aspire gave us the right branding \u2014 logo, packaging, even our Instagram layout. It finally felt like a real brand!\"<\/p>\r\n            <h4 class=\"author\">Rakesh \u2013 Indiranagar, Bangalore<\/h4>\r\n            <span class=\"business\">PaperNest<\/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: #020617; \/* Matches your previous dark theme *\/\r\n        padding: 15px;\r\n        box-sizing: border-box;\r\n        font-family: 'Outfit', 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: 40px;\r\n    }\r\n\r\n    .t-slice.active {\r\n        flex: 5;\r\n    }\r\n\r\n    \/* Content Styling *\/\r\n    .t-content {\r\n        color: white;\r\n        opacity: 0;\r\n        transform: translateY(20px);\r\n        transition: all 0.5s ease;\r\n        pointer-events: none;\r\n        max-width: 650px;\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.5rem;\r\n        font-style: italic;\r\n        line-height: 1.6;\r\n        margin-bottom: 20px;\r\n        font-weight: 300;\r\n        text-shadow: 0 4px 10px rgba(0,0,0,0.8);\r\n    }\r\n\r\n    .author {\r\n        margin: 0;\r\n        font-size: 1.2rem;\r\n        color: #ffc933!important; \/* Secondary Pink color from your brand kit *\/\r\n        font-weight: 700;\r\n    }\r\n\r\n    .business {\r\n        font-size: 0.95rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        opacity: 0.9;\r\n        font-weight: 600;\r\n        color: #ffc933!important;\r\n    }\r\n\r\n    \/* Mobile handling *\/\r\n    @media (max-width: 768px) {\r\n        .testimonial-slice-gallery {\r\n            height: 700px;\r\n            flex-direction: column; \r\n        }\r\n        .t-slice {\r\n            flex: 1;\r\n            padding: 25px;\r\n        }\r\n        .t-slice.active {\r\n            flex: 12;\r\n        }\r\n        .quote {\r\n            font-size: 1.15rem;\r\n            margin-bottom: 10px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        const allSlices = document.querySelectorAll('.t-slice');\r\n\r\n        allSlices.forEach(slice => {\r\n            const activate = () => {\r\n                allSlices.forEach(s => s.classList.remove('active'));\r\n                slice.classList.add('active');\r\n            };\r\n\r\n            \/\/ Responsive interactions\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-4ecc7856 e-con-full e-flex e-con e-parent\" data-id=\"4ecc7856\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-33690eb7 elementor-widget elementor-widget-html\" data-id=\"33690eb7\" 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=\"branding-faq-section\">\r\n    <div class=\"ads-asp-container\">\r\n        <div class=\"ads-asp-header\">\r\n            \r\n            <h2>Branding <span class=\"ads-asp-highlight\">Insights<\/span><\/h2>\r\n            <p>Common questions about building a professional visual identity for your Bangalore business.<\/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\">How long does it take to complete a branding project?<\/div>\r\n                <div class=\"ads-asp-answer\">Most small-to-medium branding work takes about 4\u20136 weeks. This includes in-depth research, design concepts, revisions, and the final delivery of your brand kit.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">When is rebranding a good idea?<\/div>\r\n                <div class=\"ads-asp-answer\">Rebranding is ideal if your business has evolved, your current visuals look dated, or you are looking to target a more premium audience in the Bangalore market.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">How do you measure success in branding?<\/div>\r\n                <div class=\"ads-asp-answer\">Success is seen through higher brand recognition, consistent visual presentation across all platforms, increased customer loyalty, and improved conversion rates on your ads.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">What defines a Unique Selling Proposition (USP) in branding?<\/div>\r\n                <div class=\"ads-asp-answer\">A USP clearly states what makes your brand special compared to competitors. We use this \"North Star\" to guide all design choices, colors, and messaging.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Do you work with Bangalore-based businesses?<\/div>\r\n                <div class=\"ads-asp-answer\">Yes, we specialize in local branding. We\u2019ve helped businesses across Whitefield, Koramangala, Indiranagar, and Jayanagar build identities that resonate with local customers.<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n    #branding-faq-section {\r\n        background-color: #ffffff;\r\n        color: #1a1a1a;\r\n        font-family: 'Outfit', sans-serif;\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: 800;\r\n        margin: 0;\r\n        color: #0f172a;\r\n        letter-spacing: -0.03em;\r\n    }\r\n\r\n    .ads-asp-header p {\r\n        color: #64748b;\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, #6366f1, #ec4899);\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: 150px;\r\n    }\r\n\r\n    .ads-asp-item {\r\n        margin-bottom: 80px;\r\n        opacity: 0.1;\r\n        filter: blur(4px);\r\n        transform: translateY(30px);\r\n        transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1);\r\n        border-left: 3px solid transparent;\r\n        padding-left: 35px;\r\n    }\r\n\r\n    \/* Active state for GSAP *\/\r\n    .ads-asp-item.active {\r\n        opacity: 1;\r\n        filter: blur(0px);\r\n        transform: translateY(0);\r\n        border-left: 3px solid #ec4899;\r\n    }\r\n\r\n    .ads-asp-question {\r\n        font-size: 1.6rem;\r\n        font-weight: 700;\r\n        margin-bottom: 15px;\r\n        color: #0f172a;\r\n        letter-spacing: -0.02em;\r\n    }\r\n\r\n    .ads-asp-answer {\r\n        font-size: 1.15rem;\r\n        line-height: 1.7;\r\n        color: #475569;\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.5rem;\r\n        }\r\n        .ads-asp-item {\r\n            opacity: 0.5;\r\n            filter: blur(0px);\r\n            margin-bottom: 50px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\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+=200\", \r\n                    end: \"bottom center-=100\",\r\n                    toggleClass: \"active\",\r\n                    scrub: false, \r\n                }\r\n            });\r\n        });\r\n    })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b493b77 e-con-full e-flex e-con e-parent\" data-id=\"b493b77\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-112b36a8 elementor-widget elementor-widget-html\" data-id=\"112b36a8\" 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\r\n<div id=\"aspire-branding-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\">Creative Design Agency<\/span>\r\n            <h2 class=\"aspire-final-title\">Professional Branding That Gets Your Business Noticed<\/h2>\r\n            \r\n            <p class=\"aspire-final-desc\">\r\n                Our Branding Services in Bangalore are designed for local businesses that want a clear, professional identity. From logo design to full visual systems, we help you stand out in the crowded marketplace of Whitefield, Indiranagar, and beyond.\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 Design Exp.\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                    Bangalore Local Experts\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                    Adobe & Figma Pros\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        <\/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 Us Now<\/h4>\r\n                    <a href=\"tel:+917975327335\">+91 79753 27335<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"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 Designers<\/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                Start Your Rebrand <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    #aspire-branding-cta-2026 {\r\n        --ads-blue: #6366f1; \/* Consistent Indigo *\/\r\n        --ads-pink: #ec4899; \/* Branding Pink *\/\r\n        --text-white: #ffffff;\r\n        --bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #312e81 100%);\r\n        \r\n        width: 100% !important;\r\n        position: relative !important;\r\n        background: var(--bg-gradient) !important;\r\n        padding: 100px 20px !important;\r\n        overflow: hidden;\r\n        font-family: 'Outfit', 'Manrope', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #aspire-branding-cta-2026 *, \r\n    #aspire-branding-cta-2026 *::before, \r\n    #aspire-branding-cta-2026 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- DECORATIVE ORBS --- *\/\r\n    #aspire-branding-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-branding-cta-2026 .aspire-orb-left { width: 300px; height: 300px; background: var(--ads-blue); top: -10%; left: -10%; opacity: 0.25; }\r\n    #aspire-branding-cta-2026 .aspire-orb-right { width: 400px; height: 400px; background: var(--ads-pink); bottom: -10%; right: -10%; opacity: 0.2; }\r\n\r\n    \/* --- LAYOUT --- *\/\r\n    #aspire-branding-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-branding-cta-2026 .aspire-final-title {\r\n        font-size: clamp(32px, 5vw, 48px); font-weight: 800;\r\n        color: var(--text-white) !important; margin: 0 0 20px 0; line-height: 1.1;\r\n    }\r\n\r\n    #aspire-branding-cta-2026 .aspire-final-label {\r\n        color: var(--ads-pink); font-weight: 700; text-transform: uppercase;\r\n        letter-spacing: 2px; font-size: 13px; margin-bottom: 15px; display: block;\r\n    }\r\n\r\n    #aspire-branding-cta-2026 .aspire-final-desc {\r\n        font-size: 18px; color: #cbd5e1; line-height: 1.6; margin: 0 0 35px 0;\r\n    }\r\n\r\n    \/* --- FEATURES --- *\/\r\n    #aspire-branding-cta-2026 .aspire-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }\r\n    #aspire-branding-cta-2026 .aspire-check-item {\r\n        display: flex; align-items: center; gap: 10px;\r\n        background: rgba(255, 255, 255, 0.05); padding: 12px 18px;\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-branding-cta-2026 .aspire-check-icon {\r\n        color: var(--ads-pink); background: white; width: 24px; height: 24px;\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-branding-cta-2026 .aspire-contact-card {\r\n        background: rgba(255, 255, 255, 0.08); backdrop-filter: blur(20px);\r\n        -webkit-backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.15);\r\n        border-radius: 24px; padding: 40px; box-shadow: 0 30px 60px rgba(0,0,0,0.4);\r\n        display: flex; flex-direction: column; gap: 28px;\r\n    }\r\n\r\n    #aspire-branding-cta-2026 .aspire-contact-row { display: flex; align-items: center; gap: 18px; }\r\n    #aspire-branding-cta-2026 .aspire-con-icon {\r\n        width: 45px; height: 45px; border-radius: 12px;\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; font-size: 18px;\r\n    }\r\n\r\n    #aspire-branding-cta-2026 .aspire-con-info h4 { margin: 0; font-size: 12px; color: #94a3b8; text-transform: uppercase; font-weight: 700; letter-spacing: 1px; }\r\n    #aspire-branding-cta-2026 .aspire-con-info a { color: white !important; font-size: 17px; font-weight: 700; text-decoration: none; transition: 0.3s; }\r\n    #aspire-branding-cta-2026 .aspire-con-info a:hover { color: var(--ads-pink) !important; }\r\n\r\n    #aspire-branding-cta-2026 .aspire-final-btn {\r\n        background: white; color: var(--ads-blue) !important; text-align: center;\r\n        padding: 18px; border-radius: 12px; font-weight: 800; text-decoration: none;\r\n        text-transform: uppercase; letter-spacing: 1.5px; transition: 0.4s;\r\n        display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%;\r\n    }\r\n    #aspire-branding-cta-2026 .aspire-final-btn:hover { \r\n        background: var(--ads-pink); color: white !important; \r\n        transform: translateY(-5px); box-shadow: 0 15px 30px rgba(236, 72, 153, 0.3); \r\n    }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    @media (max-width: 1024px) {\r\n        #aspire-branding-cta-2026 .aspire-final-container { grid-template-columns: 1fr; text-align: center; gap: 50px; }\r\n        #aspire-branding-cta-2026 .aspire-final-left { display: flex; flex-direction: column; align-items: center; }\r\n        #aspire-branding-cta-2026 .aspire-check-grid { justify-content: center; }\r\n        #aspire-branding-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-branding-cta-2026 { padding: 80px 15px !important; }\r\n        #aspire-branding-cta-2026 .aspire-final-title { font-size: 34px !important; }\r\n        #aspire-branding-cta-2026 .aspire-check-grid { grid-template-columns: 1fr; width: 100%; max-width: 320px; }\r\n        #aspire-branding-cta-2026 .aspire-contact-card { padding: 30px 20px; }\r\n        #aspire-branding-cta-2026 .aspire-con-info a { font-size: 15px; }\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 \/ Branding Services Build a Legacy with Premier Branding in Bangalore In India\u2019s most competitive market, a logo isn&#8217;t enough. We craft iconic brand identities that resonate with Bangalore\u2019s audience, combining strategic storytelling with world-class design to make your business unforgettable. Start Your Rebrand View Brand Portfolio A Aspire Digital Solutions Sponsored [&hellip;]<\/p>\n","protected":false},"featured_media":869,"template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[],"class_list":["post-2192","bangalore","type-bangalore","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2192","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":63,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2192\/revisions"}],"predecessor-version":[{"id":14119,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2192\/revisions\/14119"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/869"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=2192"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/categories?post=2192"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}