{"id":1425,"date":"2025-04-24T20:34:01","date_gmt":"2025-04-24T20:34:01","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?page_id=1425"},"modified":"2026-07-08T17:40:38","modified_gmt":"2026-07-08T12:10:38","slug":"bangalore","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/","title":{"rendered":"Bangalore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1425\" class=\"elementor elementor-1425\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-40f9afa e-con-full e-flex e-con e-parent\" data-id=\"40f9afa\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2a5ed59 e-con-full e-flex e-con e-child\" data-id=\"2a5ed59\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dc3ceb9 elementor-widget elementor-widget-html\" data-id=\"dc3ceb9\" 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@400;600;800&display=swap\" rel=\"stylesheet\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n\r\n<style>\r\n    :root {\r\n        --bg-dark: #0a0c10;\r\n        --card-bg: #11141b;\r\n        --accent-purple: #818cf8;\r\n        --accent-pink: #f472b6;\r\n        --text-dim: #94a3b8;\r\n    }\r\n\r\n    .agency-hero-section {\r\n        background-color: var(--bg-dark);\r\n        padding: 100px 20px;\r\n        font-family: 'Outfit', sans-serif;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        text-align: center;\r\n        position: relative;\r\n        overflow: hidden;\r\n        min-height: 600px;\r\n    }\r\n\r\n    \/* Floating Badges Container *\/\r\n    .badge-container {\r\n        position: absolute;\r\n        width: 100%;\r\n        height: 100%;\r\n        top: 0;\r\n        left: 0;\r\n        pointer-events: none;\r\n    }\r\n\r\n    \/* Common Badge Style *\/\r\n    .floating-badge {\r\n        position: absolute;\r\n        background: rgba(17, 20, 27, 0.8);\r\n        border: 1px solid rgba(255, 255, 255, 0.08);\r\n        padding: 12px 20px;\r\n        border-radius: 16px;\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        backdrop-filter: blur(10px);\r\n        box-shadow: 0 10px 30px rgba(0,0,0,0.5);\r\n        animation: float 6s ease-in-out infinite;\r\n        z-index: 1;\r\n    }\r\n\r\n    .badge-icon {\r\n        width: 32px;\r\n        height: 32px;\r\n        background: rgba(129, 140, 248, 0.1);\r\n        border-radius: 8px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        color: var(--accent-purple);\r\n        font-size: 14px;\r\n    }\r\n\r\n    .badge-text {\r\n        text-align: left;\r\n    }\r\n\r\n    .badge-text span {\r\n        display: block;\r\n        font-size: 10px;\r\n        color: var(--text-dim);\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n    }\r\n\r\n    .badge-text strong {\r\n        font-size: 14px;\r\n        color: #fff;\r\n    }\r\n\r\n    \/* Badge Positions *\/\r\n    .b1 { top: 15%; left: 10%; animation-delay: 0s; }\r\n    .b2 { top: 10%; right: 10%; animation-delay: 1s; border-color: rgba(244, 114, 182, 0.3); }\r\n    .b3 { bottom: 15%; left: 8%; animation-delay: 2s; }\r\n    .b4 { bottom: 12%; right: 12%; animation-delay: 1.5s; }\r\n\r\n    \/* Central Content *\/\r\n    .hero-content {\r\n        max-width: 800px;\r\n        z-index: 2;\r\n    }\r\n\r\n    .hero-label {\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 4px;\r\n        font-size: 12px;\r\n        font-weight: 600;\r\n        margin-bottom: 20px;\r\n        opacity: 0.8;\r\n    }\r\n\r\n    .hero-title {\r\n        font-size: clamp(48px, 8vw, 84px);\r\n        font-weight: 800;\r\n        margin-bottom: 25px;\r\n        background: linear-gradient(to right, #a78bfa, #f472b6);\r\n        -webkit-background-clip: text;\r\n        -webkit-text-fill-color: transparent;\r\n        letter-spacing: -2px;\r\n    }\r\n\r\n    .hero-desc {\r\n        color: var(--text-dim);\r\n        font-size: clamp(16px, 2vw, 20px);\r\n        line-height: 1.6;\r\n        margin-bottom: 45px;\r\n        max-width: 600px;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n    }\r\n\r\n    \/* Glowing CTA Button *\/\r\n    .hero-btn {\r\n        background: #4f46e5;\r\n        color: #fff !important;\r\n        padding: 18px 45px;\r\n        border-radius: 50px;\r\n        font-weight: 700;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        font-size: 16px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        box-shadow: 0 0 30px rgba(79, 70, 229, 0.4);\r\n        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n    }\r\n\r\n    .hero-btn:hover {\r\n        transform: translateY(-5px) scale(1.05);\r\n        box-shadow: 0 0 50px rgba(79, 70, 229, 0.6);\r\n        background: #4338ca;\r\n    }\r\n\r\n    \/* Floating Animation *\/\r\n    @keyframes float {\r\n        0%, 100% { transform: translateY(0px); }\r\n        50% { transform: translateY(-20px); }\r\n    }\r\n\r\n    @media (max-width: 768px) {\r\n        .floating-badge { display: none; } \r\n        .hero-title { font-size: 55px; }\r\n    }\r\n<\/style>\r\n\r\n<section class=\"agency-hero-section\">\r\n    <div class=\"badge-container\">\r\n        <div class=\"floating-badge b1\">\r\n            <div class=\"badge-icon\"><i class=\"fas fa-crown\"><\/i><\/div>\r\n            <div class=\"badge-text\">\r\n                <strong>Premium Agency<\/strong>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"floating-badge b2\">\r\n            <div class=\"badge-icon\" style=\"color: var(--accent-pink); background: rgba(244, 114, 182, 0.1);\">\r\n                <i class=\"fas fa-chart-line\"><\/i>\r\n            <\/div>\r\n            <div class=\"badge-text\">\r\n                <strong>100%<\/strong>\r\n                <span>Satisfaction<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"floating-badge b3\">\r\n            <div class=\"badge-icon\"><i class=\"fas fa-headset\"><\/i><\/div>\r\n            <div class=\"badge-text\">\r\n                <strong>24\/7<\/strong>\r\n                <span>Support<\/span>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"floating-badge b4\">\r\n            <div class=\"badge-icon\"><i class=\"fas fa-circle-nodes\"><\/i><\/div>\r\n            <div class=\"badge-text\">\r\n                <strong>Global<\/strong>\r\n                <span>Support<\/span>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-content\">\r\n        <div class=\"hero-label\">Premium Services<\/div>\r\n        <h2 class=\"hero-title\">Bangalore<\/h2>\r\n        <p class=\"hero-desc\">\r\n            We help businesses scale with data-driven strategies and world-class design. Turning digital presence into growth engines.\r\n        <\/p>\r\n        \r\n        <a href=\"#contact\" class=\"hero-btn\">\r\n            Get Started <i class=\"fas fa-rocket\"><\/i>\r\n        <\/a>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n    \/\/ Parallax Interaction: Badges follow mouse movement\r\n    document.addEventListener('mousemove', (e) => {\r\n        const amount = 20;\r\n        const x = (e.clientX \/ window.innerWidth - 0.5) * amount;\r\n        const y = (e.clientY \/ window.innerHeight - 0.5) * amount;\r\n        \r\n        const badges = document.querySelectorAll('.floating-badge');\r\n        badges.forEach((badge, index) => {\r\n            const factor = (index + 1) * 0.8;\r\n            badge.style.transform = `translate(${x * factor}px, ${y * factor}px)`;\r\n        });\r\n    });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7c98431 elementor-widget elementor-widget-html\" data-id=\"7c98431\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n<style>\r\n    \/* Google Fonts *\/\r\n    @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600&display=swap');\r\n\r\n    :root {\r\n        --news-bg: #ffffff;\r\n        --news-text: #0f172a;\r\n        --news-border: #e2e8f0;\r\n        --news-grad: linear-gradient(135deg, #536dfe 0%, #ff6b81 100%);\r\n    }\r\n\r\n    \/* --- TICKER WRAPPER --- *\/\r\n    .aspire-ticker-wrap {\r\n        font-family: 'Poppins', sans-serif;\r\n        width: 100%;\r\n        background: var(--news-bg);\r\n        border-top: 1px solid var(--news-border);\r\n        border-bottom: 1px solid var(--news-border);\r\n        height: 50px; \/* Fixed Height *\/\r\n        display: flex;\r\n        align-items: center;\r\n        overflow: hidden;\r\n        position: relative;\r\n        box-shadow: 0 4px 10px rgba(0,0,0,0.05);\r\n    }\r\n\r\n    \/* --- STATIC LABEL (Our Services) --- *\/\r\n    .aspire-ticker-label {\r\n        background: var(--news-grad);\r\n        color: white;\r\n        height: 100%;\r\n        padding: 0 20px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 0.9rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        letter-spacing: 1px;\r\n        position: relative;\r\n        z-index: 2;\r\n        flex-shrink: 0;\r\n        clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);\r\n        padding-right: 30px;\r\n    }\r\n\r\n    \/* --- SCROLL CONTAINER --- *\/\r\n    .aspire-ticker-container {\r\n        flex-grow: 1;\r\n        overflow: hidden;\r\n        white-space: nowrap;\r\n        position: relative;\r\n        \/* Edges Fade Effect *\/\r\n        mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);\r\n        -webkit-mask-image: linear-gradient(to right, transparent, black 2%, black 98%, transparent);\r\n    }\r\n\r\n    \/* --- MOVING TRACK (SLOW SPEED) --- *\/\r\n    .aspire-ticker-track {\r\n        display: inline-block;\r\n        padding-left: 100%; \/* Starts from outside *\/\r\n        \/* Changed from 30s to 80s for Slow & Smooth flow *\/\r\n        animation: ticker-scroll 80s linear infinite;\r\n        will-change: transform; \/* Optimization for smoothness *\/\r\n    }\r\n\r\n    \/* Pause on Hover *\/\r\n    .aspire-ticker-wrap:hover .aspire-ticker-track {\r\n        animation-play-state: paused;\r\n    }\r\n\r\n    @keyframes ticker-scroll {\r\n        0% { transform: translate3d(0, 0, 0); }\r\n        100% { transform: translate3d(-100%, 0, 0); }\r\n    }\r\n\r\n    \/* --- ITEM DESIGN --- *\/\r\n    .ticker-item {\r\n        display: inline-block;\r\n        padding: 0 30px; \/* Thoda gap badhaya hai *\/\r\n        color: var(--news-text);\r\n        font-size: 0.95rem;\r\n        font-weight: 500;\r\n        text-decoration: none;\r\n        position: relative;\r\n        transition: color 0.3s ease;\r\n    }\r\n\r\n    .ticker-item:hover {\r\n        color: #536dfe;\r\n    }\r\n\r\n    .ticker-item i {\r\n        color: #ff6b81;\r\n        margin-right: 8px;\r\n        font-size: 0.9rem;\r\n    }\r\n\r\n    \/* Separator Dot *\/\r\n    .ticker-item::after {\r\n        content: \"\u2022\";\r\n        color: #cbd5e1;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        font-size: 1.2rem;\r\n    }\r\n    \r\n    .ticker-item:last-child::after { content: \"\"; }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 600px) {\r\n        .aspire-ticker-label {\r\n            font-size: 0.75rem;\r\n            padding: 0 15px;\r\n            padding-right: 25px;\r\n        }\r\n        .ticker-item {\r\n            font-size: 0.85rem;\r\n            padding: 0 15px;\r\n        }\r\n    }\r\n<\/style>\r\n\r\n<div class=\"aspire-ticker-wrap\">\r\n    \r\n    <div class=\"aspire-ticker-label\">\r\n        Our Services\r\n    <\/div>\r\n\r\n    <div class=\"aspire-ticker-container\">\r\n        <div class=\"aspire-ticker-track\">\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/seo\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-search\"><\/i> SEO Optimization\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/google-ads\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-bullseye\"><\/i> Google Ads (PPC)\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/web-development\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-code\"><\/i> Website Development\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/social-media-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fab fa-instagram\"><\/i> Social Media Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/branding\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-award\"><\/i> Branding Strategy\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/email-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-envelope\"><\/i> Email Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/graphic-designing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-pen-nib\"><\/i> Graphic Designing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/content-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-file-alt\"><\/i> Content Marketing\r\n            <\/a>\r\n\r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/seo\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-search\"><\/i> SEO Optimization\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/google-ads\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-bullseye\"><\/i> Google Ads (PPC)\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/web-development\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-code\"><\/i> Website Development\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/social-media-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fab fa-instagram\"><\/i> Social Media Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/branding\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-award\"><\/i> Branding Strategy\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/email-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-envelope\"><\/i> Email Marketing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/graphic-designing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-pen-nib\"><\/i> Graphic Designing\r\n            <\/a>\r\n            \r\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/services\/content-marketing\/\" class=\"ticker-item\">\r\n                <i class=\"fas fa-file-alt\"><\/i> Content Marketing\r\n            <\/a>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-94f3acf e-con-full e-flex e-con e-parent\" data-id=\"94f3acf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0abee9b elementor-widget elementor-widget-html\" data-id=\"0abee9b\" 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<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:root {\r\n    --agency-indigo: #4f46e5;\r\n    --agency-pink: #ec4899;\r\n    --agency-bg: #f8fafc;\r\n    --agency-text: #1e293b;\r\n    --agency-text-sub: #64748b;\r\n    --agency-border: rgba(79, 70, 229, 0.1);\r\n}\r\n\r\n.premium-split-section {\r\n    padding: clamp(80px, 12vh, 160px) 0;\r\n    background-color: var(--agency-bg);\r\n    font-family: 'Outfit', sans-serif;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n.premium-split-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    display: flex;\r\n    align-items: center; \r\n    gap: 60px;\r\n    padding: 0 5%;\r\n}\r\n\r\n\/* --- Vertical Branding Label --- *\/\r\n.premium-side-label {\r\n    writing-mode: vertical-rl;\r\n    text-transform: uppercase;\r\n    letter-spacing: 10px;\r\n    font-size: 11px;\r\n    color: var(--agency-indigo);\r\n    font-weight: 800;\r\n    opacity: 0.5;\r\n    border-left: 2px solid var(--agency-pink);\r\n    padding-left: 15px;\r\n    height: 180px;\r\n    flex-shrink: 0;\r\n}\r\n\r\n\/* --- Visual Block (Left) --- *\/\r\n.premium-visual-block {\r\n    flex: 1;\r\n    position: relative;\r\n    z-index: 10;\r\n    min-width: 40%;\r\n    opacity: 0; \/* Set for GSAP reveal *\/\r\n}\r\n\r\n.premium-image-frame {\r\n    width: 100%;\r\n    aspect-ratio: 1 \/ 1; \r\n    background: white;\r\n    padding: 0; \r\n    box-shadow: 40px 40px 80px rgba(0,0,0,0.08);\r\n    border-radius: 24px; \r\n    border: 1px solid var(--agency-border);\r\n    overflow: hidden; \r\n    position: relative;\r\n}\r\n\r\n.premium-image-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    display: block;\r\n}\r\n\r\n\/* Floating Indigo Caption *\/\r\n.premium-floating-badge {\r\n    position: absolute;\r\n    bottom: 30px; \r\n    right: -20px;\r\n    background: linear-gradient(135deg, var(--agency-indigo), #312e81);\r\n    color: white;\r\n    padding: 20px 30px;\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n    z-index: 11;\r\n    box-shadow: 15px 15px 40px rgba(79, 70, 229, 0.3);\r\n    border-radius: 12px;\r\n}\r\n\r\n\/* --- Content Column (Right) --- *\/\r\n.premium-split-content {\r\n    flex: 1.2;\r\n    opacity: 0; \/* Set for GSAP reveal *\/\r\n}\r\n\r\n.premium-split-label {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    color: var(--agency-pink);\r\n    margin-bottom: 15px;\r\n    display: block;\r\n}\r\n\r\n.premium-split-title {\r\n    font-size: clamp(32px, 3.5vw, 52px);\r\n    color: var(--agency-text);\r\n    line-height: 1.2;\r\n    margin-bottom: 25px;\r\n    font-weight: 800;\r\n    letter-spacing: -0.02em;\r\n}\r\n\r\n.premium-split-title span {\r\n    background: linear-gradient(90deg, var(--agency-indigo), var(--agency-pink));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.city-description {\r\n    font-size: 17px;\r\n    line-height: 1.8;\r\n    color: var(--agency-text-sub);\r\n    margin-bottom: 30px;\r\n}\r\n\r\n\/* --- List Items --- *\/\r\n.premium-list {\r\n    list-style: none;\r\n    padding: 0;\r\n}\r\n\r\n.premium-list-item {\r\n    border-bottom: 1px solid var(--agency-border);\r\n    padding: 20px 0;\r\n    display: flex;\r\n    gap: 20px;\r\n    opacity: 0;\r\n}\r\n\r\n.premium-item-num {\r\n    font-size: 18px;\r\n    font-weight: 800;\r\n    color: var(--agency-indigo);\r\n    opacity: 0.4;\r\n}\r\n\r\n.premium-item-text p {\r\n    font-size: 15.5px;\r\n    color: var(--agency-text);\r\n    line-height: 1.6;\r\n    margin: 0;\r\n    font-weight: 500;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n    .premium-split-container { flex-direction: column; gap: 40px; }\r\n    .premium-side-label { display: none; }\r\n    .premium-visual-block { width: 100%; max-width: 500px; margin: 0 auto; }\r\n    .premium-floating-badge { right: 0; bottom: 20px; padding: 15px 25px; font-size: 14px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"premium-split-section\" id=\"splitTrigger\">\r\n    <div class=\"premium-split-container\">\r\n        \r\n        <div class=\"premium-side-label\">City Spotlight<\/div>\r\n\r\n        <div class=\"premium-visual-block\" id=\"gsSplitImg\">\r\n            <div class=\"premium-image-frame\">\r\n                <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/In-House-Marketing-vs-Agency-vs-Freelancer-e1768480232447.webp\" alt=\"Bangalore Silicon Valley\">\r\n                <div class=\"premium-floating-badge\">Silicon Valley of India<\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"premium-split-content\" id=\"gsSplitContent\">\r\n            <span class=\"premium-split-label\">Explore Bangalore<\/span>\r\n            <h2 class=\"premium-split-title\">The <span>Silicon Valley<\/span> of India<\/h2>\r\n            \r\n            <div class=\"city-description\">\r\n                Bangalore, officially known as Bengaluru, is more than just a city\u2014it\u2019s a symbol of modern India. Located in southern India, this thriving metropolis is the capital of Karnataka and a global name when it comes to innovation, information technology, and entrepreneurship.\r\n            <\/div>\r\n\r\n            <div class=\"premium-list\">\r\n                <div class=\"premium-list-item gs-list-item\">\r\n                    <div class=\"premium-item-num\">01<\/div>\r\n                    <div class=\"premium-item-text\">\r\n                        <p>Known for its pleasant weather, lush greenery, and cosmopolitan culture, Bangalore is one of the fastest-growing cities in Asia.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"premium-list-item gs-list-item\">\r\n                    <div class=\"premium-item-num\">02<\/div>\r\n                    <div class=\"premium-item-text\">\r\n                        <p>From world-class startups to global tech giants, this city has earned its title as the Silicon Valley of India.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <div class=\"premium-list-item gs-list-item\">\r\n                    <div class=\"premium-item-num\">03<\/div>\r\n                    <div class=\"premium-item-text\">\r\n                        <p>But Bangalore isn\u2019t just about software. It\u2019s a place where tradition meets progress, where ancient temples stand next to modern co-working spaces, and where people from every part of India come to build their future.<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    if (typeof gsap !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        const tl = gsap.timeline({\r\n            scrollTrigger: {\r\n                trigger: \"#splitTrigger\",\r\n                start: \"top 70%\",\r\n            }\r\n        });\r\n\r\n        \/\/ Image Slides in from Left\r\n        tl.fromTo(\"#gsSplitImg\", \r\n            { x: -150, opacity: 0 }, \r\n            { x: 0, opacity: 1, duration: 1.4, ease: \"power4.out\" }\r\n        );\r\n\r\n        \/\/ Text Block Slides in from Right (slightly overlapped for smoothness)\r\n        tl.fromTo(\"#gsSplitContent\", \r\n            { x: 150, opacity: 0 }, \r\n            { x: 0, opacity: 1, duration: 1.4, ease: \"power4.out\" },\r\n            \"-=1.2\" \r\n        );\r\n\r\n        \/\/ List items slide up within the content block\r\n        tl.to(\".gs-list-item\", {\r\n            opacity: 1,\r\n            y: 0,\r\n            duration: 0.8,\r\n            stagger: 0.2,\r\n            ease: \"power2.out\"\r\n        }, \"-=0.6\");\r\n\r\n        \/\/ Subtle Parallax on the image while scrolling\r\n        gsap.to(\".premium-image-frame img\", {\r\n            scale: 1.2,\r\n            scrollTrigger: {\r\n                trigger: \"#splitTrigger\",\r\n                start: \"top bottom\",\r\n                end: \"bottom top\",\r\n                scrub: true\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-745a8fd7 e-flex e-con-boxed e-con e-parent\" data-id=\"745a8fd7\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-197e0fdf e-flex e-con-boxed elementor-invisible e-con e-child\" data-id=\"197e0fdf\" data-element_type=\"container\" data-settings=\"{&quot;animation&quot;:&quot;fadeInUp&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-387ffe4c elementor-widget elementor-widget-heading\" data-id=\"387ffe4c\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h6 class=\"elementor-heading-title elementor-size-default\">What we do<\/h6>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8976a1f elementor-widget elementor-widget-heading\" data-id=\"8976a1f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Transforming Social Media into Social Impact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-295848e e-con-full e-flex e-con e-child\" data-id=\"295848e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22759f6 elementor-grid-4 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"22759f6\" data-element_type=\"widget\" data-settings=\"{&quot;template_id&quot;:1441,&quot;columns&quot;:4,&quot;_skin&quot;:&quot;post&quot;,&quot;columns_tablet&quot;:&quot;2&quot;,&quot;columns_mobile&quot;:&quot;1&quot;,&quot;edit_handle_selector&quot;:&quot;[data-elementor-type=\\&quot;loop-item\\&quot;]&quot;,&quot;row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;row_gap_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"loop-grid.post\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-loop-container elementor-grid\" role=\"list\">\n\t\t<style id=\"loop-1441\">.elementor-1441 .elementor-element.elementor-element-0e4620a{--display:flex;--background-transition:0.6s;--border-radius:10px 10px 10px 10px;--padding-top:1em;--padding-bottom:1em;--padding-left:1em;--padding-right:1em;}.elementor-1441 .elementor-element.elementor-element-0e4620a:not(.elementor-motion-effects-element-type-background), .elementor-1441 .elementor-element.elementor-element-0e4620a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url(\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/memphis1.webp\");background-position:31px 31px;background-repeat:no-repeat;background-size:56px auto;}.elementor-1441 .elementor-element.elementor-element-0e4620a:hover{background-color:var( --e-global-color-text );background-image:url(\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/memphis1.webp\");background-position:center center;background-repeat:no-repeat;background-size:150% auto;}.elementor-1441 .elementor-element.elementor-element-790c03b{text-align:center;}.elementor-1441 .elementor-element.elementor-element-790c03b .elementor-heading-title{font-size:26px;font-weight:600;}@media(max-width:1024px){.elementor-1441 .elementor-element.elementor-element-0e4620a:not(.elementor-motion-effects-element-type-background), .elementor-1441 .elementor-element.elementor-element-0e4620a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:31px 21px;}.elementor-1441 .elementor-element.elementor-element-0e4620a:hover{background-position:center center;background-size:150% auto;}}@media(max-width:767px){.elementor-1441 .elementor-element.elementor-element-0e4620a:not(.elementor-motion-effects-element-type-background), .elementor-1441 .elementor-element.elementor-element-0e4620a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:14px 21px;}.elementor-1441 .elementor-element.elementor-element-0e4620a:hover{background-position:center center;background-size:150% auto;}.elementor-1441 .elementor-element.elementor-element-0e4620a{--padding-top:2em;--padding-bottom:2em;--padding-left:2em;--padding-right:2em;}}<\/style>\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-2213 post-2213 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/Website-Development-Services-In-Mysore-1.6-1-1024x1024.jpeg\" class=\"attachment-large size-large wp-image-1751\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/Website-Development-Services-In-Mysore-1.6-1-1024x1024.jpeg 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/Website-Development-Services-In-Mysore-1.6-1-300x300.jpeg 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/Website-Development-Services-In-Mysore-1.6-1-150x150.jpeg 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/Website-Development-Services-In-Mysore-1.6-1-768x768.jpeg 768w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/Website-Development-Services-In-Mysore-1.6-1-1536x1536.jpeg 1536w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/Website-Development-Services-In-Mysore-1.6-1.jpeg 1920w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/email-marketing-services-in-bangalore\/\">Email Marketing Services in Bangalore<\/a><\/h4>\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-2201 post-2201 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services.webp\" class=\"attachment-large size-large wp-image-872\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/graphic-design-services-in-bangalore\/\">Graphic Design Services in Bangalore<\/a><\/h4>\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-2192 post-2192 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Branding-Services.webp\" class=\"attachment-large size-large wp-image-869\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Branding-Services.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Branding-Services-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Branding-Services-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Branding-Services-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/branding-services-in-bangalore\/\">Branding Services in Bangalore<\/a><\/h4>\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-2174 post-2174 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-1.webp\" class=\"attachment-large size-large wp-image-873\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-1.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-1-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-1-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-1-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/social-media-marketing-services-in-bangalore\/\">Social Media Marketing Services in Bangalore<\/a><\/h4>\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-2153 post-2153 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Meta-Ads-Services.webp\" class=\"attachment-large size-large wp-image-863\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Meta-Ads-Services.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Meta-Ads-Services-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Meta-Ads-Services-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Meta-Ads-Services-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/meta-ads-services-in-bangalore\/\">Meta Ads Services in Bangalore<\/a><\/h4>\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-2139 post-2139 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Gads-Services.webp\" class=\"attachment-large size-large wp-image-876\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Gads-Services.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Gads-Services-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Gads-Services-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Gads-Services-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/google-ads-services-in-bangalore\/\">Google Ads Services in Bangalore<\/a><\/h4>\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-1469 post-1469 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/E-Commerce-1.webp\" class=\"attachment-large size-large wp-image-837\" alt=\"Digital marketing for E-Commerce business\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/E-Commerce-1.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/E-Commerce-1-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/E-Commerce-1-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/E-Commerce-1-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/website-devlopment-services-in-bangalore\/\">Website Development Services in Bangalore<\/a><\/h4>\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\t\t<div data-elementor-type=\"loop-item\" data-elementor-id=\"1441\" class=\"elementor elementor-1441 e-loop-item e-loop-item-1468 post-1468 bangalore type-bangalore status-publish has-post-thumbnail hentry\" data-elementor-post-type=\"elementor_library\" data-custom-edit-handle=\"1\">\n\t\t\t<div class=\"elementor-element elementor-element-0e4620a e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"0e4620a\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;fadeInLeft&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-437dc3f elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"437dc3f\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/SEO-trends-1.webp\" class=\"attachment-large size-large wp-image-857\" alt=\"SEO Services\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/SEO-trends-1.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/SEO-trends-1-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/SEO-trends-1-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/SEO-trends-1-768x768.webp 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-790c03b elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"790c03b\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h4 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/aspiredigitalsolutions.in\/ar\/bangalore\/seo-services-in-bangalore\/\">SEO Services in Bangalore<\/a><\/h4>\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\t\t<\/div>\n\t\t\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a05f651 elementor-widget elementor-widget-html\" data-id=\"a05f651\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", () => {\r\n    const cards = document.querySelectorAll('.e-loop-item');\r\n\r\n    cards.forEach(card => {\r\n\r\n        card.addEventListener('mousemove', (e) => {\r\n            const rect = card.getBoundingClientRect();\r\n            const x = e.clientX - rect.left;\r\n            const y = e.clientY - rect.top;\r\n\r\n            card.style.setProperty('--mouse-x', `${x}px`);\r\n            card.style.setProperty('--mouse-y', `${y}px`);\r\n\r\n            const centerX = rect.width \/ 2;\r\n            const centerY = rect.height \/ 2;\r\n\r\n            const rotateX = -((y - centerY) \/ centerY) * 8;\r\n            const rotateY = ((x - centerX) \/ centerX) * 8;\r\n\r\n            card.style.transform = `\r\n                perspective(2000px)\r\n                rotateX(${rotateX}deg)\r\n                rotateY(${rotateY}deg)\r\n                scale3d(1.03, 1.03, 1.03)\r\n            `;\r\n        });\r\n\r\n        card.addEventListener('mouseleave', () => {\r\n            card.style.transform = `\r\n                perspective(2000px)\r\n                rotateX(0deg)\r\n                rotateY(0deg)\r\n                scale3d(1, 1, 1)\r\n            `;\r\n        });\r\n\r\n    });\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ab22aa9 e-con-full e-flex e-con e-parent\" data-id=\"ab22aa9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5ce813c elementor-widget elementor-widget-html\" data-id=\"5ce813c\" 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&family=Playfair+Display:ital,wght@1,400;1,700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n:root {\r\n    --o-bg: #030712;         \/* Deepest Obsidian *\/\r\n    --o-card: #0f172a;       \/* Slate Blue-Dark *\/\r\n    --o-accent: #6366f1;     \/* Vivid Indigo *\/\r\n    --o-neon: #ec4899;       \/* Electric Pink *\/\r\n    --o-text: #f8fafc;       \/* Off White *\/\r\n    --o-text-dim: #94a3b8;   \/* Muted Slate *\/\r\n    --o-border: rgba(255, 255, 255, 0.08);\r\n}\r\n\r\n.obsidian-container {\r\n    background-color: var(--o-bg);\r\n    color: var(--o-text);\r\n    font-family: 'Outfit', sans-serif;\r\n    padding: 120px 5%;\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n\/* Background Atmosphere Glow *\/\r\n.obsidian-glow {\r\n    position: absolute;\r\n    top: 20%; right: -10%;\r\n    width: 600px; height: 600px;\r\n    background: radial-gradient(circle, rgba(99, 102, 241, 0.15) 0%, transparent 70%);\r\n    filter: blur(80px);\r\n    pointer-events: none;\r\n}\r\n\r\n.o-layout-grid {\r\n    display: grid;\r\n    grid-template-columns: 120px 1.1fr 1fr;\r\n    gap: 60px;\r\n    max-width: 1500px;\r\n    margin: 0 auto;\r\n}\r\n\r\n\/* 1. INTERACTIVE PROGRESS TRACKER *\/\r\n.o-scroll-nav {\r\n    position: sticky;\r\n    top: 200px;\r\n    height: fit-content;\r\n}\r\n\r\n.o-nav-item {\r\n    height: 80px;\r\n    border-left: 2px solid var(--o-border);\r\n    padding-left: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    font-size: 11px;\r\n    font-weight: 800;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    color: var(--o-text-dim);\r\n    transition: 0.5s;\r\n}\r\n\r\n.o-nav-item.active {\r\n    color: var(--o-neon);\r\n    border-left-color: var(--o-neon);\r\n    text-shadow: 0 0 10px rgba(236, 72, 153, 0.5);\r\n}\r\n\r\n\/* 2. MAIN CONTENT STACK *\/\r\n.o-content-stack {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 100px;\r\n}\r\n\r\n\/* BRIGHT H2 STYLING *\/\r\n.o-header h2 {\r\n    font-size: clamp(45px, 6vw, 75px);\r\n    line-height: 0.95;\r\n    font-weight: 800;\r\n    letter-spacing: -0.05em;\r\n    margin-bottom: 40px;\r\n    \/* Bright Gradient Effect *\/\r\n    background: linear-gradient(to right, #fff, var(--o-accent), var(--o-neon));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n    filter: drop-shadow(0 5px 15px rgba(99, 102, 241, 0.2));\r\n}\r\n\r\n.o-header h2 span {\r\n    font-family: 'Playfair Display', serif;\r\n    font-style: italic;\r\n    font-weight: 400;\r\n    \/* High contrast white for the italicized parts *\/\r\n    -webkit-text-fill-color: #ffffff;\r\n}\r\n\r\n\/* 3. PREMIUM SECTOR CARDS *\/\r\n.o-sector-card {\r\n    position: relative;\r\n    background: linear-gradient(135deg, rgba(30, 41, 59, 0.4) 0%, rgba(15, 23, 42, 0.8) 100%);\r\n    backdrop-filter: blur(20px);\r\n    padding: 50px;\r\n    border-radius: 40px;\r\n    border: 1px solid var(--o-border);\r\n    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.o-sector-card:hover {\r\n    border-color: var(--o-accent);\r\n    transform: translateX(15px);\r\n    box-shadow: 0 40px 100px -20px rgba(0,0,0,0.5);\r\n}\r\n\r\n.o-card-num {\r\n    font-size: 12px;\r\n    font-weight: 800;\r\n    color: var(--o-neon);\r\n    letter-spacing: 5px;\r\n    margin-bottom: 20px;\r\n    display: block;\r\n}\r\n\r\n\/* Bright H3 inside cards *\/\r\n.o-sector-card h3 {\r\n    font-size: 32px;\r\n    margin-bottom: 20px;\r\n    color: var(--o-accent);\r\n    font-weight: 700;\r\n}\r\n\r\n.o-sector-card p {\r\n    font-size: 18px;\r\n    line-height: 1.8;\r\n    color: var(--o-text-dim);\r\n}\r\n\r\n\/* 4. CINEMATIC STICKY IMAGE *\/\r\n.o-sticky-visual {\r\n    position: sticky;\r\n    top: 100px;\r\n    height: 750px;\r\n    border-radius: 60px;\r\n    overflow: hidden;\r\n    border: 1px solid var(--o-border);\r\n}\r\n\r\n.o-sticky-visual img {\r\n    width: 100%; height: 100%;\r\n    object-fit: cover;\r\n    filter: grayscale(100%) contrast(1.1) brightness(0.7);\r\n    transition: 1s ease;\r\n}\r\n\r\n.o-sticky-visual:hover img {\r\n    filter: grayscale(0%) brightness(0.8);\r\n    scale: 1.1;\r\n}\r\n\r\n\/* 5. CULTURE DARK BENTO *\/\r\n.o-bento-grid {\r\n    grid-column: span 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 25px;\r\n}\r\n\r\n.o-bento-box {\r\n    background: var(--o-card);\r\n    padding: 40px;\r\n    border-radius: 35px;\r\n    border: 1px solid var(--o-border);\r\n    transition: 0.4s;\r\n}\r\n\r\n.o-bento-box:hover {\r\n    background: #1e293b;\r\n    border-color: var(--o-neon);\r\n}\r\n\r\n.o-bento-box strong {\r\n    font-size: 11px;\r\n    color: var(--o-neon); \/* Brighter label *\/\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 15px;\r\n    display: block;\r\n}\r\n\r\n@media (max-width: 1200px) {\r\n    .o-layout-grid { grid-template-columns: 1fr; }\r\n    .o-scroll-nav, .o-sticky-visual { display: none; }\r\n    .o-bento-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"obsidian-container\" id=\"obsidianTrigger\">\r\n    <div class=\"obsidian-glow\"><\/div>\r\n    \r\n    <div class=\"o-layout-grid\">\r\n        \r\n        <nav class=\"o-scroll-nav\">\r\n            <div class=\"o-nav-item active\">Intro<\/div>\r\n            <div class=\"o-nav-item\">IT Sector<\/div>\r\n            <div class=\"o-nav-item\">Startups<\/div>\r\n            <div class=\"o-nav-item\">Research<\/div>\r\n            <div class=\"o-nav-item\">Industrial<\/div>\r\n            <div class=\"o-nav-item\">Culture<\/div>\r\n        <\/nav>\r\n\r\n        <div class=\"o-content-stack\">\r\n            \r\n            <header class=\"o-header o-reveal\">\r\n                <span class=\"o-card-num\">INSIGHTS<\/span>\r\n                <h2>The <span>Silicon<\/span> <br>Economic Landscape<\/h2>\r\n                <div class=\"o-sector-card\" style=\"background:transparent; border:none; padding: 0;\">\r\n                    <p>Bangalore, officially known as Bengaluru, is more than just a city\u2014it\u2019s a symbol of modern India. Located in southern India, this thriving metropolis is the capital of Karnataka and a global name when it comes to innovation, information technology, and entrepreneurship.<\/p>\r\n                <\/div>\r\n            <\/header>\r\n\r\n            <article class=\"o-sector-card o-reveal\">\r\n                <span class=\"o-card-num\">01. TECHNOLOGY<\/span>\r\n                <h3>Information Technology (IT)<\/h3>\r\n                <p>Bangalore is home to major IT parks such as Electronic City, Whitefield, and Manyata Tech Park. Companies like Infosys, Wipro, and TCS have a huge presence here, along with global brands like Google, IBM, and Microsoft. Known for its pleasant weather, lush greenery, and cosmopolitan culture, Bangalore is one of the fastest-growing cities in Asia.<\/p>\r\n            <\/article>\r\n\r\n            <article class=\"o-sector-card o-reveal\">\r\n                <span class=\"o-card-num\">02. VENTURES<\/span>\r\n                <h3>Startups and Entrepreneurship<\/h3>\r\n                <p>Bangalore leads the country in startups. With a high concentration of incubators, accelerators, and funding opportunities, the city is a natural fit for tech-based entrepreneurship and product innovation. From world-class startups to global tech giants, this city has earned its title as the Silicon Valley of India.<\/p>\r\n            <\/article>\r\n\r\n            <article class=\"o-sector-card o-reveal\">\r\n                <span class=\"o-card-num\">03. KNOWLEDGE<\/span>\r\n                <h3>Education and Research<\/h3>\r\n                <p>With institutions like IISc, IIM Bangalore, and NLSIU, the city attracts top talent from across India. Bangalore\u2019s education ecosystem fuels its skilled workforce and research-driven industries. But Bangalore isn\u2019t just about software. It\u2019s a place where tradition meets progress.<\/p>\r\n            <\/article>\r\n\r\n            <article class=\"o-sector-card o-reveal\">\r\n                <span class=\"o-card-num\">04. CORE INDUSTRIES<\/span>\r\n                <h3>Manufacturing and Aerospace<\/h3>\r\n                <p>HAL (Hindustan Aeronautics Limited), ISRO, and other government-run defense and aerospace units are based in Bangalore. The city also plays a growing role in biotechnology, electronics, and hardware manufacturing.<\/p>\r\n            <\/article>\r\n\r\n            <article class=\"o-sector-card o-reveal\">\r\n                <span class=\"o-card-num\">05. GROWTH<\/span>\r\n                <h3>Retail, Real Estate, and Hospitality<\/h3>\r\n                <p>From luxury malls to global hotel chains and rapidly expanding real estate projects, the city offers unmatched lifestyle and investment opportunities where ancient temples stand next to modern co-working spaces.<\/p>\r\n            <\/article>\r\n\r\n            <div class=\"o-header o-reveal\">\r\n                <span class=\"o-card-num\">LIFESTYLE<\/span>\r\n                <h2>City <span>Soul<\/span> & Culture<\/h2>\r\n                <p style=\"color: var(--o-text-dim); margin-bottom: 40px;\">People from across the country\u2014and increasingly the world\u2014have made this city home. As a result, it\u2019s a blend of languages, food, traditions, and ideas.<\/p>\r\n                \r\n                <div class=\"o-bento-grid\">\r\n                    <div class=\"o-bento-box\">\r\n                        <strong>Linguistic<\/strong>\r\n                        <p style=\"margin:0; font-size:16px;\">Kannada, English, Hindi, Tamil, Telugu<\/p>\r\n                    <\/div>\r\n                    <div class=\"o-bento-box\" style=\"background: var(--o-accent);\">\r\n                        <strong>Gastronomy<\/strong>\r\n                        <p style=\"margin:0; font-size:16px; color:white;\">Filter coffee, microbreweries, and Idli-dosa breakfasts.<\/p>\r\n                    <\/div>\r\n                    <div class=\"o-bento-box\">\r\n                        <strong>Festivity<\/strong>\r\n                        <p style=\"margin:0; font-size:16px;\">Karaga, Ugadi, Diwali, Eid, Christmas<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n                <p style=\"margin-top: 30px; font-style: italic; color: var(--o-neon); font-weight: 600;\">This rich cultural mix makes Bangalore an inclusive and vibrant place to live and work.<\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"o-sticky-visual\">\r\n            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/In-House-Marketing-vs-Agency-vs-Freelancer-e1768480232447.webp\" alt=\"Bangalore Night Economy\">\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    if (typeof gsap !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        \/\/ Individual Card Reveals\r\n        gsap.utils.toArray(\".o-reveal\").forEach((card, i) => {\r\n            gsap.from(card, {\r\n                opacity: 0,\r\n                y: 40,\r\n                duration: 1,\r\n                scrollTrigger: {\r\n                    trigger: card,\r\n                    start: \"top 85%\",\r\n                    toggleActions: \"play none none none\"\r\n                }\r\n            });\r\n\r\n            \/\/ Navigation Update Logic\r\n            ScrollTrigger.create({\r\n                trigger: card,\r\n                start: \"top center\",\r\n                end: \"bottom center\",\r\n                onEnter: () => updateNav(i),\r\n                onEnterBack: () => updateNav(i)\r\n            });\r\n        });\r\n\r\n        function updateNav(index) {\r\n            const items = document.querySelectorAll('.o-nav-item');\r\n            items.forEach(item => item.classList.remove('active'));\r\n            if(items[index]) items[index].classList.add('active');\r\n        }\r\n\r\n        \/\/ Mouse Move Glow Effect\r\n        const container = document.querySelector('.obsidian-container');\r\n        container.addEventListener('mousemove', (e) => {\r\n            const glow = document.querySelector('.obsidian-glow');\r\n            const x = e.clientX;\r\n            const y = e.clientY;\r\n            gsap.to(glow, { x: x * 0.1, y: y * 0.1, duration: 2, ease: \"power2.out\" });\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fa2718d elementor-widget elementor-widget-html\" data-id=\"fa2718d\" 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<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:root {\r\n    --agency-primary: #4f46e5;       \/* Indigo *\/\r\n    --agency-secondary: #ec4899;     \/* Pink *\/\r\n    --agency-bg: #f8fafc;            \/* Light Background *\/\r\n    --agency-text: #1e293b;          \/* Slate Main *\/\r\n    --agency-text-sub: #64748b;      \/* Slate Sub *\/\r\n    --agency-border: rgba(0,0,0,0.06);\r\n    --agency-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n    \r\n    \/* DEFINED DARKER PINK HOVER COMBO *\/\r\n    --agency-hover-bg: linear-gradient(135deg, #fbcfe8 0%, #f9a8d4 100%); \r\n    --pink-dark: #be185d; \/* Dark Magenta for text contrast on hover *\/\r\n}\r\n\r\n.elite-agency-section {\r\n    background-color: var(--agency-bg);\r\n    padding: clamp(80px, 10vw, 160px) 0;\r\n    font-family: 'Outfit', sans-serif;\r\n    color: var(--agency-text);\r\n    position: relative;\r\n}\r\n\r\n.elite-container {\r\n    max-width: 1350px;\r\n    margin: 0 auto;\r\n    padding: 0 5%;\r\n    position: relative;\r\n    z-index: 1;\r\n}\r\n\r\n\/* --- Professional Header --- *\/\r\n.elite-header {\r\n    max-width: 800px;\r\n    margin-bottom: 80px;\r\n}\r\n\r\n.elite-label {\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    text-transform: uppercase;\r\n    letter-spacing: 3px;\r\n    color: var(--agency-primary);\r\n    margin-bottom: 20px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 12px;\r\n}\r\n\r\n.elite-label::before {\r\n    content: \"\";\r\n    width: 35px;\r\n    height: 2px;\r\n    background: linear-gradient(90deg, var(--agency-primary), var(--agency-secondary));\r\n}\r\n\r\n.elite-title {\r\n    font-size: clamp(36px, 5vw, 68px);\r\n    font-weight: 800;\r\n    line-height: 1.1;\r\n    letter-spacing: -0.03em;\r\n    color: var(--agency-text);\r\n    margin: 0;\r\n}\r\n\r\n.elite-title span {\r\n    background: linear-gradient(90deg, var(--agency-primary), var(--agency-secondary));\r\n    -webkit-background-clip: text;\r\n    -webkit-text-fill-color: transparent;\r\n}\r\n\r\n\/* --- Service Grid --- *\/\r\n.elite-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 1px; \r\n    background: var(--agency-border);\r\n    border: 1px solid var(--agency-border);\r\n    border-radius: 24px;\r\n    overflow: hidden;\r\n    box-shadow: 0 20px 50px rgba(0,0,0,0.03);\r\n}\r\n\r\n.elite-card {\r\n    background: white;\r\n    padding: 60px 45px;\r\n    transition: var(--agency-ease) 0.6s;\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\r\n}\r\n\r\n\/* VISIBLE PINK REVEAL OVERLAY *\/\r\n.elite-card::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 0;\r\n    background: var(--agency-hover-bg);\r\n    z-index: 1;\r\n    transition: var(--agency-ease) 0.6s;\r\n}\r\n\r\n.elite-card:hover::after {\r\n    height: 100%;\r\n}\r\n\r\n.elite-card-content {\r\n    position: relative;\r\n    z-index: 2;\r\n    transition: var(--agency-ease) 0.6s;\r\n}\r\n\r\n.elite-card-num {\r\n    font-size: 14px;\r\n    font-weight: 800;\r\n    margin-bottom: 35px;\r\n    display: block;\r\n    color: var(--agency-primary);\r\n    opacity: 0.6;\r\n    transition: all 0.4s;\r\n}\r\n\r\n.elite-card:hover .elite-card-num {\r\n    color: var(--pink-dark); \/* Dark pink for visibility *\/\r\n    opacity: 1;\r\n}\r\n\r\n.elite-card h3 {\r\n    font-size: 26px;\r\n    font-weight: 700;\r\n    margin-bottom: 18px;\r\n    letter-spacing: -0.01em;\r\n}\r\n\r\n.elite-card p {\r\n    font-size: 16px;\r\n    line-height: 1.7;\r\n    color: var(--agency-text-sub);\r\n    font-weight: 400;\r\n    transition: color 0.4s;\r\n}\r\n\r\n.elite-card:hover p {\r\n    color: var(--agency-text);\r\n}\r\n\r\n.elite-card-link {\r\n    margin-top: 35px;\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 10px;\r\n    font-weight: 700;\r\n    font-size: 13px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 1px;\r\n    color: var(--agency-primary);\r\n    transition: all 0.3s;\r\n}\r\n\r\n.elite-card:hover .elite-card-link {\r\n    transform: translateX(10px);\r\n    color: var(--pink-dark); \/* Dark pink link on hover *\/\r\n}\r\n\r\n\/* Animations *\/\r\n.gs-reveal-up { opacity: 0; transform: translateY(50px); }\r\n\r\n@media (max-width: 1024px) {\r\n    .elite-grid { grid-template-columns: repeat(2, 1fr); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n    .elite-grid { grid-template-columns: 1fr; }\r\n    .elite-card { padding: 45px 30px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"elite-agency-section\" id=\"eliteTrigger\">\r\n    <div class=\"elite-container\">\r\n        \r\n        <div class=\"elite-header\">\r\n            <span class=\"elite-label gs-reveal-up\">Digital Authority<\/span>\r\n            <h2 class=\"elite-title gs-reveal-up\">Digital Growth in <span>Bangalore<\/span> & Beyond.<\/h2>\r\n            <p class=\"gs-reveal-up\" style=\"margin-top: 25px; font-size: 18px; color: var(--agency-text-sub); line-height: 1.6;\">\r\n                With the highest internet penetration in Karnataka, Bangalore is the catalyst of India\u2019s digital revolution. We bridge the gap between innovation and market dominance.\r\n            <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"elite-grid\">\r\n            \r\n            <div class=\"elite-card gs-reveal-up\">\r\n                <div class=\"elite-card-content\">\r\n                    <span class=\"elite-card-num\">\/ 01<\/span>\r\n                    <h3>Tech-Savvy Focus<\/h3>\r\n                    <p>Leveraging a young, digitally-aware population that demands high-fidelity online experiences and seamless tech interaction.<\/p>\r\n                    <div class=\"elite-card-link\">Target Talent &rarr;<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"elite-card gs-reveal-up\">\r\n                <div class=\"elite-card-content\">\r\n                    <span class=\"elite-card-num\">\/ 02<\/span>\r\n                    <h3>Mobile Penetration<\/h3>\r\n                    <p>Optimizing for the highest smartphone and internet usage rates in the country to ensure your brand is always within reach.<\/p>\r\n                    <div class=\"elite-card-link\">Mobile Strategy &rarr;<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"elite-card gs-reveal-up\">\r\n                <div class=\"elite-card-content\">\r\n                    <span class=\"elite-card-num\">\/ 03<\/span>\r\n                    <h3>E-Commerce Scale<\/h3>\r\n                    <p>Tapping into Bangalore's aggressive e-commerce growth and the rapid adoption of digital payment ecosystems.<\/p>\r\n                    <div class=\"elite-card-link\">Drive Revenue &rarr;<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"elite-card gs-reveal-up\">\r\n                <div class=\"elite-card-content\">\r\n                    <span class=\"elite-card-num\">\/ 04<\/span>\r\n                    <h3>Digital Literacy<\/h3>\r\n                    <p>Designing content and strategies that resonate with a highly educated demographic that values data and digital transparency.<\/p>\r\n                    <div class=\"elite-card-link\">Brand Education &rarr;<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"elite-card gs-reveal-up\">\r\n                <div class=\"elite-card-content\">\r\n                    <span class=\"elite-card-num\">\/ 05<\/span>\r\n                    <h3>Local Relevance<\/h3>\r\n                    <p>From local restaurants to coaching centers, we build hyper-local visibility that turns proximity into profit.<\/p>\r\n                    <div class=\"elite-card-link\">Local SEO &rarr;<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"elite-card gs-reveal-up\">\r\n                <div class=\"elite-card-content\">\r\n                    <span class=\"elite-card-num\">\/ 06<\/span>\r\n                    <h3>B2B Dominance<\/h3>\r\n                    <p>Strategic frameworks for software firms and real estate giants where a strong online presence isn't optional\u2014it's critical.<\/p>\r\n                    <div class=\"elite-card-link\">Scale B2B &rarr;<\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\n    if (typeof gsap !== \"undefined\") {\r\n        gsap.registerPlugin(ScrollTrigger);\r\n\r\n        gsap.to(\".gs-reveal-up\", {\r\n            opacity: 1,\r\n            y: 0,\r\n            duration: 1.2,\r\n            stagger: 0.12,\r\n            ease: \"power4.out\",\r\n            scrollTrigger: {\r\n                trigger: \"#eliteTrigger\",\r\n                start: \"top 75%\"\r\n            }\r\n        });\r\n    }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a67ea76 elementor-widget elementor-widget-html\" data-id=\"a67ea76\" 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&family=Playfair+Display:ital,wght@1,400;1,700&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\r\n\r\n<style>\r\n:root {\r\n  --o-bg: #030712;         \/* Deepest Obsidian *\/\r\n  --o-card: #0f172a;       \/* Slate Blue-Dark *\/\r\n  --o-accent: #6366f1;     \/* Vivid Indigo *\/\r\n  --o-neon: #ec4899;       \/* Electric Pink *\/\r\n  --o-text: #f8fafc;       \/* Off White *\/\r\n  --o-text-dim: #94a3b8;   \/* Muted Slate *\/\r\n  --o-border: rgba(255, 255, 255, 0.08);\r\n  --o-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.elite-audit-section {\r\n  padding: clamp(80px, 12vw, 160px) 5%;\r\n  background-color: var(--o-bg);\r\n  font-family: 'Outfit', sans-serif;\r\n  color: var(--o-text);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n\/* Background Parallax Text *\/\r\n.elite-bg-text {\r\n  position: absolute;\r\n  right: -50px;\r\n  top: 20%;\r\n  transform: rotate(90deg);\r\n  font-size: clamp(80px, 10vw, 120px);\r\n  font-weight: 900;\r\n  color: rgba(99, 102, 241, 0.05);\r\n  font-family: 'Playfair Display', serif;\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n}\r\n\r\n.elite-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n}\r\n\r\n\/* Floating Top-Left Image *\/\r\n.elite-top-image {\r\n  position: absolute;\r\n  top: -40px;\r\n  left: 0;\r\n  width: clamp(120px, 15vw, 180px);\r\n  height: clamp(150px, 20vw, 220px);\r\n  border-radius: 20px;\r\n  overflow: hidden;\r\n  border: 1px solid var(--o-border);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.5);\r\n  z-index: 5;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n}\r\n\r\n.elite-top-image img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  filter: brightness(0.8) contrast(1.2);\r\n}\r\n\r\n.elite-header {\r\n  margin-bottom: 100px;\r\n  max-width: 800px;\r\n  padding-left: clamp(140px, 18vw, 210px); \r\n}\r\n\r\n.elite-tag {\r\n  display: inline-block;\r\n  padding: 6px 15px;\r\n  background: var(--o-neon);\r\n  color: white;\r\n  font-size: 10px;\r\n  font-weight: 800;\r\n  letter-spacing: 3px;\r\n  text-transform: uppercase;\r\n  margin-bottom: 25px;\r\n  border-radius: 4px;\r\n  opacity: 0;\r\n}\r\n\r\n\/* BRIGHT MAIN HEADER *\/\r\n.elite-main-title {\r\n  font-size: clamp(38px, 6vw, 62px);\r\n  line-height: 1.1;\r\n  margin-bottom: 30px;\r\n  font-weight: 800;\r\n  opacity: 0;\r\n  \/* Multi-color bright gradient *\/\r\n  background: linear-gradient(to right, #ffffff, var(--o-neon), var(--o-accent));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  filter: drop-shadow(0 0 10px rgba(99, 102, 241, 0.3));\r\n}\r\n\r\n.elite-intro {\r\n  font-size: 18px;\r\n  line-height: 1.8;\r\n  color: var(--o-text-dim);\r\n  opacity: 0;\r\n}\r\n\r\n\/* Timeline Audit Flow *\/\r\n.elite-audit-flow {\r\n  position: relative;\r\n  padding: 40px 0;\r\n}\r\n\r\n.elite-audit-flow::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 20px;\r\n  top: 0;\r\n  width: 1px;\r\n  height: 100%;\r\n  background: linear-gradient(to bottom, var(--o-neon), var(--o-accent), transparent);\r\n  opacity: 0.3;\r\n}\r\n\r\n.elite-audit-step {\r\n  position: relative;\r\n  padding-left: 70px;\r\n  margin-bottom: 80px;\r\n  opacity: 0;\r\n  transform: translateX(-30px);\r\n}\r\n\r\n.elite-step-marker {\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  width: 40px;\r\n  height: 40px;\r\n  background: var(--o-card);\r\n  border: 1px solid var(--o-accent);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  z-index: 2;\r\n  transition: 0.5s var(--o-ease);\r\n  font-weight: 700;\r\n  font-size: 14px;\r\n  color: var(--o-accent);\r\n}\r\n\r\n.elite-audit-step:hover .elite-step-marker {\r\n  background: var(--o-neon);\r\n  border-color: var(--o-neon);\r\n  color: white;\r\n  box-shadow: 0 0 20px rgba(236, 72, 153, 0.4);\r\n}\r\n\r\n\/* BRIGHT STEP HEADERS *\/\r\n.elite-step-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-style: italic;\r\n  font-size: 32px;\r\n  margin-bottom: 35px;\r\n  background: linear-gradient(to right, var(--o-accent), #ffffff);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  display: inline-block;\r\n}\r\n\r\n.elite-list-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\r\n  gap: 20px;\r\n}\r\n\r\n.elite-list-item {\r\n  background: var(--o-card);\r\n  padding: 30px;\r\n  border-radius: 20px;\r\n  border: 1px solid var(--o-border);\r\n  transition: 0.4s var(--o-ease);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  color: var(--o-text-dim);\r\n}\r\n\r\n.elite-list-item strong {\r\n  color: #fff;\r\n  display: block;\r\n  font-size: 18px;\r\n  margin-bottom: 8px;\r\n}\r\n\r\n.elite-list-item:hover {\r\n  border-color: var(--o-neon);\r\n  transform: translateY(-5px);\r\n  background: rgba(255,255,255,0.02);\r\n}\r\n\r\n.elite-footer-note {\r\n  margin-top: 60px;\r\n  padding: 40px 70px;\r\n  border-left: 3px solid var(--o-neon);\r\n  background: var(--o-card);\r\n  border-radius: 0 20px 20px 0;\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n  opacity: 0;\r\n  color: var(--o-text-dim);\r\n}\r\n\r\n.elite-footer-note strong {\r\n  color: var(--o-neon);\r\n  text-transform: uppercase;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .elite-header { padding-left: 0; margin-top: 180px; }\r\n  .elite-top-image { top: 0; width: 140px; height: 180px; }\r\n  .elite-audit-flow::before { left: 15px; }\r\n  .elite-step-marker { width: 30px; height: 30px; left: 0; }\r\n  .elite-audit-step { padding-left: 45px; }\r\n  .elite-footer-note { padding: 30px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"elite-audit-section\" id=\"eliteTrigger\">\r\n  <div class=\"elite-bg-text\">SCALABILITY<\/div>\r\n  \r\n  <div class=\"elite-container\">\r\n    <div class=\"elite-top-image gs-img\">\r\n      <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/In-House-Marketing-vs-Agency-vs-Freelancer-e1768480232447.webp\" alt=\"Bangalore Growth\">\r\n    <\/div>\r\n\r\n    <div class=\"elite-header\">\r\n      <span class=\"elite-tag gs-reveal\">Strategic Advantage<\/span>\r\n      <h2 class=\"elite-main-title gs-reveal\">How Bangalore Businesses <br>Benefit from Going Digital<\/h2>\r\n      <p class=\"elite-intro gs-reveal\">\r\n        In a city that never slows down, digital presence ensures you\u2019re always visible and relevant. Here\u2019s how digital marketing creates real impact across sectors:\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"elite-audit-flow\">\r\n      <div class=\"elite-audit-step gs-step\">\r\n        <div class=\"elite-step-marker\">01<\/div>\r\n        <h3 class=\"elite-step-title\">Retail & Lifestyle<\/h3>\r\n        <div class=\"elite-list-grid\">\r\n          <div class=\"elite-list-item\">\r\n            <strong>Local Retail<\/strong>\r\n            Increased footfall via hyper-targeted local SEO and Google Maps optimization.\r\n          <\/div>\r\n          <div class=\"elite-list-item\">\r\n            <strong>Restaurants<\/strong>\r\n            Higher visibility on maps and review sites, driving weekend surges and bookings.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"elite-audit-step gs-step\">\r\n        <div class=\"elite-step-marker\">02<\/div>\r\n        <h3 class=\"elite-step-title\">Tech & Professional<\/h3>\r\n        <div class=\"elite-list-grid\">\r\n          <div class=\"elite-list-item\">\r\n            <strong>Tech Startups<\/strong>\r\n            Establishing thought leadership via strategic content and global-scale SEO.\r\n          <\/div>\r\n          <div class=\"elite-list-item\">\r\n            <strong>Healthcare<\/strong>\r\n            Building patient trust and streamlining appointment bookings through digital authority.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"elite-footer-note gs-reveal\">\r\n      At <strong>Visionary Tech<\/strong>, we prioritise digital frameworks that respect the dynamic behavior of the Bangalore market, ensuring your brand stands out in the silicon crowd.\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\nwindow.addEventListener('load', () => {\r\n  if (typeof gsap !== \"undefined\") {\r\n    gsap.registerPlugin(ScrollTrigger);\r\n\r\n    const tl = gsap.timeline({\r\n      scrollTrigger: {\r\n        trigger: \"#eliteTrigger\",\r\n        start: \"top 75%\"\r\n      }\r\n    });\r\n\r\n    tl.to(\".gs-img\", { opacity: 1, y: 0, duration: 1.2, ease: \"power4.out\" })\r\n      .to(\".gs-reveal\", { opacity: 1, y: 0, duration: 1, stagger: 0.2 }, \"-=0.8\")\r\n      .to(\".gs-step\", {\r\n        opacity: 1,\r\n        x: 0,\r\n        duration: 1.2,\r\n        stagger: 0.4,\r\n        ease: \"power4.out\"\r\n      }, \"-=0.6\");\r\n\r\n    gsap.to(\".elite-bg-text\", {\r\n      y: -150,\r\n      scrollTrigger: {\r\n        trigger: \"#eliteTrigger\",\r\n        start: \"top bottom\",\r\n        end: \"bottom top\",\r\n        scrub: 1\r\n      }\r\n    });\r\n  }\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b8c8140 elementor-widget elementor-widget-html\" data-id=\"b8c8140\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script 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:root {\r\n  --detail-indigo: #4f46e5;      \/* Indigo Primary *\/\r\n  --detail-pink: #ec4899;        \/* Pink Secondary *\/\r\n  --detail-bg: #f8fafc;          \/* Light Slate Background *\/\r\n  --detail-text: #1e293b;        \/* Slate Main Text *\/\r\n  --detail-text-sub: #64748b;    \/* Slate Sub Text *\/\r\n  --detail-white: #ffffff;\r\n}\r\n\r\n.detail-section {\r\n  padding: clamp(100px, 15vh, 200px) 0;\r\n  background-color: var(--detail-bg);\r\n  font-family: 'Outfit', sans-serif; \/* Matching the previous font *\/\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\r\n.detail-container {\r\n  max-width: 1400px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 60px;\r\n  padding: 0 5%;\r\n}\r\n\r\n\/* --- Vertical Side Label --- *\/\r\n.detail-side-label {\r\n  writing-mode: vertical-rl;\r\n  text-transform: uppercase;\r\n  letter-spacing: 12px;\r\n  font-size: 12px;\r\n  color: var(--detail-pink);\r\n  font-weight: 800;\r\n  opacity: 0.5;\r\n  border-left: 2px solid var(--detail-indigo);\r\n  padding-left: 15px;\r\n  height: 250px;\r\n}\r\n\r\n\/* --- The Visual Block --- *\/\r\n.detail-visual-front {\r\n  flex: 1;\r\n  position: relative;\r\n  z-index: 10;\r\n}\r\n\r\n.detail-image-frame {\r\n  width: 100%;\r\n  aspect-ratio: 1\/1;\r\n  background: var(--detail-white);\r\n  padding: 20px;\r\n  box-shadow: 40px 40px 80px rgba(79, 70, 229, 0.08);\r\n  transform: rotate(-2deg);\r\n  border-radius: 24px; \/* Matching the grid's roundness *\/\r\n}\r\n\r\n.detail-image-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  display: block;\r\n  border-radius: 12px;\r\n}\r\n\r\n\/* Floating Caption Box *\/\r\n.detail-image-caption {\r\n  position: absolute;\r\n  top: -20px;\r\n  right: -20px;\r\n  background: linear-gradient(135deg, var(--detail-indigo) 0%, var(--detail-pink) 100%);\r\n  color: var(--detail-white);\r\n  padding: 25px 35px;\r\n  font-weight: 700;\r\n  font-size: 18px;\r\n  z-index: 11;\r\n  box-shadow: 15px 15px 40px rgba(236, 72, 153, 0.2);\r\n  border-radius: 12px;\r\n}\r\n\r\n\/* --- Content Column --- *\/\r\n.detail-content {\r\n  flex: 1.2;\r\n  padding-left: 40px;\r\n}\r\n\r\n.detail-title {\r\n  font-size: clamp(36px, 4.5vw, 56px);\r\n  font-weight: 800;\r\n  color: var(--detail-text);\r\n  line-height: 1.1;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.detail-title span {\r\n  background: linear-gradient(90deg, var(--detail-indigo), var(--detail-pink));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.detail-subtitle {\r\n  font-size: 18px;\r\n  color: var(--detail-text-sub);\r\n  line-height: 1.6;\r\n  margin-bottom: 40px;\r\n}\r\n\r\n.detail-list {\r\n  list-style: none;\r\n  padding: 0;\r\n}\r\n\r\n.detail-item {\r\n  border-bottom: 1px solid rgba(0,0,0,0.06);\r\n  padding: 30px 0;\r\n  display: flex;\r\n  gap: 25px;\r\n  opacity: 0;\r\n  transform: translateX(50px);\r\n}\r\n\r\n.detail-item-num {\r\n  font-size: 24px;\r\n  font-weight: 800;\r\n  color: var(--detail-pink);\r\n  min-width: 45px;\r\n}\r\n\r\n.detail-item-text h3 {\r\n  font-size: 22px;\r\n  font-weight: 700;\r\n  margin-bottom: 12px;\r\n  color: var(--detail-indigo);\r\n}\r\n\r\n.detail-item-text p {\r\n  font-size: 16px;\r\n  color: var(--detail-text-sub);\r\n  line-height: 1.7;\r\n}\r\n\r\n.detail-footer-text {\r\n  margin-top: 40px;\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  color: var(--detail-text);\r\n  line-height: 1.6;\r\n  border-left: 4px solid var(--detail-pink);\r\n  padding-left: 20px;\r\n}\r\n\r\n@media (max-width: 992px) {\r\n  .detail-container { flex-direction: column; }\r\n  .detail-side-label { display: none; }\r\n  .detail-image-frame { transform: rotate(0); }\r\n  .detail-content { padding-left: 0; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"detail-section\" id=\"detailTrigger\">\r\n  <div class=\"detail-container\">\r\n    \r\n    <div class=\"detail-side-label\">Market Dominance<\/div>\r\n\r\n    <div class=\"detail-visual-front\" id=\"gsFrontImg\">\r\n      <div class=\"detail-image-frame\">\r\n        <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/06\/SEO-Services-for-Real-Estate-in-Bangalore3.webp\" alt=\"Bangalore Growth\">\r\n      <\/div>\r\n      <div class=\"detail-image-caption\">Growth Catalyst<\/div>\r\n    <\/div>\r\n\r\n    <div class=\"detail-content\">\r\n      <h2 class=\"detail-title\">Why Businesses in <span>Bangalore<\/span> Need Digital Marketing<\/h2>\r\n      <p class=\"detail-subtitle\">Despite the high competition and digital maturity, many businesses in Bangalore still face challenges like:<\/p>\r\n      \r\n      <div class=\"detail-list\">\r\n        <div class=\"detail-item gs-item\">\r\n          <div class=\"detail-item-num\">01<\/div>\r\n          <div class=\"detail-item-text\">\r\n            <h3>Visibility & Performance<\/h3>\r\n            <p>Low visibility on search engines and weak social media engagement often stall growth, while poor website performance alienates potential customers.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"detail-item gs-item\">\r\n          <div class=\"detail-item-num\">02<\/div>\r\n          <div class=\"detail-item-text\">\r\n            <h3>Strategic Efficiency<\/h3>\r\n            <p>Unfocused ad spending with low returns and inconsistent online branding make it difficult to scale effectively in a tech-driven hub.<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"detail-footer-text gs-item\" style=\"opacity:0\">\r\n        To stay competitive, Bangalore-based businesses need to stand out where it matters most\u2014online. This is where digital marketing becomes a crucial growth driver.\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const initDetail = () => {\r\n    if (typeof gsap !== \"undefined\") {\r\n      gsap.registerPlugin(ScrollTrigger);\r\n\r\n      \/\/ Entrance Animations\r\n      gsap.from(\"#gsFrontImg\", {\r\n        scale: 0.8,\r\n        rotate: -10,\r\n        opacity: 0,\r\n        duration: 1.5,\r\n        ease: \"power4.out\",\r\n        scrollTrigger: {\r\n          trigger: \"#detailTrigger\",\r\n          start: \"top 70%\"\r\n        }\r\n      });\r\n\r\n      gsap.from(\".detail-image-caption\", {\r\n        x: -50,\r\n        opacity: 0,\r\n        duration: 1.2,\r\n        delay: 0.5,\r\n        ease: \"power3.out\",\r\n        scrollTrigger: {\r\n          trigger: \"#detailTrigger\",\r\n          start: \"top 70%\"\r\n        }\r\n      });\r\n\r\n      gsap.to(\".gs-item\", {\r\n        opacity: 1,\r\n        x: 0,\r\n        duration: 1,\r\n        stagger: 0.2,\r\n        ease: \"power2.out\",\r\n        scrollTrigger: {\r\n          trigger: \".detail-list\",\r\n          start: \"top 80%\"\r\n        }\r\n      });\r\n\r\n      \/\/ Subtle Scroll Effect\r\n      gsap.to(\".detail-image-frame\", {\r\n        rotate: 2,\r\n        scrollTrigger: {\r\n          trigger: \"#detailTrigger\",\r\n          start: \"top bottom\",\r\n          end: \"bottom top\",\r\n          scrub: true\r\n        }\r\n      });\r\n\r\n    } else {\r\n      setTimeout(initDetail, 100);\r\n    }\r\n  };\r\n  initDetail();\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb11f4e elementor-widget elementor-widget-html\" data-id=\"fb11f4e\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script 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:root {\r\n  --aspire-indigo: #4f46e5;\r\n  --aspire-pink: #ec4899;\r\n  --aspire-bg: #0f172a; \r\n  --aspire-white: #ffffff;\r\n  --aspire-text-dim: #94a3b8;\r\n  --aspire-ease: cubic-bezier(0.23, 1, 0.32, 1);\r\n}\r\n\r\n.premium-cta-section {\r\n  padding: clamp(120px, 18vh, 200px) 20px 100px;\r\n  background-color: var(--aspire-bg);\r\n  text-align: center;\r\n  font-family: 'Outfit', sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n  color: var(--aspire-white);\r\n}\r\n\r\n\/* Subtle Animated Glows *\/\r\n.premium-cta-section::before {\r\n  content: '';\r\n  position: absolute;\r\n  top: -10%; left: -10%; width: 40%; height: 40%;\r\n  background: radial-gradient(circle, rgba(79, 70, 229, 0.15) 0%, transparent 70%);\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Parallax Watermark *\/\r\n.cta-watermark {\r\n  position: absolute;\r\n  top: 45%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  font-size: 15vw;\r\n  font-weight: 900;\r\n  background: linear-gradient(180deg, rgba(255,255,255,0.03) 0%, transparent 100%);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  letter-spacing: -0.05em;\r\n}\r\n\r\n.cta-container {\r\n  max-width: 1100px;\r\n  margin: 0 auto;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n.cta-tag {\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 5px;\r\n  color: var(--aspire-pink);\r\n  font-weight: 700;\r\n  margin-bottom: 24px;\r\n  display: inline-block;\r\n  padding: 8px 16px;\r\n  border: 1px solid rgba(236, 72, 153, 0.3);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cta-title {\r\n  font-size: clamp(40px, 6vw, 72px);\r\n  font-weight: 800;\r\n  line-height: 1.1;\r\n  margin-bottom: 30px;\r\n  letter-spacing: -0.03em;\r\n}\r\n\r\n\/* Header Gradient for Bangalore's Digital Future *\/\r\n.cta-title span {\r\n  background: linear-gradient(to right, #818cf8, #f472b6);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.cta-desc {\r\n  font-size: clamp(17px, 2vw, 21px);\r\n  line-height: 1.6;\r\n  color: var(--aspire-text-dim);\r\n  margin-bottom: 60px;\r\n  max-width: 750px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* Professional Card Grid *\/\r\n.cta-value-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n  gap: 20px;\r\n  margin-bottom: 80px;\r\n}\r\n\r\n.cta-value-card {\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px solid rgba(255, 255, 255, 0.08);\r\n  padding: 30px;\r\n  border-radius: 24px;\r\n  backdrop-filter: blur(10px);\r\n  transition: all 0.4s var(--aspire-ease);\r\n  text-align: left;\r\n}\r\n\r\n.cta-value-card:hover {\r\n  background: rgba(255, 255, 255, 0.06);\r\n  border-color: var(--aspire-pink);\r\n  transform: translateY(-10px);\r\n}\r\n\r\n.cta-value-card strong {\r\n  display: block;\r\n  font-size: 18px;\r\n  margin-bottom: 10px;\r\n  color: var(--aspire-white);\r\n}\r\n\r\n.cta-value-card p {\r\n  font-size: 14px;\r\n  color: var(--aspire-text-dim);\r\n  line-height: 1.5;\r\n  margin: 0;\r\n}\r\n\r\n\/* Premium Button Architecture *\/\r\n.cta-button-wrapper {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.main-cta-btn {\r\n  padding: 24px 60px;\r\n  font-size: 16px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 2px;\r\n  color: #ffffff !important; \r\n  background: var(--aspire-indigo);\r\n  border-radius: 100px;\r\n  text-decoration: none;\r\n  display: inline-block;\r\n  transition: all 0.5s var(--aspire-ease);\r\n  border: 1px solid rgba(255,255,255,0.1);\r\n  box-shadow: 0 20px 40px rgba(0,0,0,0.3);\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.main-cta-btn:hover {\r\n  background: var(--aspire-pink);\r\n  color: #ffffff !important; \r\n  transform: scale(1.05);\r\n  box-shadow: 0 30px 60px rgba(236, 72, 153, 0.2);\r\n}\r\n\r\n\/* Bottom Bar *\/\r\n.cta-bottom-bar {\r\n  margin-top: 120px;\r\n  padding-top: 60px;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n}\r\n\r\n.cta-footer-logo {\r\n  font-size: 28px;\r\n  font-weight: 800;\r\n  letter-spacing: -1px;\r\n  margin-bottom: 15px;\r\n}\r\n\r\n.cta-footer-logo span { color: var(--aspire-pink); }\r\n\r\n.cta-copy {\r\n  font-size: 12px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n  color: rgba(255,255,255,0.3);\r\n}\r\n\r\n.gs-reveal { opacity: 0; transform: translateY(30px); }\r\n\r\n@media (max-width: 768px) {\r\n  .cta-value-grid { grid-template-columns: 1fr; }\r\n  .main-cta-btn { width: 100%; box-sizing: border-box; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"premium-cta-section\" id=\"premiumCtaTrigger\">\r\n  <div class=\"cta-watermark\">BANGALORE<\/div>\r\n\r\n  <div class=\"cta-container\">\r\n    <div class=\"gs-reveal\">\r\n      <span class=\"cta-tag\">The Next Chapter<\/span>\r\n      <h2 class=\"cta-title\">\r\n        <span>Bangalore\u2019s<\/span> <br>\r\n        <span>Digital Future<\/span>\r\n      <\/h2>\r\n      \r\n      <p class=\"cta-desc\">\r\n        Bangalore is a place to grow, innovate, and connect. In a landscape defined by rapid evolution, your online strategy is the difference between leading the pack or being left behind.\r\n      <\/p>\r\n\r\n      <div class=\"cta-value-grid\">\r\n        <div class=\"cta-value-card\">\r\n          <strong>Startup Founders<\/strong>\r\n          <p>The right digital approach can take your brand to the next level.<\/p>\r\n        <\/div>\r\n        <div class=\"cta-value-card\">\r\n          <strong>Business Owners<\/strong>\r\n          <p>Turning your digital presence into a powerful business engine.<\/p>\r\n        <\/div>\r\n        <div class=\"cta-value-card\">\r\n          <strong>Modern Marketers<\/strong>\r\n          <p>Innovative strategies for a digitally aware population.<\/p>\r\n        <\/div>\r\n        <div class=\"cta-value-card\">\r\n          <strong>Aspire Digital<\/strong>\r\n          <p>We are here to help you reach that next level.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"cta-button-wrapper\">\r\n        <a href=\"https:\/\/aspiredigitalsolutions.in\/contact-us\"  class=\"main-cta-btn\">Elevate Your Presence<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"cta-bottom-bar gs-reveal\">\r\n      <div class=\"cta-footer-logo\">Aspire<span>.<\/span><\/div>\r\n      <p style=\"font-size: 15px; color: var(--aspire-text-dim); margin-bottom: 25px; max-width: 550px; margin-left: auto; margin-right: auto;\">\r\n        Aspire Digital Solutions is turning digital presence into growth engines for Bangalore's most ambitious brands.\r\n      <\/p>\r\n      <p class=\"cta-copy\">\u00a9 2026 Aspire Digital Solutions \u2022 All Rights Reserved<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const initPremiumCta = () => {\r\n    if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n      gsap.registerPlugin(ScrollTrigger);\r\n\r\n      gsap.to(\".gs-reveal\", {\r\n        opacity: 1,\r\n        y: 0,\r\n        duration: 1.2,\r\n        stagger: 0.2,\r\n        ease: \"power3.out\",\r\n        scrollTrigger: {\r\n          trigger: \"#premiumCtaTrigger\",\r\n          start: \"top 80%\"\r\n        }\r\n      });\r\n\r\n      gsap.to(\".cta-watermark\", {\r\n        y: -100,\r\n        opacity: 0.1,\r\n        scrollTrigger: {\r\n          trigger: \"#premiumCtaTrigger\",\r\n          start: \"top bottom\",\r\n          end: \"bottom top\",\r\n          scrub: 1\r\n        }\r\n      });\r\n\r\n    } else {\r\n      setTimeout(initPremiumCta, 100);\r\n    }\r\n  };\r\n  initPremiumCta();\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Premium Agency 100% Satisfaction 24\/7 Support Global Support Premium Services Bangalore We help businesses scale with data-driven strategies and world-class design. Turning digital presence into growth engines. Get Started Our Services SEO Optimization Google Ads (PPC) Website Development Social Media Marketing Branding Strategy Email Marketing Graphic Designing Content Marketing SEO Optimization Google Ads (PPC) Website [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2374,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-1425","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/1425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/comments?post=1425"}],"version-history":[{"count":189,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/1425\/revisions"}],"predecessor-version":[{"id":18545,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/1425\/revisions\/18545"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/2374"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=1425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}