{"id":2201,"date":"2025-05-20T03:36:54","date_gmt":"2025-05-20T03:36:54","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?post_type=bangalore&#038;p=2201"},"modified":"2026-07-15T16:28:31","modified_gmt":"2026-07-15T10:58:31","slug":"graphic-design-services-in-bangalore","status":"publish","type":"bangalore","link":"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/graphic-design-services-in-bangalore\/","title":{"rendered":"Graphic Design Services in Bangalore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"2201\" class=\"elementor elementor-2201\" data-elementor-post-type=\"bangalore\">\n\t\t\t\t<div class=\"elementor-element elementor-element-794c371b e-con-full e-flex e-con e-parent\" data-id=\"794c371b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-eeab861 elementor-widget elementor-widget-html\" data-id=\"eeab861\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- CSS VARIABLES (Bangalore Graphic Design Adaptation) --- *\/\r\n    #design-bangalore-id-01 {\r\n        --design-indigo: #6366f1;\r\n        --design-pink: #ec4899;\r\n        --text-dark: #0f172a;\r\n        --text-grey: #475569;\r\n        --bg-color: #f8fafc;\r\n    }\r\n\r\n    \/* --- RESET & WRAPPER --- *\/\r\n    #design-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: 120px 20px 80px 20px;\r\n        font-family: 'Outfit', 'Manrope', sans-serif;\r\n        box-sizing: border-box;\r\n        text-align: left;\r\n        line-height: normal;\r\n    }\r\n\r\n    #design-bangalore-id-01 *,\r\n    #design-bangalore-id-01 *::before,\r\n    #design-bangalore-id-01 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- BACKGROUND ELEMENTS --- *\/\r\n    #design-bangalore-id-01 .design-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    #design-bangalore-id-01 .design-orb {\r\n        position: absolute;\r\n        border-radius: 50%;\r\n        filter: blur(100px);\r\n        opacity: 0.4;\r\n        animation: designFloat 12s infinite ease-in-out;\r\n    }\r\n    \r\n    #design-bangalore-id-01 .orb-1 { \r\n        width: 550px; height: 550px; \r\n        background: var(--design-indigo); \r\n        top: -20%; left: -10%; \r\n    }\r\n    \r\n    #design-bangalore-id-01 .orb-2 { \r\n        width: 450px; height: 450px; \r\n        background: var(--design-pink); \r\n        bottom: -10%; right: -5%; \r\n        animation-delay: -6s; \r\n    }\r\n\r\n    @keyframes designFloat {\r\n        0%, 100% { transform: translate(0, 0) scale(1); }\r\n        50% { transform: translate(30px, -30px) scale(1.05); }\r\n    }\r\n\r\n    \/* --- LAYOUT GRID --- *\/\r\n    #design-bangalore-id-01 .design-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.15fr 0.85fr;\r\n        gap: 60px;\r\n        align-items: center;\r\n    }\r\n\r\n    #design-bangalore-id-01 .design-text-col {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n    }\r\n\r\n    \/* Breadcrumbs *\/\r\n    #design-bangalore-id-01 .design-breadcrumbs {\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 10px;\r\n        background: white;\r\n        padding: 8px 24px;\r\n        border-radius: 50px;\r\n        box-shadow: 0 4px 15px rgba(0,0,0,0.05);\r\n        margin-bottom: 30px;\r\n        font-size: 13px;\r\n        color: var(--text-grey);\r\n        font-weight: 600;\r\n    }\r\n    \r\n    #design-bangalore-id-01 .design-breadcrumbs a { color: var(--text-dark); text-decoration: none; }\r\n    #design-bangalore-id-01 .design-breadcrumbs .current { color: var(--design-pink); }\r\n\r\n    \/* Heading *\/\r\n    #design-bangalore-id-01 .design-hero-h1 {\r\n        font-size: clamp(40px, 5vw, 62px);\r\n        line-height: 1.1;\r\n        font-weight: 800;\r\n        color: var(--text-dark);\r\n        margin: 0 0 25px 0;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    #design-bangalore-id-01 .design-gradient {\r\n        background: linear-gradient(135deg, var(--design-indigo), var(--design-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    #design-bangalore-id-01 .design-hero-p {\r\n        font-size: 18px;\r\n        line-height: 1.6;\r\n        color: var(--text-grey);\r\n        margin: 0 0 45px 0;\r\n        max-width: 580px;\r\n    }\r\n\r\n    \/* Buttons *\/\r\n    #design-bangalore-id-01 .design-btn-row {\r\n        display: flex;\r\n        gap: 15px;\r\n        flex-wrap: wrap;\r\n    }\r\n\r\n    #design-bangalore-id-01 .design-btn-main {\r\n        background: var(--text-dark);\r\n        color: white;\r\n        padding: 18px 40px;\r\n        border-radius: 12px;\r\n        font-weight: 700;\r\n        font-size: 16px;\r\n        text-decoration: none;\r\n        display: flex; \r\n        align-items: center; \r\n        gap: 12px;\r\n        transition: 0.4s;\r\n        box-shadow: 0 10px 25px rgba(15, 23, 42, 0.15);\r\n    }\r\n    \r\n    #design-bangalore-id-01 .design-btn-main:hover {\r\n        background: var(--design-indigo);\r\n        transform: translateY(-5px);\r\n    }\r\n\r\n    #design-bangalore-id-01 .design-btn-outline {\r\n        background: white;\r\n        color: var(--text-dark);\r\n        padding: 18px 40px;\r\n        border-radius: 12px;\r\n        font-weight: 700;\r\n        font-size: 16px;\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    \/* --- VISUAL COLUMN --- *\/\r\n    #design-bangalore-id-01 .design-visual-col {\r\n        position: relative;\r\n        perspective: 1500px;\r\n        display: flex;\r\n        justify-content: center;\r\n    }\r\n\r\n    #design-bangalore-id-01 .design-glass-card {\r\n        width: 100%;\r\n        max-width: 440px;\r\n        background: #ffffff;\r\n        border-radius: 24px;\r\n        padding: 0;\r\n        overflow: visible;\r\n        box-shadow: 0 40px 80px rgba(0,0,0,0.08);\r\n        transform: rotateY(-10deg) rotateX(5deg);\r\n        transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n    }\r\n\r\n    #design-bangalore-id-01 .design-visual-col:hover .design-glass-card {\r\n        transform: rotateY(0deg) rotateX(0deg) scale(1.02);\r\n    }\r\n\r\n    \/* Portfolio Mockup Styles *\/\r\n    #design-bangalore-id-01 .mock-header {\r\n        display: flex; align-items: center; gap: 12px; padding: 20px;\r\n    }\r\n    #design-bangalore-id-01 .mock-avatar {\r\n        width: 45px; height: 45px; background: var(--design-pink); border-radius: 12px;\r\n        display: flex; align-items: center; justify-content: center; color: white; font-weight: 800; font-size: 20px;\r\n    }\r\n    #design-bangalore-id-01 .mock-main-image {\r\n        width: 100%; height: 260px; overflow: hidden;\r\n        border-top: 1px solid #f1f5f9; border-bottom: 1px solid #f1f5f9;\r\n    }\r\n    #design-bangalore-id-01 .mock-main-image img {\r\n        width: 100%; height: 100%; object-fit: cover;\r\n    }\r\n    #design-bangalore-id-01 .mock-footer {\r\n        padding: 20px; background: #f8fafc; border-radius: 0 0 24px 24px;\r\n        display: flex; justify-content: space-between; align-items: center;\r\n    }\r\n\r\n    #design-bangalore-id-01 .design-float-stat {\r\n        position: absolute;\r\n        bottom: -25px; left: -30px;\r\n        background: white;\r\n        padding: 18px 28px;\r\n        border-radius: 20px;\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.15);\r\n        display: flex; align-items: center; gap: 15px;\r\n        animation: floatStat 5s infinite ease-in-out;\r\n        z-index: 10;\r\n        border: 1px solid rgba(0,0,0,0.03);\r\n    }\r\n\r\n    @keyframes floatStat {\r\n        0%, 100% { transform: translateY(0) rotate(0deg); }\r\n        50% { transform: translateY(-20px) rotate(1deg); }\r\n    }\r\n\r\n    \/* Media Queries *\/\r\n    @media (max-width: 1024px) {\r\n        #design-bangalore-id-01 .design-hero-grid { grid-template-columns: 1fr; text-align: center; }\r\n        #design-bangalore-id-01 .design-text-col { align-items: center; }\r\n        #design-bangalore-id-01 .design-btn-row { justify-content: center; }\r\n        #design-bangalore-id-01 .design-glass-card { transform: none; margin-top: 50px; }\r\n        #design-bangalore-id-01 .design-float-stat { left: 10px; bottom: -10px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"design-bangalore-id-01\">\r\n    <div class=\"design-hero-bg\">\r\n        <div class=\"design-orb orb-1\"><\/div>\r\n        <div class=\"design-orb orb-2\"><\/div>\r\n    <\/div>\r\n\r\n    <div class=\"design-hero-grid\">\r\n        <div class=\"design-text-col\">\r\n            <div class=\"design-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\">Graphic Design<\/span>\r\n            <\/div>\r\n\r\n            <h1 class=\"design-hero-h1\">\r\n                Visual Brilliance That Defines\r\n                <span class=\"design-gradient\">Bangalore's Top Brands<\/span>\r\n            <\/h1>\r\n\r\n            <p class=\"design-hero-p\">\r\n                From high-tech startups in Whitefield to boutique labels in Indiranagar, we deliver premium graphic design services that turn concepts into conversion-focused visual assets. \r\n            <\/p>\r\n\r\n            <div class=\"design-btn-row\">\r\n                <a href=\"https:\/\/aspiredigitalsolutions.in\/contact-us\/\" class=\"design-btn-main\">\r\n                    Start Your Project <i class=\"fas fa-pen-nib\"><\/i>\r\n                <\/a>\r\n                <a href=\"#portfolio\" class=\"design-btn-outline\">\r\n                    View Portfolio\r\n                <\/a>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"design-visual-col\">\r\n            <div class=\"design-glass-card\">\r\n                <div class=\"mock-header\">\r\n                    <div class=\"mock-avatar\">A<\/div>\r\n                    <div>\r\n                        <div style=\"font-weight: 800; font-size: 16px; color: var(--text-dark);\">Aspire Creative<\/div>\r\n                        <div style=\"font-size: 13px; color: var(--text-grey);\">Design Studio \u2022 Bangalore<\/div>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div style=\"padding: 0 20px 15px; font-size: 14px; color: #475569; line-height: 1.5;\">\r\n                    Exceptional design is more than just aesthetics; it's about strategy. We craft visuals that communicate your brand's unique value at a glance.\r\n                <\/div>\r\n\r\n                <div class=\"mock-main-image\">\r\n                    <img decoding=\"async\" \r\n                        src=\"https:\/\/images.unsplash.com\/photo-1626785774573-4b799315345d?q=80&w=2071&auto=format&fit=crop\" \r\n                        alt=\"Graphic Design Portfolio Bangalore\"\r\n                        loading=\"lazy\"\r\n                    >\r\n                <\/div>\r\n\r\n                <div class=\"mock-footer\">\r\n                    <div>\r\n                        <div style=\"font-size: 11px; color: var(--text-grey); font-weight: 700; text-transform: uppercase; letter-spacing: 1px;\">Creative Standard<\/div>\r\n                        <div style=\"font-weight: 800; font-size: 17px; color: var(--text-dark);\">Premium Visuals<\/div>\r\n                    <\/div>\r\n                    <div style=\"background: var(--text-dark); color: white; padding: 10px 18px; border-radius: 8px; font-weight: 700; font-size: 13px;\">View Case Study<\/div>\r\n                <\/div>\r\n\r\n                <div class=\"design-float-stat\">\r\n                    <div class=\"stat-icon\" style=\"width:48px; height:48px; background:rgba(99, 102, 241, 0.1); border-radius:12px; display:flex; align-items:center; justify-content:center; color:var(--design-indigo); font-size: 20px;\"><i class=\"fas fa-check-circle\"><\/i><\/div>\r\n                    <div style=\"display:flex; flex-direction:column;\">\r\n                        <span style=\"font-size:22px; font-weight:900; color:var(--text-dark); line-height: 1;\">500+<\/span>\r\n                        <span style=\"font-size:12px; color:var(--text-grey); font-weight: 600;\">Designs Delivered<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f22529b e-con-full e-flex e-con e-parent\" data-id=\"7f22529b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a5528b9 elementor-widget elementor-widget-html\" data-id=\"4a5528b9\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\r\n    \/* --- CSS VARIABLES (Design Dark Bangalore Adaptation) --- *\/\r\n    #design-dark-bangalore-02 {\r\n        --design-indigo: #6366f1;\r\n        --design-violet: #8b5cf6;\r\n        --design-pink: #ec4899;\r\n        --bg-dark: #0b0c10;\r\n        --card-dark: rgba(255, 255, 255, 0.03);\r\n        --text-white: #ffffff;\r\n        --text-muted: #94a3b8;\r\n        --border-light: rgba(255, 255, 255, 0.1);\r\n    }\r\n\r\n    \/* --- SECTION WRAPPER --- *\/\r\n    #design-dark-bangalore-02 {\r\n        width: 100%;\r\n        position: relative;\r\n        display: block;\r\n        background: var(--bg-dark);\r\n        padding: 100px 20px;\r\n        overflow: hidden;\r\n        font-family: 'Outfit', 'Manrope', sans-serif;\r\n        line-height: 1.6;\r\n        text-align: left;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #design-dark-bangalore-02 *,\r\n    #design-dark-bangalore-02 *::before,\r\n    #design-dark-bangalore-02 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- BACKGROUND GLOW --- *\/\r\n    #design-dark-bangalore-02 .design-dark-blob {\r\n        position: absolute;\r\n        width: 600px; height: 600px;\r\n        background: radial-gradient(circle, rgba(99, 102, 241, 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    \/* --- CONTAINER --- *\/\r\n    #design-dark-bangalore-02 .design-content-container {\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: grid;\r\n        grid-template-columns: 1fr 0.8fr;\r\n        gap: 80px;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 2;\r\n    }\r\n\r\n    \/* --- LEFT: TEXT CONTENT --- *\/\r\n    #design-dark-bangalore-02 .design-content-left {\r\n        display: flex; \r\n        flex-direction: column;\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-sub-tag-dark {\r\n        display: inline-block;\r\n        font-size: 13px; font-weight: 700;\r\n        color: var(--design-violet); text-transform: uppercase;\r\n        letter-spacing: 1.5px; margin-bottom: 20px;\r\n        background: rgba(139, 92, 246, 0.15);\r\n        padding: 6px 16px; border-radius: 30px;\r\n        width: max-content;\r\n        border: 1px solid rgba(139, 92, 246, 0.2);\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-main-head-dark {\r\n        font-size: clamp(32px, 4vw, 48px); font-weight: 800;\r\n        color: var(--text-white); margin: 0 0 25px 0;\r\n        line-height: 1.2;\r\n        letter-spacing: -1px;\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-gradient-text {\r\n        background: linear-gradient(135deg, var(--design-indigo), var(--design-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    #design-dark-bangalore-02 .design-main-desc-dark {\r\n        font-size: 18px; color: var(--text-muted);\r\n        line-height: 1.8; margin: 0 0 35px 0;\r\n    }\r\n\r\n    \/* Audience Tags *\/\r\n    #design-dark-bangalore-02 .design-audience-box { margin-top: 10px; }\r\n    #design-dark-bangalore-02 .design-audience-label-dark {\r\n        font-size: 14px; font-weight: 700; color: #e2e8f0;\r\n        margin-bottom: 15px; display: block;\r\n        text-transform: uppercase; letter-spacing: 1px;\r\n    }\r\n    #design-dark-bangalore-02 .design-tags-row { display: flex; gap: 12px; flex-wrap: wrap; }\r\n    \r\n    #design-dark-bangalore-02 .design-tag-dark {\r\n        padding: 10px 18px; \r\n        background: rgba(255, 255, 255, 0.03);\r\n        border-radius: 12px; font-size: 14px;\r\n        color: #cbd5e1; font-weight: 500;\r\n        display: flex; align-items: center; gap: 10px;\r\n        border: 1px solid var(--border-light);\r\n        transition: 0.3s ease;\r\n    }\r\n    #design-dark-bangalore-02 .design-tag-dark:hover {\r\n        background: rgba(255, 255, 255, 0.07);\r\n        border-color: var(--design-indigo);\r\n    }\r\n\r\n    \/* --- RIGHT: FEATURE CARDS --- *\/\r\n    #design-dark-bangalore-02 .design-content-right {\r\n        display: flex; flex-direction: column;\r\n        gap: 20px;\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-focus-card-dark {\r\n        background: var(--card-dark);\r\n        backdrop-filter: blur(12px);\r\n        -webkit-backdrop-filter: blur(12px);\r\n        border: 1px solid var(--border-light);\r\n        border-radius: 24px;\r\n        padding: 30px;\r\n        display: flex; align-items: flex-start; gap: 20px;\r\n        transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n        position: relative; overflow: hidden;\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-focus-card-dark:hover {\r\n        transform: scale(1.02);\r\n        background: rgba(255, 255, 255, 0.06);\r\n        border-color: rgba(99, 102, 241, 0.3);\r\n        box-shadow: 0 20px 50px rgba(0,0,0,0.4);\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-focus-icon-dark {\r\n        width: 54px; height: 54px; flex-shrink: 0;\r\n        background: rgba(99, 102, 241, 0.1);\r\n        border-radius: 14px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 22px; color: var(--design-indigo);\r\n        border: 1px solid rgba(99, 102, 241, 0.2);\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-focus-content h4 {\r\n        font-size: 19px;\r\n        font-weight: 700; color: var(--text-white);\r\n        margin: 0 0 8px 0;\r\n    }\r\n    \r\n    #design-dark-bangalore-02 .design-focus-content p {\r\n        font-size: 15px; color: var(--text-muted); margin: 0;\r\n        line-height: 1.5;\r\n    }\r\n\r\n    #design-dark-bangalore-02 .design-focus-card-dark::before {\r\n        content: ''; position: absolute; left: 0; top: 0;\r\n        height: 100%; width: 4px;\r\n        background: linear-gradient(180deg, var(--design-indigo), var(--design-pink));\r\n        opacity: 0; transition: 0.3s;\r\n    }\r\n    #design-dark-bangalore-02 .design-focus-card-dark:hover::before { opacity: 1; }\r\n\r\n    @media (max-width: 1024px) {\r\n        #design-dark-bangalore-02 .design-content-container { grid-template-columns: 1fr; gap: 60px; }\r\n        #design-dark-bangalore-02 .design-content-left { text-align: center; align-items: center; }\r\n        #design-dark-bangalore-02 .design-tags-row { justify-content: center; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"design-dark-bangalore-02\">\r\n    <div class=\"design-dark-blob\"><\/div>\r\n\r\n    <div class=\"design-content-container\">\r\n        <div class=\"design-content-left\">\r\n            <span class=\"design-sub-tag-dark\">7+ Years of Design Excellence<\/span>\r\n            \r\n            <h2 class=\"design-main-head-dark\">\r\n                Modern <br>\r\n                <span class=\"design-gradient-text\">Graphic Design Bangalore<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"design-main-desc-dark\">\r\n                Struggling with inconsistent branding or social media posts that get ignored? We bridge the gap between creative artistry and business results. Our expert team has empowered over 500+ businesses in Bangalore with visuals that don't just look good\u2014they convert.\r\n            <\/p>\r\n\r\n            <div class=\"design-audience-box\">\r\n                <span class=\"design-audience-label-dark\">Specialized Design For:<\/span>\r\n                <div class=\"design-tags-row\">\r\n                    <div class=\"design-tag-dark\"><i class=\"fas fa-rocket\"><\/i> Tech Startups<\/div>\r\n                    <div class=\"design-tag-dark\"><i class=\"fas fa-shopping-bag\"><\/i> D2C Packaging<\/div>\r\n                    <div class=\"design-tag-dark\"><i class=\"fas fa-utensils\"><\/i> Restaurant Menus<\/div>\r\n                    <div class=\"design-tag-dark\"><i class=\"fas fa-home\"><\/i> Real Estate Decks<\/div>\r\n                    <div class=\"design-tag-dark\"><i class=\"fab fa-instagram\"><\/i> Social Media Kits<\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"design-content-right\">\r\n            <div class=\"design-focus-card-dark\">\r\n                <div class=\"design-focus-icon-dark\"><i class=\"fas fa-pen-nib\"><\/i><\/div>\r\n                <div class=\"design-focus-content\">\r\n                    <h4>Impactful Logo Design<\/h4>\r\n                    <p>We solve the \"unclear identity\" problem with clean, professional logos provided in editable vector formats (AI, PDF) for lifelong scalability.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"design-focus-card-dark\">\r\n                <div class=\"design-focus-icon-dark\"><i class=\"fas fa-sync-alt\"><\/i><\/div>\r\n                <div class=\"design-focus-content\">\r\n                    <h4>Brand Consistency<\/h4>\r\n                    <p>Fix inconsistent visuals across websites, ads, and print. We ensure your brand looks cohesive and professional at every touchpoint.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"design-focus-card-dark\">\r\n                <div class=\"design-focus-icon-dark\"><i class=\"fas fa-chart-line\"><\/i><\/div>\r\n                <div class=\"design-focus-content\">\r\n                    <h4>Engagement-Driven Assets<\/h4>\r\n                    <p>From brochures that fail to impress to quiet social feeds, we create high-attention designs that build trust and drive user interaction.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-64f029fa e-con-full e-flex e-con e-parent\" data-id=\"64f029fa\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a75078e elementor-widget elementor-widget-html\" data-id=\"4a75078e\" 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 (Design Adaptation) --- *\/\r\n    #aspire-design-process {\r\n        --at-primary: #6366f1;       \/* Indigo *\/\r\n        --at-secondary: #ec4899;     \/* Pink *\/\r\n        --at-bg: #f8fafc;            \r\n        --at-card-bg: #ffffff;\r\n        --at-text-main: #0f172a;\r\n        --at-text-sub: #475569;\r\n        \r\n        font-family: 'Outfit', sans-serif;\r\n        width: 100%;\r\n        padding: 80px 20px;\r\n        background: var(--at-bg);\r\n        position: relative;\r\n        overflow: hidden;\r\n    }\r\n\r\n    #aspire-design-process * { box-sizing: border-box; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }\r\n\r\n    \/* Background Decoration *\/\r\n    #aspire-design-process::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(99, 102, 241, 0.08) 0%, transparent 60%);\r\n        z-index: 0;\r\n    }\r\n\r\n    .at-container {\r\n        max-width: 1280px; \r\n        margin: 0 auto;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    \/* --- HEADER --- *\/\r\n    .at-header {\r\n        text-align: center;\r\n        max-width: 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 20px;\r\n        border-radius: 30px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1.5px;\r\n        box-shadow: 0 4px 15px rgba(99, 102, 241, 0.15);\r\n        display: inline-block;\r\n        margin-bottom: 20px;\r\n    }\r\n\r\n    .at-header h2 {\r\n        font-size: clamp(32px, 4vw, 42px);\r\n        color: var(--at-text-main);\r\n        margin: 0 0 15px 0;\r\n        font-weight: 800;\r\n        letter-spacing: -1.5px;\r\n        line-height: 1.2;\r\n    }\r\n    .at-header h2 span {\r\n        background: linear-gradient(90deg, var(--at-primary), var(--at-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n\r\n    .at-header p {\r\n        font-size: 18px;\r\n        color: var(--at-text-sub);\r\n        line-height: 1.6;\r\n    }\r\n\r\n    \/* --- THE GRID --- *\/\r\n    .at-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(5, 1fr); \r\n        gap: 20px;\r\n        margin-top: 40px;\r\n    }\r\n\r\n    \/* --- CARDS --- *\/\r\n    .at-card {\r\n        background: var(--at-card-bg);\r\n        border-radius: 24px;\r\n        padding: 35px 25px;\r\n        border: 1px solid rgba(0,0,0,0.05);\r\n        box-shadow: 0 10px 30px -10px rgba(0,0,0,0.04);\r\n        position: relative;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: flex-start;\r\n        overflow: hidden;\r\n    }\r\n\r\n    .at-step-bg {\r\n        position: absolute;\r\n        top: -5px; right: -5px;\r\n        font-size: 55px;\r\n        font-weight: 900;\r\n        color: rgba(99, 102, 241, 0.04);\r\n        line-height: 1;\r\n        z-index: 0;\r\n        user-select: none;\r\n    }\r\n\r\n    .at-card:hover {\r\n        transform: translateY(-12px);\r\n        box-shadow: 0 25px 50px -12px rgba(99, 102, 241, 0.15);\r\n        border-color: rgba(99, 102, 241, 0.2);\r\n    }\r\n\r\n    .at-icon {\r\n        width: 54px; height: 54px;\r\n        border-radius: 14px;\r\n        display: flex; align-items: center; justify-content: center;\r\n        font-size: 26px;\r\n        margin-bottom: 25px;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .at-card:nth-child(odd) .at-icon {\r\n        background: rgba(99, 102, 241, 0.1);\r\n        color: var(--at-primary);\r\n    }\r\n    .at-card:nth-child(even) .at-icon {\r\n        background: rgba(236, 72, 153, 0.1);\r\n        color: var(--at-secondary);\r\n    }\r\n\r\n    .at-card h3 {\r\n        font-size: 19px;\r\n        font-weight: 700;\r\n        color: var(--at-text-main);\r\n        margin: 0 0 12px 0;\r\n        position: relative;\r\n        z-index: 1;\r\n        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        position: relative;\r\n        z-index: 1;\r\n    }\r\n\r\n    .at-card::after {\r\n        content: '';\r\n        position: absolute;\r\n        bottom: 0; left: 0; width: 0%; height: 5px;\r\n        background: linear-gradient(90deg, var(--at-primary), var(--at-secondary));\r\n        transition: 0.5s ease;\r\n    }\r\n    .at-card:hover::after { width: 100%; }\r\n\r\n    \/* --- PROOF SECTION (Local Results) --- *\/\r\n    .at-proof-section {\r\n        margin-top: 80px;\r\n        background: #fff;\r\n        padding: 50px 40px;\r\n        border-radius: 30px;\r\n        box-shadow: 0 20px 60px -20px rgba(0,0,0,0.08);\r\n        border: 1px solid rgba(0,0,0,0.03);\r\n    }\r\n    .at-proof-title {\r\n        text-align: center;\r\n        font-size: 30px;\r\n        font-weight: 800;\r\n        color: var(--at-text-main);\r\n        margin-bottom: 40px;\r\n        letter-spacing: -0.5px;\r\n    }\r\n    .at-proof-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(3, 1fr);\r\n        gap: 30px;\r\n    }\r\n    .at-proof-item {\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 15px;\r\n        background: #fcfcfd;\r\n        padding: 20px;\r\n        border-radius: 16px;\r\n        border: 1px solid #f1f5f9;\r\n    }\r\n    .at-check-icon {\r\n        color: var(--at-secondary);\r\n        font-weight: 800;\r\n        font-size: 24px;\r\n        line-height: 1;\r\n        flex-shrink: 0;\r\n    }\r\n    .at-proof-text {\r\n        font-size: 14px;\r\n        color: var(--at-text-sub);\r\n        line-height: 1.6;\r\n    }\r\n    .at-proof-text strong { color: var(--at-text-main); display: block; margin-bottom: 4px; font-size: 15px; }\r\n\r\n    \/* --- RESPONSIVE --- *\/\r\n    @media (max-width: 1200px) {\r\n        .at-grid { grid-template-columns: repeat(3, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 900px) {\r\n        .at-grid { grid-template-columns: repeat(2, 1fr); }\r\n        .at-proof-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n        .at-header h2 { font-size: 30px; }\r\n        .at-grid { grid-template-columns: 1fr; }\r\n        .at-card { align-items: center; text-align: center; }\r\n        .at-proof-grid { grid-template-columns: 1fr; }\r\n        .at-proof-section { padding: 30px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<section id=\"aspire-design-process\">\r\n    <div class=\"at-container\">\r\n        \r\n        <div class=\"at-header\">\r\n            <span class=\"at-badge\">Structured Creativity<\/span>\r\n            <h2>Our 5-Step <br><span>Graphic Design Workflow<\/span><\/h2>\r\n            <p>We combine 7+ years of experience with a disciplined process to ensure your brand stands out in Bangalore's competitive market.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"at-grid\">\r\n            \r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">01<\/div>\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">lightbulb<\/span><\/div>\r\n                <h3>Creative Discovery<\/h3>\r\n                <p>We understand your business goals and local audience to define a visual direction that aligns with your brand DNA.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">02<\/div>\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">draw<\/span><\/div>\r\n                <h3>Concept Sketching<\/h3>\r\n                <p>Our in-house team creates initial drafts and logo concepts, ensuring every design is unique and professional.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">03<\/div>\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">brush<\/span><\/div>\r\n                <h3>Digital Refinement<\/h3>\r\n                <p>Using Adobe Illustrator & Figma, we polish the chosen concept into high-fidelity, modern visuals.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">04<\/div>\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">reviews<\/span><\/div>\r\n                <h3>Client Feedback<\/h3>\r\n                <p>You review the drafts. We make direct updates to ensure the final product meets your exact business needs.<\/p>\r\n            <\/div>\r\n\r\n            <div class=\"at-card\">\r\n                <div class=\"at-step-bg\">05<\/div>\r\n                <div class=\"at-icon\"><span class=\"material-symbols-rounded\">inventory_2<\/span><\/div>\r\n                <h3>Final Delivery<\/h3>\r\n                <p>Receive full source files (AI, PDF, PNG) ready for print, web, and social media platforms across Bangalore.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"at-proof-section\">\r\n            <h3 class=\"at-proof-title\">Why Bangalore Brands Trust Us<\/h3>\r\n            \r\n            <div class=\"at-proof-grid\">\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Finance in Indiranagar<\/strong>\r\n                        Created LinkedIn graphics and brochures that built authority for consulting firms.\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Real Estate in HSR Layout<\/strong>\r\n                        Designed high-impact hoardings and digital ads for premium residential builders.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Tech in Electronic City<\/strong>\r\n                        Delivered professional pitch decks and UI mockups for fast-growing IT startups.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Fully In-House Team<\/strong>\r\n                        No outsourcing. Direct communication with designers for consistent quality and speed.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>Local Market Insight<\/strong>\r\n                        Deep expertise in Bangalore\u2019s automotive, interior design, and NGO sectors.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"at-proof-item\">\r\n                    <span class=\"at-check-icon material-symbols-rounded\">check_circle<\/span>\r\n                    <div class=\"at-proof-text\">\r\n                        <strong>1,000+ Success Stories<\/strong>\r\n                        Proven track record of delivering branding that drives real user engagement.\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-4c7ac288 e-con-full e-flex e-con e-parent\" data-id=\"4c7ac288\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2465743b elementor-widget elementor-widget-html\" data-id=\"2465743b\" 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-design-flip-wrapper {\r\n        --ds-indigo: #6366f1;\r\n        --ds-pink: #ec4899;\r\n        --ds-gradient: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);\r\n        --ds-text-white: #ffffff;\r\n        --ds-text-grey: #cbd5e1;\r\n        --ds-card-bg: rgba(15, 23, 42, 0.95);\r\n        \/* Using a design-focused background image *\/\r\n        --ds-bg-image: url('https:\/\/images.pexels.com\/photos\/316440\/pexels-photo-316440.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-design-flip-wrapper * { box-sizing: border-box; }\r\n\r\n    \/* Background Overlay *\/\r\n    .aspire-design-bg {\r\n        position: absolute;\r\n        top: 0; left: 0; width: 100%; height: 100%;\r\n        background-image: var(--ds-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%);\r\n    }\r\n\r\n    \/* Container *\/\r\n    .aspire-design-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    \/* Header Styling *\/\r\n    .aspire-design-heading {\r\n        font-size: clamp(2rem, 5vw, 3.5rem) !important;\r\n        font-weight: 800 !important;\r\n        color: var(--ds-text-white) !important;\r\n        margin: 0 0 20px 0 !important;\r\n        line-height: 1.1 !important;\r\n        letter-spacing: -1.5px;\r\n    }\r\n\r\n    .aspire-design-highlight {\r\n        background: var(--ds-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-design-sub {\r\n        font-size: clamp(1rem, 2vw, 1.15rem) !important;\r\n        color: var(--ds-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-design-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-design-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-design-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: 28px;\r\n    }\r\n\r\n    .aspire-design-flip-card:hover .aspire-design-flip-inner,\r\n    .aspire-design-flip-card.is-flipped .aspire-design-flip-inner {\r\n        transform: rotateY(180deg);\r\n    }\r\n\r\n    .aspire-design-flip-front, .aspire-design-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: 28px;\r\n        padding: 40px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        justify-content: center;\r\n        align-items: center;\r\n        border: 1px solid rgba(255,255,255,0.08);\r\n        gap: 20px; \r\n    }\r\n\r\n    \/* FRONT DESIGN *\/\r\n    .aspire-design-flip-front {\r\n        background: var(--ds-card-bg);\r\n        backdrop-filter: blur(15px);\r\n        box-shadow: 0 15px 35px -10px rgba(0,0,0,0.5);\r\n    }\r\n\r\n    .aspire-design-icon {\r\n        width: 80px; height: 80px;\r\n        border-radius: 22px;\r\n        background: rgba(99, 102, 241, 0.1);\r\n        display: flex; align-items: center; justify-content: center;\r\n        color: var(--ds-indigo);\r\n        border: 1px solid rgba(99, 102, 241, 0.2);\r\n    }\r\n    .aspire-design-icon span { font-size: 40px; }\r\n\r\n    .aspire-design-title {\r\n        font-size: 1.5rem !important;\r\n        font-weight: 700 !important;\r\n        color: var(--ds-text-white) !important;\r\n        margin: 0 !important;\r\n    }\r\n\r\n    .aspire-design-hint {\r\n        font-size: 0.7rem !important;\r\n        color: var(--ds-pink) !important;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        font-weight: 700;\r\n        background: rgba(236, 72, 153, 0.1);\r\n        padding: 8px 18px;\r\n        border-radius: 50px;\r\n    }\r\n\r\n    \/* BACK DESIGN *\/\r\n    .aspire-design-flip-back {\r\n        background: var(--ds-gradient);\r\n        color: white;\r\n        transform: rotateY(180deg);\r\n        padding: 35px;\r\n    }\r\n\r\n    .aspire-design-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-design-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,0.95) !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-design-grid { grid-template-columns: repeat(2, 1fr); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .aspire-design-grid { grid-template-columns: 1fr; gap: 25px; }\r\n        .aspire-design-flip-card { height: 340px; }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aspire-design-flip-wrapper\">\r\n    <div class=\"aspire-design-bg\"><\/div>\r\n\r\n    <div class=\"aspire-design-container\">\r\n        <h2 class=\"aspire-design-heading\">\r\n            Types of <span class=\"aspire-design-highlight\">Graphic Design Services<\/span>\r\n        <\/h2>\r\n        <p class=\"aspire-design-sub\">\r\n            From digital interfaces to physical packaging, we provide comprehensive visual solutions tailored for Bangalore's diverse business landscape.\r\n        <\/p>\r\n\r\n        <div class=\"aspire-design-grid\">\r\n            \r\n            <div class=\"aspire-design-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-design-flip-inner\">\r\n                    <div class=\"aspire-design-flip-front\">\r\n                        <div class=\"aspire-design-icon\"><span class=\"material-symbols-rounded\">brush<\/span><\/div>\r\n                        <h3 class=\"aspire-design-title\">Logo & Branding<\/h3>\r\n                        <div class=\"aspire-design-hint\">Flip to Reveal<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-design-flip-back\">\r\n                        <h3 class=\"aspire-design-back-title\">Brand Identity<\/h3>\r\n                        <p class=\"aspire-design-back-desc\">Simple, modern logos with strategic color palettes and typography. We provide full brand books and rules for using your assets across all platforms.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-design-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-design-flip-inner\">\r\n                    <div class=\"aspire-design-flip-front\">\r\n                        <div class=\"aspire-design-icon\"><span class=\"material-symbols-rounded\">auto_stories<\/span><\/div>\r\n                        <h3 class=\"aspire-design-title\">Brochures & Flyers<\/h3>\r\n                        <div class=\"aspire-design-hint\">Flip to Reveal<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-design-flip-back\">\r\n                        <h3 class=\"aspire-design-back-title\">Marketing Print<\/h3>\r\n                        <p class=\"aspire-design-back-desc\">Clear, professional company profiles, product catalogs, and event flyers designed to capture attention and drive sales offline.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-design-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-design-flip-inner\">\r\n                    <div class=\"aspire-design-flip-front\">\r\n                        <div class=\"aspire-design-icon\"><span class=\"material-symbols-rounded\">share<\/span><\/div>\r\n                        <h3 class=\"aspire-design-title\">Social Media Kits<\/h3>\r\n                        <div class=\"aspire-design-hint\">Flip to Reveal<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-design-flip-back\">\r\n                        <h3 class=\"aspire-design-back-title\">Digital Engagement<\/h3>\r\n                        <p class=\"aspire-design-back-desc\">Custom templates for posts and stories. Visuals optimized for Instagram, Facebook, and LinkedIn to keep your feed interesting and professional.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-design-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-design-flip-inner\">\r\n                    <div class=\"aspire-design-flip-front\">\r\n                        <div class=\"aspire-design-icon\"><span class=\"material-symbols-rounded\">devices<\/span><\/div>\r\n                        <h3 class=\"aspire-design-title\">Web & App UI<\/h3>\r\n                        <div class=\"aspire-design-hint\">Flip to Reveal<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-design-flip-back\">\r\n                        <h3 class=\"aspire-design-back-title\">UI\/UX Layouts<\/h3>\r\n                        <p class=\"aspire-design-back-desc\">Mobile-friendly interfaces and developer-ready wireframes. We design landing pages and screens that work seamlessly across all devices.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-design-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-design-flip-inner\">\r\n                    <div class=\"aspire-design-flip-front\">\r\n                        <div class=\"aspire-design-icon\"><span class=\"material-symbols-rounded\">co_present<\/span><\/div>\r\n                        <h3 class=\"aspire-design-title\">Presentation Decks<\/h3>\r\n                        <div class=\"aspire-design-hint\">Flip to Reveal<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-design-flip-back\">\r\n                        <h3 class=\"aspire-design-back-title\">Business Slides<\/h3>\r\n                        <p class=\"aspire-design-back-desc\">Clear, persuasive decks for business meetings, webinars, and product launches. We make complex messages easy to understand through visuals.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-design-flip-card\" onclick=\"this.classList.toggle('is-flipped')\" tabindex=\"0\">\r\n                <div class=\"aspire-design-flip-inner\">\r\n                    <div class=\"aspire-design-flip-front\">\r\n                        <div class=\"aspire-design-icon\"><span class=\"material-symbols-rounded\">package_2<\/span><\/div>\r\n                        <h3 class=\"aspire-design-title\">Product Packaging<\/h3>\r\n                        <div class=\"aspire-design-hint\">Flip to Reveal<\/div>\r\n                    <\/div>\r\n                    <div class=\"aspire-design-flip-back\">\r\n                        <h3 class=\"aspire-design-back-title\">Retail Design<\/h3>\r\n                        <p class=\"aspire-design-back-desc\">Labels for food, health, and retail products. Custom box layouts in print-ready formats that make your product stand out on the shelf.<\/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-6be61034 e-con-full e-flex e-con e-parent\" data-id=\"6be61034\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1268d1a6 elementor-widget elementor-widget-html\" data-id=\"1268d1a6\" 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-22be7294 e-con-full e-flex e-con e-parent\" data-id=\"22be7294\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-190a517a elementor-widget elementor-widget-html\" data-id=\"190a517a\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,400,0,0\" \/>\r\n\r\n<style>\r\n    #aspire_design_pricing {\r\n        \/* --- THEME VARIABLES --- *\/\r\n        --dp-bg: #020617; \r\n        --dp-card: rgba(15, 23, 42, 0.98); \r\n        --dp-accent: #6366f1;\r\n        --dp-secondary: #ec4899;\r\n        --dp-text-white: #ffffff;\r\n        --dp-text-muted: #94a3b8;\r\n        --dp-card-w: 285px;\r\n        --dp-card-h: 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_design_pricing * { box-sizing: border-box; }\r\n\r\n    .dp_header { text-align: center; margin-bottom: 80px; position: relative; z-index: 10; }\r\n    .dp_header h2 {\r\n        font-size: clamp(2.2rem, 6vw, 3.5rem);\r\n        color: var(--dp-text-white);\r\n        font-weight: 800;\r\n        margin: 0;\r\n        letter-spacing: -1.5px;\r\n    }\r\n    .dp_gradient_text {\r\n        background: linear-gradient(135deg, var(--dp-accent), var(--dp-secondary));\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n    }\r\n    .dp_header p { color: var(--dp-text-muted); margin-top: 15px; font-size: 1.1rem; max-width: 600px; margin-inline: auto; }\r\n\r\n    \/* --- FAN STAGE --- *\/\r\n    .dp_stage {\r\n        position: relative;\r\n        width: 100%;\r\n        height: var(--dp-card-h);\r\n        max-width: 1200px;\r\n        margin: 0 auto;\r\n        display: flex;\r\n        justify-content: center;\r\n        perspective: 2000px;\r\n    }\r\n\r\n    .dp_card {\r\n        position: absolute;\r\n        width: var(--dp-card-w);\r\n        height: var(--dp-card-h);\r\n        background: var(--dp-card);\r\n        border: 1px solid rgba(255, 255, 255, 0.1);\r\n        border-radius: 28px;\r\n        padding: 35px 25px;\r\n        display: flex;\r\n        flex-direction: column;\r\n        transition: all 0.7s cubic-bezier(0.23, 1, 0.32, 1);\r\n        box-shadow: 0 15px 35px rgba(0,0,0,0.6);\r\n        cursor: pointer;\r\n        transform-origin: center 110%;\r\n    }\r\n\r\n    .dp_card:hover { border-color: var(--dp-accent); z-index: 100 !important; background: #0f172a; }\r\n\r\n    \/* 6-Card Fan Logic *\/\r\n    .dp_stage.is-active .dp_card:nth-child(1) { transform: translateX(-480px) rotate(-15deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(2) { transform: translateX(-290px) rotate(-9deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(3) { transform: translateX(-100px) rotate(-3deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(4) { transform: translateX(100px) rotate(3deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(5) { transform: translateX(290px) rotate(9deg); }\r\n    .dp_stage.is-active .dp_card:nth-child(6) { transform: translateX(480px) rotate(15deg); }\r\n\r\n    .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: 50px; height: 50px; border-radius: 12px; background: rgba(99, 102, 241, 0.15); display: flex; align-items: center; justify-content: center; margin-bottom: 20px; }\r\n    .dp_icon_box span { color: var(--dp-accent); font-size: 30px; }\r\n    \r\n    .dp_price { font-size: 32px; font-weight: 800; color: var(--dp-text-white); margin-bottom: 5px; }\r\n    .dp_price small { font-size: 14px; color: var(--dp-accent); text-transform: uppercase; letter-spacing: 1px; }\r\n\r\n    .dp_title { font-size: 1.25rem; font-weight: 700; color: var(--dp-text-white)!important; margin: 15px 0 10px 0; }\r\n    \r\n    .dp_list { list-style: none; padding: 0; margin: 0 0 25px 0; font-size: 0.85rem; color: var(--dp-text-muted); line-height: 1.4; flex-grow: 1; }\r\n    .dp_list li { margin-bottom: 10px; display: flex; align-items: flex-start; gap: 8px; }\r\n    .dp_list li::before { content: \"check_circle\"; font-family: 'Material Symbols Rounded'; font-size: 16px; color: var(--dp-secondary); }\r\n\r\n    .dp_cta {\r\n        padding: 14px;\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); }\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; height: auto; padding-bottom: 35px; }\r\n        #aspire_design_pricing { padding: 60px 20px; }\r\n    }\r\n<\/style>\r\n\r\n<div id=\"aspire_design_pricing\">\r\n    <div class=\"dp_header\">\r\n        <h2>Graphic Design <span class=\"dp_gradient_text\">Pricing<\/span><\/h2>\r\n        <p>Affordable, high-quality visual solutions. Monthly design retainers are also available to fit your ongoing business needs.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"dp_stage\" id=\"designStage\">\r\n        \r\n        <div class=\"dp_card\" style=\"--hover-x: -480px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">share<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b9500 <br><small>Starts from<\/small><\/div>\r\n            <h3 class=\"dp_title\">Social Graphics<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Instagram & FB Templates<\/li>\r\n                <li>Engaging Visual Assets<\/li>\r\n                <li>Reels & Story Thumbnails<\/li>\r\n                <li>Brand-Consistent Layouts<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: -290px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">web<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b91K <br><small>Starts from<\/small><\/div>\r\n            <h3 class=\"dp_title\">Website Banners<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Professional UI Banners<\/li>\r\n                <li>Optimized for Page Speed<\/li>\r\n                <li>Improved User Experience<\/li>\r\n                <li>Custom CTA Graphics<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: -100px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">badge<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b91.5K <br><small>Starts from<\/small><\/div>\r\n            <h3 class=\"dp_title\">Business Kit<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Business Card Design<\/li>\r\n                <li>Letterheads & Envelopes<\/li>\r\n                <li>3 Unique Layout Options<\/li>\r\n                <li>Editable Source Files<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 100px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">auto_stories<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b93K <br><small>Starts from<\/small><\/div>\r\n            <h3 class=\"dp_title\">Print Media<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Brochures & Flyers<\/li>\r\n                <li>Clean, Organized Layouts<\/li>\r\n                <li>Ideal for Retail & Real Estate<\/li>\r\n                <li>Print-Ready High Res<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 290px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">brush<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b94K <br><small>Starts from<\/small><\/div>\r\n            <h3 class=\"dp_title\">Brand Identity<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Original Logo Concepts<\/li>\r\n                <li>Strategic Color Palettes<\/li>\r\n                <li>Multiple Format Delivery<\/li>\r\n                <li>Full Brand Guidelines<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"dp_card\" style=\"--hover-x: 480px\">\r\n            <div class=\"dp_icon_box\"><span class=\"material-symbols-rounded\">package_2<\/span><\/div>\r\n            <div class=\"dp_price\">\u20b95K <br><small>Starts from<\/small><\/div>\r\n            <h3 class=\"dp_title\">Packaging Design<\/h3>\r\n            <ul class=\"dp_list\">\r\n                <li>Food & Beauty Labels<\/li>\r\n                <li>Custom Box Layouts<\/li>\r\n                <li>Print-Ready Technicals<\/li>\r\n                <li>Market-Standout Visuals<\/li>\r\n            <\/ul>\r\n            <a href=\"#\" class=\"dp_cta\">Contact Us<\/a>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    document.addEventListener(\"DOMContentLoaded\", function() {\r\n        const stage = document.getElementById('designStage');\r\n        if (window.innerWidth > 1100) {\r\n            stage.addEventListener('mouseenter', () => stage.classList.add('is-active'));\r\n            stage.addEventListener('mouseleave', () => stage.classList.remove('is-active'));\r\n        }\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-647c0450 e-con-full e-flex e-con e-parent\" data-id=\"647c0450\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b65e31 elementor-widget elementor-widget-html\" data-id=\"b65e31\" 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: #6366f1; \/* Design Indigo *\/\r\n            --aa-gradient: linear-gradient(90deg, #6366f1, #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: 80px 20px;\r\n            background-color: #f8fafc;\r\n            box-sizing: border-box;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        #aspire-accordion-widget * {\r\n            box-sizing: border-box;\r\n            margin: 0;\r\n            padding: 0;\r\n            transition: all 0.4s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-container {\r\n            width: 100%;\r\n            max-width: 1000px;\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: 50px;\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(99, 102, 241, 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: 35px 45px;\r\n            text-decoration: none;\r\n            overflow: hidden;\r\n            min-height: 130px; \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: 28px;\r\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg {\r\n            position: absolute;\r\n            top: 0; left: 0; width: 100%; height: 100%;\r\n            background-size: cover;\r\n            background-position: center;\r\n            opacity: 0;\r\n            z-index: 0;\r\n            transform: scale(1.1);\r\n            filter: grayscale(100%);\r\n            transition: opacity 0.5s ease, transform 6s ease;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-item-bg::after {\r\n            content: ''; \r\n            position: absolute; inset: 0;\r\n            background: linear-gradient(90deg, rgba(255,255,255,0.96) 0%, rgba(255,255,255,0.8) 100%);\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-content {\r\n            position: relative;\r\n            z-index: 2;\r\n            display: flex;\r\n            align-items: flex-start;\r\n            gap: 40px;\r\n            width: 100%;\r\n        }\r\n\r\n        #aspire-accordion-widget .aa-date {\r\n            font-family: var(--aa-font-body);\r\n            font-size: 13px;\r\n            font-weight: 700;\r\n            color: #ffffff;\r\n            background: var(--aa-primary);\r\n            padding: 8px 14px;\r\n            border-radius: 10px;\r\n            white-space: nowrap;\r\n            box-shadow: 0 4px 10px rgba(99, 102, 241, 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.95rem;\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: 10px;\r\n            line-height: 1.6;\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(99, 102, 241, 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 25px 50px -12px rgba(99, 102, 241, 0.15);\r\n                border-color: rgba(99, 102, 241, 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: 20px;\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 .aa-item {\r\n                flex-direction: column;\r\n                align-items: flex-start;\r\n                padding: 28px;\r\n                gap: 20px;\r\n                background: #fff;\r\n            }\r\n            #aspire-accordion-widget .aa-item-bg { display: none; }\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                border-top: 1px solid var(--aa-border);\r\n                padding-top: 20px;\r\n            }\r\n            #aspire-accordion-widget .aa-btn {\r\n                opacity: 1;\r\n                transform: none;\r\n                background: #fff;\r\n                color: var(--aa-primary);\r\n                border: 1px solid var(--aa-primary);\r\n            }\r\n        }\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 Portfolio Impact<\/span>\r\n            <h2 class=\"aa-title\">Graphic Design <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-1559136555-9303baea8ebd?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Tech Startup<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Branding & Pitch Decks<\/h3>\r\n                        <p class=\"aa-genre\">Koramangala, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Inconsistent branding across product decks and investor materials made the startup look unprofessional to venture capitalists.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Created a unified visual identity with redesigned investor decks, UI asset kits, and custom logo treatments.<\/p>\r\n                            <p><strong>Result:<\/strong> Successfully helped the client secure 2 investor rounds within 45 days of the visual relaunch.<\/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-1517248135467-4c7edcad34c4?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">F&B Chain<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Packaging & App Creatives<\/h3>\r\n                        <p class=\"aa-genre\">Indiranagar & JP Nagar<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Low visibility on Swiggy\/Zomato and poor brand recall despite high-quality food.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Designed bold menu banners, branded sustainable packaging, and high-conversion in-app promotional graphics.<\/p>\r\n                            <p><strong>Result:<\/strong> Achieved a 38% boost in online orders and collected 60+ new organic reviews in just 3 weeks.<\/p>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"aa-action\">\r\n                    <span class=\"aa-btn\">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-1618221195710-dd6b41faaea6?auto=format&fit=crop&q=80&w=1200');\"><\/div>\r\n                \r\n                <div class=\"aa-content\">\r\n                    <div class=\"aa-date\">Interior Design<\/div>\r\n                    <div class=\"aa-info\">\r\n                        <h3 class=\"aa-name\">Visual Style Refresh<\/h3>\r\n                        <p class=\"aa-genre\">HSR Layout, Bangalore<\/p>\r\n                        <div class=\"aa-details\">\r\n                            <p><strong>Challenge:<\/strong> Outdated brand presence and a non-responsive portfolio website leading to low conversions.<\/p>\r\n                            <p><strong>Strategy:<\/strong> Delivered a premium visual refresh including a new modern logo, high-end color scheme, and design-focused portfolio layouts.<\/p>\r\n                            <p><strong>Result:<\/strong> 3x increase in consultation form submissions within the first 6 weeks post-launch.<\/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-65250acd e-con-full e-flex e-con e-parent\" data-id=\"65250acd\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4071c4db elementor-widget elementor-widget-html\" data-id=\"4071c4db\" 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-1542838132-92c53300491e?auto=format&fit=crop&w=1200&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"Before working with Aspire, our brand looked very basic. They created a fresh logo and packaging design that really matches our products. Now, customers notice us more\u2014and we\u2019re getting more walk-ins and online interest too.\"<\/p>\r\n            <h4 class=\"author\">Deepika \u2013 Indiranagar, Bangalore<\/h4>\r\n            <span class=\"business\">Earthy Basket Store<\/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-1618221195710-dd6b41faaea6?auto=format&fit=crop&w=1200&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"Aspire's graphic design team gave us a fresh new look. They made a nice logo, clean brochures, and matching social media posts. Many customers said they liked it. We also got more walk-ins. They really listened.\"<\/p>\r\n            <h4 class=\"author\">Preeti \u2013 Indiranagar, Bangalore<\/h4>\r\n            <span class=\"business\">Bloom Interiors<\/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-1558655146-d09347e92766?auto=format&fit=crop&w=1200&q=80');\">\r\n        <div class=\"t-content\">\r\n            <p class=\"quote\">\"I didn\u2019t know much about branding. Aspire made everything easy. They created a clean logo, business card, and social media designs. Now my business looks professional, and more people are noticing us.\"<\/p>\r\n            <h4 class=\"author\">Rahul \u2013 Koramangala, Bangalore<\/h4>\r\n            <span class=\"business\">Pixel Craft Studio<\/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;\r\n        padding: 15px;\r\n        box-sizing: border-box;\r\n        font-family: 'Outfit', 'Segoe UI', 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: 20px;\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        border: 1px solid rgba(255,255,255,0.1);\r\n    }\r\n\r\n    .t-slice.active {\r\n        flex: 5;\r\n        border-color: rgba(99, 102, 241, 0.4);\r\n    }\r\n\r\n    \/* Content Styling *\/\r\n    .t-content {\r\n        color: white;\r\n        opacity: 0;\r\n        transform: translateY(30px);\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: clamp(1.1rem, 3vw, 1.6rem);\r\n        font-style: italic;\r\n        line-height: 1.5;\r\n        margin-bottom: 20px;\r\n        font-weight: 300;\r\n        text-shadow: 0 2px 15px 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: #ffca28 !important; \/* Gold color for the name *\/\r\n        font-weight: 700;\r\n        letter-spacing: 0.5px;\r\n    }\r\n\r\n    .business {\r\n        font-size: 0.9rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        color: rgba(255,255,255,0.7);\r\n        font-weight: 600;\r\n        display: block;\r\n        margin-top: 5px;\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: 8;\r\n        }\r\n        .quote {\r\n            font-size: 1.1rem;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<script>\r\n    (function() {\r\n        const allSlices = document.querySelectorAll('.t-slice');\r\n\r\n        allSlices.forEach(slice => {\r\n            const activate = () => {\r\n                allSlices.forEach(s => s.classList.remove('active'));\r\n                slice.classList.add('active');\r\n            };\r\n\r\n            \/\/ Interactive triggers\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-d2e4bb1 e-con-full e-flex e-con e-parent\" data-id=\"d2e4bb1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-417bb80e elementor-widget elementor-widget-html\" data-id=\"417bb80e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Graphic Design Bangalore FAQ - Aspire Digital<\/title>\r\n    \r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n    <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n    <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n    <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n    <style>\r\n        \/* BASE STYLES *\/\r\n        #design-faq-section {\r\n            background-color: #ffffff;\r\n            color: #1a1a1a;\r\n            font-family: 'Inter', sans-serif;\r\n            margin: 0;\r\n            padding: 0;\r\n            overflow-x: hidden;\r\n        }\r\n\r\n        \/* LAYOUT CONTAINER *\/\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        \/* STICKY HEADER (Left Side) *\/\r\n        .ads-asp-header {\r\n            width: 35%;\r\n            position: sticky;\r\n            top: 100px;\r\n            height: fit-content;\r\n            padding-right: 50px;\r\n        }\r\n\r\n        .ads-asp-logo {\r\n            max-width: 180px;\r\n            margin-bottom: 30px;\r\n            display: block;\r\n        }\r\n\r\n        .ads-asp-header h2 {\r\n            font-size: 3rem;\r\n            line-height: 1.1;\r\n            font-weight: 700;\r\n            margin: 0;\r\n            color: #111;\r\n            letter-spacing: -0.03em;\r\n        }\r\n\r\n        .ads-asp-header p {\r\n            color: #666;\r\n            margin-top: 20px;\r\n            font-size: 1.125rem;\r\n            line-height: 1.5;\r\n        }\r\n\r\n        .ads-asp-highlight {\r\n            background: linear-gradient(90deg, #6366f1, #ec4899);\r\n            -webkit-background-clip: text;\r\n            -webkit-text-fill-color: transparent;\r\n        }\r\n\r\n        \/* CONTENT LIST (Right Side) *\/\r\n        .ads-asp-list {\r\n            width: 65%;\r\n            padding-bottom: 200px;\r\n        }\r\n\r\n        \/* ITEM STYLING *\/\r\n        .ads-asp-item {\r\n            margin-bottom: 60px;\r\n            opacity: 0.15;\r\n            filter: blur(4px);\r\n            transform: translateY(20px) scale(0.98);\r\n            transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n            border-left: 3px solid transparent;\r\n            padding-left: 30px;\r\n        }\r\n\r\n        \/* ACTIVE STATE (Triggered by Scroll) *\/\r\n        .ads-asp-item.active {\r\n            opacity: 1;\r\n            filter: blur(0px);\r\n            transform: translateY(0) scale(1);\r\n            border-left: 3px solid #6366f1;\r\n        }\r\n\r\n        .ads-asp-question {\r\n            font-size: 1.5rem;\r\n            font-weight: 600;\r\n            margin-bottom: 12px;\r\n            color: #000;\r\n            letter-spacing: -0.02em;\r\n        }\r\n\r\n        .ads-asp-answer {\r\n            font-size: 1.1rem;\r\n            line-height: 1.6;\r\n            color: #444;\r\n            font-weight: 400;\r\n        }\r\n\r\n        \/* RESPONSIVE *\/\r\n        @media (max-width: 900px) {\r\n            .ads-asp-container {\r\n                flex-direction: column;\r\n                padding: 60px 20px;\r\n            }\r\n            .ads-asp-header {\r\n                width: 100%;\r\n                position: relative;\r\n                top: 0;\r\n                margin-bottom: 60px;\r\n                padding-right: 0;\r\n            }\r\n            .ads-asp-list {\r\n                width: 100%;\r\n            }\r\n            .ads-asp-header h2 {\r\n                font-size: 2.25rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<section id=\"design-faq-section\">\r\n    <div class=\"ads-asp-container\">\r\n        <div class=\"ads-asp-header\">\r\n            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/download.png\" alt=\"Aspire Digital Solutions\" class=\"ads-asp-logo\">\r\n            \r\n            <h2>Brand Design <span class=\"ads-asp-highlight\">FAQ<\/span><\/h2>\r\n            <p>Everything you need to know about working with Bangalore's top creative team.<\/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 much do graphic design services cost in Bangalore?<\/div>\r\n                <div class=\"ads-asp-answer\">Prices start at \u20b9500 for a single social media design. Full brand packages depend on the scope, but we offer affordable options tailored for startups and businesses of all sizes.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">What file formats will I receive?<\/div>\r\n                <div class=\"ads-asp-answer\">You will receive all high-resolution files, including JPEGs, transparent PNGs, print-ready PDFs, and fully editable source files (AI or PSD) for your records.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Can you update or refresh my old logo?<\/div>\r\n                <div class=\"ads-asp-answer\">Yes! We specialize in brand refreshes. All our services include 2\u20133 revision rounds to ensure the final design modernizes your look while staying true to your brand.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Do you work with local businesses across Karnataka?<\/div>\r\n                <div class=\"ads-asp-answer\">Absolutely. While we are based in Bangalore, we serve clients in Mysore and beyond, ranging from cafes and coaching centers to wellness brands and retailers.<\/div>\r\n            <\/div>\r\n\r\n            <div class=\"ads-asp-item\">\r\n                <div class=\"ads-asp-question\">Can I see samples before I decide?<\/div>\r\n                <div class=\"ads-asp-answer\">Yes, we encourage it! You can view our design portfolio or request specific samples that match your industry to see our quality firsthand.<\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n    <script>\r\n        \/\/ Initialize GSAP ScrollTrigger\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+=150\", \r\n                    end: \"bottom center-=150\",\r\n                    toggleClass: \"active\",\r\n                    markers: false, \r\n                    scrub: true,\r\n                }\r\n            });\r\n        });\r\n    <\/script>\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-86e3879 e-con-full e-flex e-con e-parent\" data-id=\"86e3879\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16a1150a elementor-widget elementor-widget-html\" data-id=\"16a1150a\" 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-google-ads-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 Solutions<\/span>\r\n            <h2 class=\"aspire-final-title\">Professional Graphic Design That Gets You Noticed<\/h2>\r\n            \r\n            <p class=\"aspire-final-desc\">\r\n                From first ideas to final designs, Aspire Digital Solutions delivers reliable Graphic Design Services in Bangalore. We create clean, professional visuals that help your business look world-class and connect with more customers.\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                    Based in Bangalore\r\n                <\/div>\r\n                <div class=\"aspire-check-item\">\r\n                    <div class=\"aspire-check-icon\"><i class=\"fas fa-check\"><\/i><\/div>\r\n                    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                    500+ 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 Team<\/h4>\r\n                    <a href=\"mailto:marketing@aspiredigitalsolutions.in\">marketing@aspiredigitalsolutions.in<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"aspire-contact-row\">\r\n                <div class=\"aspire-con-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n                <div class=\"aspire-con-info\">\r\n                    <h4>Visit Website<\/h4>\r\n                    <a href=\"https:\/\/www.aspiredigitalsolutions.in\" target=\"_blank\">www.aspiredigitalsolutions.in<\/a>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <a href=\"https:\/\/www.aspiredigitalsolutions.in\/contact-us\/\" class=\"aspire-final-btn\">\r\n                Let's Make Your Brand Stand Out <i class=\"fas fa-arrow-right\"><\/i>\r\n            <\/a>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\r\n<style>\r\n    \/* --- UNIQUE SCOPING & RESET --- *\/\r\n    #aspire-google-ads-cta-2026 {\r\n        --ads-blue: #6366f1;\r\n        --ads-pink: #ec4899;\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: 80px 20px !important;\r\n        overflow: hidden;\r\n        font-family: 'Manrope', 'Outfit', sans-serif;\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    #aspire-google-ads-cta-2026 *, \r\n    #aspire-google-ads-cta-2026 *::before, \r\n    #aspire-google-ads-cta-2026 *::after {\r\n        box-sizing: border-box;\r\n    }\r\n\r\n    \/* --- DECORATIVE ORBS --- *\/\r\n    #aspire-google-ads-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-google-ads-cta-2026 .aspire-orb-left { width: 300px; height: 300px; background: var(--ads-blue); top: -10%; left: -10%; opacity: 0.2; }\r\n    #aspire-google-ads-cta-2026 .aspire-orb-right { width: 400px; height: 400px; background: var(--ads-pink); bottom: -10%; right: -10%; opacity: 0.15; }\r\n\r\n    \/* --- LAYOUT --- *\/\r\n    #aspire-google-ads-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-google-ads-cta-2026 .aspire-final-title {\r\n        font-family: 'Outfit', sans-serif; font-size: 42px; font-weight: 800;\r\n        color: var(--text-white) !important; margin: 0 0 20px 0; line-height: 1.2;\r\n    }\r\n\r\n    #aspire-google-ads-cta-2026 .aspire-final-label {\r\n        color: var(--ads-pink); font-weight: 700; text-transform: uppercase;\r\n        letter-spacing: 1.5px; font-size: 13px; margin-bottom: 15px; display: block;\r\n    }\r\n\r\n    #aspire-google-ads-cta-2026 .aspire-final-desc {\r\n        font-size: 16px; color: #d1d5db; line-height: 1.6; margin: 0 0 30px 0;\r\n    }\r\n\r\n    \/* --- FEATURES --- *\/\r\n    #aspire-google-ads-cta-2026 .aspire-check-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }\r\n    #aspire-google-ads-cta-2026 .aspire-check-item {\r\n        display: flex; align-items: center; gap: 10px;\r\n        background: rgba(255, 255, 255, 0.05); padding: 10px 15px;\r\n        border-radius: 50px; border: 1px solid rgba(255,255,255,0.1);\r\n        color: white; font-size: 14px; font-weight: 600;\r\n    }\r\n    #aspire-google-ads-cta-2026 .aspire-check-icon {\r\n        color: var(--ads-blue); background: white; width: 22px; height: 22px;\r\n        border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px;\r\n    }\r\n\r\n    \/* --- CONTACT CARD --- *\/\r\n    #aspire-google-ads-cta-2026 .aspire-contact-card {\r\n        background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(15px);\r\n        -webkit-backdrop-filter: blur(15px); border: 1px solid rgba(255, 255, 255, 0.2);\r\n        border-radius: 20px; padding: 35px; box-shadow: 0 20px 60px rgba(0,0,0,0.3);\r\n        display: flex; flex-direction: column; gap: 25px;\r\n    }\r\n\r\n    #aspire-google-ads-cta-2026 .aspire-contact-row { display: flex; align-items: center; gap: 15px; }\r\n    #aspire-google-ads-cta-2026 .aspire-con-icon {\r\n        width: 40px; height: 40px; border-radius: 10px;\r\n        background: linear-gradient(135deg, var(--ads-blue), var(--ads-pink));\r\n        display: flex; align-items: center; justify-content: center; color: white; flex-shrink: 0;\r\n    }\r\n\r\n    #aspire-google-ads-cta-2026 .aspire-con-info h4 { margin: 0; font-size: 12px; color: #a5b4fc; text-transform: uppercase; font-weight: 700; }\r\n    #aspire-google-ads-cta-2026 .aspire-con-info a { color: white !important; font-size: 16px; font-weight: 700; text-decoration: none; word-break: break-all; }\r\n\r\n    #aspire-google-ads-cta-2026 .aspire-final-btn {\r\n        background: white; color: var(--ads-blue) !important; text-align: center;\r\n        padding: 18px; border-radius: 10px; font-weight: 800; text-decoration: none;\r\n        text-transform: uppercase; letter-spacing: 1px; transition: 0.3s;\r\n        display: block; width: 100%;\r\n    }\r\n    #aspire-google-ads-cta-2026 .aspire-final-btn:hover { transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.2); }\r\n\r\n    \/* --- RESPONSIVE MEDIA QUERIES --- *\/\r\n    @media (max-width: 1024px) {\r\n        #aspire-google-ads-cta-2026 .aspire-final-container { grid-template-columns: 1fr; text-align: center; gap: 40px; }\r\n        #aspire-google-ads-cta-2026 .aspire-check-grid { justify-content: center; }\r\n        #aspire-google-ads-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-google-ads-cta-2026 .aspire-final-title { font-size: 32px !important; }\r\n        #aspire-google-ads-cta-2026 .aspire-check-grid { grid-template-columns: 1fr; width: 100%; max-width: 320px; }\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 \/ Graphic Design Visual Brilliance That Defines Bangalore&#8217;s Top Brands From high-tech startups in Whitefield to boutique labels in Indiranagar, we deliver premium graphic design services that turn concepts into conversion-focused visual assets. Start Your Project View Portfolio A Aspire Creative Design Studio \u2022 Bangalore Exceptional design is more than just aesthetics; [&hellip;]<\/p>\n","protected":false},"featured_media":872,"template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false},"categories":[],"class_list":["post-2201","bangalore","type-bangalore","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2201","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/bangalore"}],"version-history":[{"count":39,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2201\/revisions"}],"predecessor-version":[{"id":20158,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/bangalore\/2201\/revisions\/20158"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/872"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=2201"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/categories?post=2201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}