{"id":1391,"date":"2025-04-24T19:29:58","date_gmt":"2025-04-24T19:29:58","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/?page_id=1391"},"modified":"2026-03-28T21:46:32","modified_gmt":"2026-03-28T16:16:32","slug":"mysore","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/mysore\/","title":{"rendered":"Mysore"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1391\" class=\"elementor elementor-1391\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7b65bb8 e-flex e-con-boxed e-con e-parent\" data-id=\"7b65bb8\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0f9aa49 e-con-full e-flex e-con e-parent\" data-id=\"0f9aa49\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-030cb39 e-con-full e-flex e-con e-child\" data-id=\"030cb39\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f0e455f elementor-widget elementor-widget-html\" data-id=\"f0e455f\" 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: clamp(80px, 10vh, 120px) 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: 650px;\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    \/* Positions for Mysore layout *\/\r\n    .b1 { top: 12%; left: 50%; transform: translateX(-50%); animation-delay: 0s; } \/* Top Center *\/\r\n    .b2 { top: 20%; right: 10%; animation-delay: 1s; border-color: rgba(244, 114, 182, 0.3); }\r\n    .b3 { bottom: 18%; left: 10%; animation-delay: 2s; }\r\n\r\n    \/* Central Content *\/\r\n    .hero-content {\r\n        max-width: 850px;\r\n        z-index: 2;\r\n        position: relative;\r\n    }\r\n\r\n    .hero-label {\r\n        color: #fff;\r\n        text-transform: uppercase;\r\n        letter-spacing: 5px;\r\n        font-size: 13px;\r\n        font-weight: 700;\r\n        margin-bottom: 20px;\r\n        opacity: 0.9;\r\n    }\r\n\r\n    .hero-title {\r\n        font-size: clamp(54px, 10vw, 92px);\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(17px, 2.2vw, 21px);\r\n        line-height: 1.7;\r\n        margin-bottom: 50px;\r\n        max-width: 650px;\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: 20px 50px;\r\n        border-radius: 60px;\r\n        font-weight: 800;\r\n        text-decoration: none;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        gap: 15px;\r\n        font-size: 17px;\r\n        text-transform: uppercase;\r\n        letter-spacing: 2px;\r\n        box-shadow: 0 0 35px rgba(79, 70, 229, 0.4);\r\n        transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);\r\n    }\r\n\r\n    .hero-btn:hover {\r\n        transform: translateY(-8px) scale(1.03);\r\n        box-shadow: 0 0 55px rgba(79, 70, 229, 0.6);\r\n        background: #6366f1;\r\n    }\r\n\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: 60px; }\r\n        .hero-desc { font-size: 16px; }\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    <\/div>\r\n\r\n    <div class=\"hero-content\">\r\n        <div class=\"hero-label\">Premium Services<\/div>\r\n        <h1 class=\"hero-title\">Mysore<\/h1>\r\n        <p class=\"hero-desc\">\r\n            We help businesses scale with data-driven strategies and world-class design.\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    \/\/ Smooth Parallax movement for badges based on cursor\r\n    document.addEventListener('mousemove', (e) => {\r\n        const x = (e.clientX \/ window.innerWidth) - 0.5;\r\n        const y = (e.clientY \/ window.innerHeight) - 0.5;\r\n        \r\n        const badges = document.querySelectorAll('.floating-badge');\r\n        badges.forEach((badge, index) => {\r\n            const speed = (index + 1) * 30;\r\n            badge.style.transform = `translate(${x * speed}px, ${y * speed}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-24d5c1c elementor-widget elementor-widget-html\" data-id=\"24d5c1c\" 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-2d5b5fe e-con-full e-flex e-con e-parent\" data-id=\"2d5b5fe\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3d86376 elementor-widget elementor-widget-html\" data-id=\"3d86376\" 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; \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; \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    transform: translateY(20px);\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\">Heritage 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\/2025\/11\/SEO-Services-for-Architects-in-Mysore.webp\" alt=\"Mysore Heritage City\">\r\n                <div class=\"premium-floating-badge\">Cultural Capital of Karnataka<\/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 Mysore<\/span>\r\n            <h3 class=\"premium-split-title\">The <span>Cultural Capital<\/span> of Karnataka<\/h3>\r\n            \r\n            <div class=\"city-description\">\r\nMysore, known as the Cultural Capital of Karnataka, is a city that offers more than history and tourism. With a growing economy, peaceful lifestyle, and increasing digital transformation, Mysore is becoming a destination not just to visit, but to live and build a business. <strong><a href=\"https:\/\/aspiredigitalsolutions.in\/\"> Aspire Digital Solutions <\/a><\/strong>supports local businesses in Mysore by helping them adapt to this digital shift and grow their online presence effectively.            <\/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>Home to heritage landmarks, high-ranking educational institutions, and emerging local enterprises, Mysore today represents a rare blend of tradition and innovation.<\/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>Whether you're exploring the Mysore Palace, visiting a yoga center in Gokulam, or expanding a small business in Hebbal Industrial Area, the city continues to offer something for everyone.<\/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\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.15,\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<h3 class=\"elementor-heading-title elementor-size-default\">Transforming Social Media into Social Impact<\/h3>\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-f9a541f e-con-full e-flex e-con e-child\" data-id=\"f9a541f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-337b3bd elementor-grid-4 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-widget elementor-widget-loop-grid\" data-id=\"337b3bd\" 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-4388 post-4388 mysore type-mysore 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\/02\/E-commerce-brands.webp\" class=\"attachment-large size-large wp-image-659\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/E-commerce-brands.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/E-commerce-brands-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/E-commerce-brands-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/E-commerce-brands-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\/mysore\/branding-services-in-mysore\/\">Branding Services In Mysore<\/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-3835 post-3835 page type-page status-publish 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\/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\/email-marketing-services-in-mysore\/\">Email Marketing Services In Mysore<\/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-1649 post-1649 mysore type-mysore 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-1.webp\" class=\"attachment-large size-large wp-image-871\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services-1.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services-1-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services-1-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Graphic-Design-services-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\/mysore\/graphic-design-services-in-mysore\/\">Graphic Design Services In Mysore<\/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-1642 post-1642 mysore type-mysore 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\/12\/Lets-talk.webp\" class=\"attachment-large size-large wp-image-390\" alt=\"Aspire Digital Solutions\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/12\/Lets-talk.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/12\/Lets-talk-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/12\/Lets-talk-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/12\/Lets-talk-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\/mysore\/social-media-marketing-services-in-mysore\/\">Social Media Marketing Services In Mysore<\/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-1633 post-1633 mysore type-mysore 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\/02\/Coaching-institutes.webp\" class=\"attachment-large size-large wp-image-656\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Coaching-institutes.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Coaching-institutes-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Coaching-institutes-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Coaching-institutes-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\/mysore\/seo-services-in-mysore\/\">SEO Services In Mysore<\/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-1630 post-1630 mysore type-mysore 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\/mysore\/meta-ads-services-in-mysore\/\">Meta Ads Services In Mysore<\/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-1622 post-1622 mysore type-mysore 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\/Travel-agency-1.webp\" class=\"attachment-large size-large wp-image-830\" alt=\"\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/Travel-agency-1.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/Travel-agency-1-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/Travel-agency-1-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2024\/10\/Travel-agency-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\/mysore\/google-ads-services-in-mysore\/\">Google Ads Services In Mysore<\/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-1465 post-1465 mysore type-mysore 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\/02\/Aspire-Digital-solutions.webp\" class=\"attachment-large size-large wp-image-673\" alt=\"Aspire Digital Solutions\" srcset=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Aspire-Digital-solutions.webp 1024w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Aspire-Digital-solutions-300x300.webp 300w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Aspire-Digital-solutions-150x150.webp 150w, https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/02\/Aspire-Digital-solutions-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\/mysore\/web-development-services-in-mysore\/\">Web Development Services in Mysore<\/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-2c4851b elementor-widget elementor-widget-html\" data-id=\"2c4851b\" 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-3097904 e-con-full e-flex e-con e-parent\" data-id=\"3097904\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-79d76f4 elementor-widget elementor-widget-html\" data-id=\"79d76f4\" 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  \/* Color Combo from Agency Split Section *\/\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  --lux-v3-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.lux-v3-section {\r\n  padding: clamp(100px, 15vw, 180px) 5%;\r\n  background: var(--agency-bg);\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: 'Outfit', sans-serif; \/* Updated Font *\/\r\n}\r\n\r\n\/* Watermark using Indigo with low opacity *\/\r\n.lux-v3-watermark {\r\n  position: absolute;\r\n  font-family: 'Outfit', sans-serif;\r\n  font-size: 15vw;\r\n  color: rgba(79, 70, 229, 0.04);\r\n  font-weight: 900;\r\n  white-space: nowrap;\r\n  top: 50%; left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.lux-v3-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.2fr;\r\n  gap: 80px;\r\n  align-items: center;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* --- Content Column --- *\/\r\n.lux-v3-content-wrap { position: relative; }\r\n\r\n.lux-v3-tag {\r\n  font-size: 11px;\r\n  font-weight: 800;\r\n  text-transform: uppercase;\r\n  letter-spacing: 8px;\r\n  color: var(--agency-pink); \/* Pink Accent *\/\r\n  margin-bottom: 25px;\r\n  display: block;\r\n}\r\n\r\n.lux-v3-heading {\r\n  font-size: clamp(38px, 4.5vw, 60px);\r\n  line-height: 1.1;\r\n  color: var(--agency-text);\r\n  margin-bottom: 30px;\r\n  font-weight: 800;\r\n}\r\n\r\n.lux-v3-heading 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.lux-v3-intro {\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n  color: var(--agency-text-sub);\r\n  margin-bottom: 45px;\r\n  position: relative;\r\n  padding-left: 30px;\r\n}\r\n\r\n.lux-v3-intro::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0; top: 10px; bottom: 10px;\r\n  width: 3px;\r\n  background: var(--agency-indigo);\r\n}\r\n\r\n\/* --- Visual List Column --- *\/\r\n.lux-v3-visual-list {\r\n  display: grid;\r\n  gap: 12px;\r\n}\r\n\r\n.lux-v3-card {\r\n  background: #ffffff;\r\n  padding: 20px 30px;\r\n  border-radius: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  transition: all 0.6s var(--lux-v3-ease);\r\n  border: 1px solid var(--agency-border);\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.lux-v3-card:hover {\r\n  transform: translateX(15px) scale(1.02);\r\n  border-color: var(--agency-pink);\r\n  box-shadow: 0 25px 50px rgba(79, 70, 229, 0.1);\r\n}\r\n\r\n.lux-v3-icon-num {\r\n  font-size: 22px;\r\n  font-weight: 800;\r\n  color: var(--agency-indigo);\r\n  opacity: 0.3;\r\n  position: relative;\r\n  z-index: 1;\r\n  min-width: 35px;\r\n}\r\n\r\n.lux-v3-card-text {\r\n  font-size: 14px;\r\n  line-height: 1.5;\r\n  font-weight: 500;\r\n  color: var(--agency-text);\r\n  z-index: 1;\r\n}\r\n\r\n.lux-v3-card-text strong {\r\n    display: block;\r\n    color: var(--agency-indigo);\r\n    font-size: 15px;\r\n    margin-bottom: 2px;\r\n}\r\n\r\n\/* Image Reveal Box *\/\r\n.lux-v3-img-reveal {\r\n  margin-top: 50px;\r\n  border-radius: 40px;\r\n  overflow: hidden;\r\n  height: 350px;\r\n  position: relative;\r\n  box-shadow: 0 40px 80px rgba(79, 70, 229, 0.15);\r\n  z-index: 10;\r\n}\r\n\r\n.lux-v3-img-reveal img {\r\n  width: 100%; height: 100%;\r\n  object-fit: cover;\r\n  scale: 1.4;\r\n}\r\n\r\n.lux-v3-closing-note {\r\n  margin-top: 30px;\r\n  padding: 25px;\r\n  background: rgba(79, 70, 229, 0.05);\r\n  border-radius: 15px;\r\n  font-size: 15px;\r\n  line-height: 1.7;\r\n  color: var(--agency-text);\r\n  border-left: 4px solid var(--agency-pink);\r\n}\r\n\r\n\/* Animations State *\/\r\n.gs-v3-up { opacity: 0; transform: translateY(40px); }\r\n.gs-v3-right { opacity: 0; transform: translateX(-40px); }\r\n\r\n@media (max-width: 992px) {\r\n  .lux-v3-container { grid-template-columns: 1fr; gap: 60px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"lux-v3-section\" id=\"luxTriggerV3\">\r\n  <div class=\"lux-v3-watermark\">MYSORE<\/div>\r\n\r\n  <div class=\"lux-v3-container\">\r\n    <div class=\"lux-v3-content-wrap\">\r\n      <span class=\"lux-v3-tag gs-v3-up\">City Spotlight<\/span>\r\n      <h2 class=\"lux-v3-heading gs-v3-up\">What Makes <span>Mysore Stand Out<\/span><\/h2>\r\n      <p class=\"lux-v3-intro gs-v3-up\">\r\n        Mysore consistently ranks among the cleanest cities in India. Its well-planned roads, public parks, and historical buildings make it one of the most livable urban areas in the country.\r\n      <\/p>\r\n      <div class=\"lux-v3-img-reveal gs-v3-up\" id=\"imgRevealBox\">\r\n        <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/05\/mysore12345.jpg\" alt=\"Mysore Heritage Beauty\">\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"lux-v3-visual-list\">\r\n      <p class=\"lux-v3-tag gs-v3-right\" style=\"margin-bottom: 10px; font-size: 10px;\">Key highlights of the city include:<\/p>\r\n      <div class=\"lux-v3-card gs-v3-right\"><span class=\"lux-v3-icon-num\">01<\/span><span class=\"lux-v3-card-text\"><strong>Mysore Palace<\/strong> A major historical attraction visited by millions every year<\/span><\/div>\r\n      <div class=\"lux-v3-card gs-v3-right\"><span class=\"lux-v3-icon-num\">02<\/span><span class=\"lux-v3-card-text\"><strong>Chamundi Hills<\/strong> A spiritual and recreational destination with panoramic views<\/span><\/div>\r\n      <div class=\"lux-v3-card gs-v3-right\"><span class=\"lux-v3-icon-num\">03<\/span><span class=\"lux-v3-card-text\"><strong>Brindavan Gardens<\/strong> Known for musical fountains and scenic beauty<\/span><\/div>\r\n      <div class=\"lux-v3-card gs-v3-right\"><span class=\"lux-v3-icon-num\">04<\/span><span class=\"lux-v3-card-text\"><strong>St. Philomena\u2019s Church<\/strong> A striking structure built in the neo-gothic style<\/span><\/div>\r\n      <div class=\"lux-v3-card gs-v3-right\"><span class=\"lux-v3-icon-num\">05<\/span><span class=\"lux-v3-card-text\"><strong>Mysuru Zoo<\/strong> One of the oldest and best-maintained zoos in South India<\/span><\/div>\r\n      <div class=\"lux-v3-card gs-v3-right\"><span class=\"lux-v3-icon-num\">06<\/span><span class=\"lux-v3-card-text\"><strong>Lalitha Mahal Palace<\/strong> A former royal guesthouse, now a luxury hotel<\/span><\/div>\r\n      <div class=\"lux-v3-card gs-v3-right\"><span class=\"lux-v3-icon-num\">07<\/span><span class=\"lux-v3-card-text\"><strong>Jaganmohan Palace & Art Gallery<\/strong> Housing works of renowned artists including Raja Ravi Varma<\/span><\/div>\r\n      <div class=\"lux-v3-closing-note gs-v3-up\">\r\n        These sites are not just part of the city\u2019s charm\u2014they are key drivers of its <strong>tourism economy.<\/strong>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const initLuxV3 = () => {\r\n    if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n      gsap.registerPlugin(ScrollTrigger);\r\n      gsap.to(\".gs-v3-up\", { opacity: 1, y: 0, duration: 1.5, stagger: 0.2, ease: \"power4.out\", scrollTrigger: { trigger: \"#luxTriggerV3\", start: \"top 70%\" } });\r\n      gsap.to(\".gs-v3-right\", { opacity: 1, x: 0, duration: 1.2, stagger: 0.1, ease: \"power3.out\", scrollTrigger: { trigger: \".lux-v3-visual-list\", start: \"top 85%\" } });\r\n      gsap.to(\".lux-v3-img-reveal img\", { scale: 1, duration: 3, ease: \"power2.out\", scrollTrigger: { trigger: \"#imgRevealBox\", start: \"top bottom\" } });\r\n      gsap.to(\".lux-v3-watermark\", { x: 50, scrollTrigger: { trigger: \"#luxTriggerV3\", start: \"top bottom\", end: \"bottom top\", scrub: 2 } });\r\n    } else { setTimeout(initLuxV3, 100); }\r\n  };\r\n  initLuxV3();\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-7446a70 elementor-widget elementor-widget-html\" data-id=\"7446a70\" 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:wght@700;900&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  \/* Dark Agency Color Palette *\/\r\n  --agency-dark-bg: #0f172a;        \/* Deep Midnight Navy *\/\r\n  --agency-card-bg: #1e293b;        \/* Slate Blue\/Grey *\/\r\n  \r\n  \/* FIXED COLORS: Brighter\/Lighter Indigo for high contrast *\/\r\n  --agency-indigo: #c7d2fe;         \/* Much lighter Indigo (Indigo 200) *\/\r\n  --agency-heading-main: #e0e7ff;   \/* Soft Off-White Indigo for Main Title *\/\r\n  \r\n  --agency-pink: #f472b6;           \/* Accent Pink *\/\r\n  --agency-text-bright: #f1f5f9;    \/* Near White for Body text *\/\r\n  --agency-text-dim: #94a3b8;       \/* Muted Slate *\/\r\n  --agency-border: rgba(129, 140, 248, 0.2);\r\n  --elite-ease: cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.elite-audit-section {\r\n  padding: clamp(80px, 12vh, 160px) 5%;\r\n  background-color: var(--agency-dark-bg);\r\n  font-family: 'Outfit', sans-serif;\r\n  color: var(--agency-text-bright);\r\n  overflow: hidden;\r\n  position: relative;\r\n}\r\n\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(60px, 10vw, 100px);\r\n  font-weight: 900;\r\n  color: rgba(255, 255, 255, 0.03)!important;\r\n  font-family: 'Playfair Display', serif;\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n  text-transform: uppercase;\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.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: 12px;\r\n  overflow: hidden;\r\n  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);\r\n  z-index: 5;\r\n  opacity: 0;\r\n  transform: translateY(20px);\r\n  border: 1px solid var(--agency-border);\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.elite-top-image img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  filter: brightness(0.9) contrast(1.1);\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(--agency-pink)!important;\r\n  color: #000;\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: 2px;\r\n  opacity: 0;\r\n}\r\n\r\n\/* Applied High-Contrast Light Indigo *\/\r\n.elite-main-title {\r\n  font-family: \"Playfair Display\", serif;\r\n  font-size: clamp(38px, 5.5vw, 58px);\r\n  line-height: 1.1;\r\n  margin-bottom: 30px;\r\n  font-weight: 700;\r\n  color: var(--agency-heading-main)!important; \r\n  opacity: 0;\r\n  will-change: transform, opacity;\r\n}\r\n\r\n.elite-intro {\r\n  font-size: 18px;\r\n  line-height: 1.8;\r\n  color: var(--agency-text-dim)!important;\r\n  opacity: 0;\r\n}\r\n\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(--agency-indigo), var(--agency-pink))!important;\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  will-change: transform, opacity;\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(--agency-dark-bg);\r\n  border: 2px solid var(--agency-indigo);\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(--elite-ease);\r\n  font-weight: 800;\r\n  font-size: 14px;\r\n  color: var(--agency-indigo)!important;\r\n}\r\n\r\n.elite-audit-step:hover .elite-step-marker {\r\n  background: var(--agency-indigo)!important;\r\n  color: var(--agency-dark-bg)!important;\r\n  transform: scale(1.1);\r\n  box-shadow: 0 0 20px rgba(129, 140, 248, 0.4);\r\n}\r\n\r\n.elite-step-title {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 32px;\r\n  margin-bottom: 35px;\r\n  color: var(--agency-indigo)!important; \/* Light Indigo *\/\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(--agency-card-bg);\r\n  padding: 25px;\r\n  border-bottom: 3px solid transparent;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\r\n  transition: 0.4s var(--elite-ease);\r\n  font-size: 15px;\r\n  line-height: 1.6;\r\n  color: var(--agency-text-dim);\r\n  border-radius: 8px;\r\n  border: 1px solid rgba(255,255,255,0.03);\r\n}\r\n\r\n.elite-list-item:hover {\r\n  border-bottom-color: var(--agency-pink);\r\n  transform: translateY(-5px);\r\n  color: var(--agency-text-bright)!important;\r\n  background: #273549;\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(--agency-pink);\r\n  background: var(--agency-card-bg);\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n  opacity: 0;\r\n  color: var(--agency-text-dim);\r\n}\r\n\r\n.elite-footer-note strong {\r\n  color: var(--agency-pink);\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\">MYSORE<\/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\/2025\/05\/a-photograph-of-the-mysore-palace-bathed_5VBpN8XQQ0-XwAWvGPRW3g_OctSYXI5TRq6rUlwNbBIiA.jpeg\" alt=\"Mysore Heritage View\">\r\n    <\/div>\r\n\r\n    <div class=\"elite-header\">\r\n      <span class=\"elite-tag gs-reveal\">Livable City<\/span>\r\n      <h2 class=\"elite-main-title gs-reveal\">Living in Mysore \u2013 Balanced, Affordable, and Evolving<\/h2>\r\n      <p class=\"elite-intro gs-reveal\">\r\n        Mysore is considered one of the most affordable and peaceful cities in South India. It offers:\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\">The Lifestyle Perks<\/h3>\r\n        <div class=\"elite-list-grid\">\r\n          <div class=\"elite-list-item\">A low cost of living compared to Bengaluru or Chennai<\/div>\r\n          <div class=\"elite-list-item\">Reliable public transport, including bus and train connectivity<\/div>\r\n          <div class=\"elite-list-item\">A strong focus on public cleanliness and greenery<\/div>\r\n          <div class=\"elite-list-item\">Modern healthcare services and specialty clinics<\/div>\r\n          <div class=\"elite-list-item\">Access to reputed schools, colleges, and training institutes<\/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\">Strategic Neighborhoods<\/h3>\r\n        <div class=\"elite-list-grid\">\r\n          <div class=\"elite-list-item\"><strong>Residential Appeal:<\/strong> VV Mohalla, Saraswathipuram, and Jayalakshmipuram.<\/div>\r\n          <div class=\"elite-list-item\"><strong>Business Zones:<\/strong> Hebbal and Kuvempunagar are rapidly developing.<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"elite-footer-note gs-reveal\">\r\n      Experience a <strong>Balanced Lifestyle<\/strong> in a city that respects its heritage while embracing modern connectivity and sustainable growth.\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        once: true \/\/ Ensures animation only plays once for better performance\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-3176411 elementor-widget elementor-widget-html\" data-id=\"3176411\" 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@200;400;700&family=Playfair+Display:ital,wght@0,900;1,900&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    --p-bg: #fdfdfd;\r\n    --p-dark: #0f172a;\r\n    --p-accent: #6366f1;\r\n    --p-pink: #ec4899;\r\n    --p-slate: #64748b;\r\n    --p-glass: rgba(255, 255, 255, 0.9);\r\n    --p-ease: cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n\r\n.p-section {\r\n    padding: clamp(100px, 15vh, 200px) 0;\r\n    background: var(--p-bg);\r\n    font-family: 'Outfit', sans-serif;\r\n    color: var(--p-dark);\r\n    overflow: hidden;\r\n    position: relative;\r\n}\r\n\r\n\/* Background Branding *\/\r\n.p-bg-title {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    font-size: 25vw;\r\n    font-weight: 800;\r\n    color: rgba(15, 23, 42, 0.02);\r\n    z-index: 0;\r\n    white-space: nowrap;\r\n    pointer-events: none;\r\n}\r\n\r\n.p-container {\r\n    max-width: 1400px;\r\n    margin: 0 auto;\r\n    padding: 0 5%;\r\n    display: grid;\r\n    grid-template-columns: 1fr 1.1fr;\r\n    gap: 0;\r\n    align-items: center;\r\n    position: relative;\r\n    z-index: 2;\r\n}\r\n\r\n\/* --- Left Column: Hero Image --- *\/\r\n.p-visual-frame {\r\n    position: relative;\r\n    height: 800px;\r\n    width: 105%;\r\n    border-radius: 4px;\r\n    overflow: hidden;\r\n    box-shadow: 60px 60px 120px rgba(15, 23, 42, 0.08);\r\n}\r\n\r\n.p-visual-frame img {\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n}\r\n\r\n\/* --- Right Column: Content Pane --- *\/\r\n.p-content-pane {\r\n    background: var(--p-glass);\r\n    backdrop-filter: blur(30px);\r\n    margin-left: -120px;\r\n    padding: 80px 100px;\r\n    border-radius: 4px;\r\n    box-shadow: 40px 40px 100px rgba(0,0,0,0.03);\r\n    position: relative;\r\n}\r\n\r\n.p-tag {\r\n    font-size: 11px;\r\n    letter-spacing: 8px;\r\n    text-transform: uppercase;\r\n    color: var(--p-accent);\r\n    margin-bottom: 25px;\r\n    display: block;\r\n    font-weight: 700;\r\n}\r\n\r\n.p-heading {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: clamp(38px, 4.5vw, 68px);\r\n    line-height: 1.1;\r\n    margin-bottom: 35px;\r\n    color: var(--p-dark);\r\n}\r\n\r\n.p-heading span {\r\n    display: block;\r\n    font-style: italic;\r\n    color: var(--p-pink);\r\n}\r\n\r\n.p-intro {\r\n    font-size: 18px;\r\n    line-height: 1.8;\r\n    color: var(--p-slate);\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.p-subheading {\r\n    font-weight: 700;\r\n    font-size: 14px;\r\n    text-transform: uppercase;\r\n    letter-spacing: 2px;\r\n    margin-bottom: 25px;\r\n    color: var(--p-dark);\r\n    display: block;\r\n}\r\n\r\n\/* Challenge List *\/\r\n.p-challenge-list {\r\n    display: grid;\r\n    gap: 20px;\r\n    margin-bottom: 40px;\r\n}\r\n\r\n.p-item {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 15px;\r\n    padding: 15px 0;\r\n    border-bottom: 1px solid rgba(0,0,0,0.05);\r\n}\r\n\r\n.p-item-num {\r\n    font-family: 'Playfair Display', serif;\r\n    font-size: 18px;\r\n    font-style: italic;\r\n    color: var(--p-accent);\r\n    min-width: 30px;\r\n}\r\n\r\n.p-item-text {\r\n    font-size: 16px;\r\n    font-weight: 600;\r\n}\r\n\r\n.p-footer-note {\r\n    margin-top: 40px;\r\n    padding: 40px;\r\n    background: rgba(99, 102, 241, 0.04);\r\n    border-left: 3px solid var(--p-pink);\r\n}\r\n\r\n.p-footer-note strong {\r\n    font-size: 22px;\r\n    display: block;\r\n    margin-bottom: 15px;\r\n    font-family: 'Playfair Display', serif;\r\n}\r\n\r\n.p-footer-note p {\r\n    color: var(--p-slate);\r\n    line-height: 1.7;\r\n    margin-bottom: 15px;\r\n}\r\n\r\n.p-critical-callout {\r\n    font-weight: 700;\r\n    color: var(--p-dark);\r\n    border-top: 1px solid rgba(0,0,0,0.1);\r\n    padding-top: 15px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n    .p-container { grid-template-columns: 1fr; }\r\n    .p-visual-frame { height: 400px; width: 100%; margin-bottom: -40px; }\r\n    .p-content-pane { margin-left: 0; padding: 50px 30px; }\r\n    .p-bg-title { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"p-section\" id=\"pTrigger\">\r\n    <div class=\"p-bg-title\">MYSORE<\/div>\r\n\r\n    <div class=\"p-container\">\r\n        <div class=\"p-visual-frame gs-p-img\">\r\n            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2026\/01\/SEO-for-Mysore-Businesses-Costs-Challenges-and-Realistic-Results1-e1767509224435.webp\" alt=\"Digital Shift\">\r\n        <\/div>\r\n\r\n        <div class=\"p-content-pane gs-p-pane\">\r\n            <span class=\"p-tag\">Market Evolution<\/span>\r\n            <h2 class=\"p-heading\">The Digital Shift <span>in Mysore<\/span><\/h2>\r\n            \r\n            <p class=\"p-intro\">\r\n                Local businesses in Mysore are now making the shift to digital platforms to reach new customers. With more people using Google to find everything from dentists near <strong>Gokulam<\/strong> to caf\u00e9s near <strong>Kuvempunagar<\/strong>, the need to build an online presence has become critical.\r\n            <\/p>\r\n\r\n            <span class=\"p-subheading\">Common challenges for Mysore-based businesses include:<\/span>\r\n\r\n            <div class=\"p-challenge-list\">\r\n                <div class=\"p-item gs-p-item\">\r\n                    <span class=\"p-item-num\">01.<\/span>\r\n                    <span class=\"p-item-text\">Not appearing on Google Maps or search results<\/span>\r\n                <\/div>\r\n                <div class=\"p-item gs-p-item\">\r\n                    <span class=\"p-item-num\">02.<\/span>\r\n                    <span class=\"p-item-text\">Low website traffic or outdated site design<\/span>\r\n                <\/div>\r\n                <div class=\"p-item gs-p-item\">\r\n                    <span class=\"p-item-num\">03.<\/span>\r\n                    <span class=\"p-item-text\">Ads that don\u2019t generate leads<\/span>\r\n                <\/div>\r\n                <div class=\"p-item gs-p-item\">\r\n                    <span class=\"p-item-num\">04.<\/span>\r\n                    <span class=\"p-item-text\">Lack of engagement on social media platforms<\/span>\r\n                <\/div>\r\n                <div class=\"p-item gs-p-item\">\r\n                    <span class=\"p-item-num\">05.<\/span>\r\n                    <span class=\"p-item-text\">Difficulty tracking marketing performance<\/span>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <p class=\"p-intro\" style=\"font-weight: 600; color: var(--p-accent);\">\r\n                To stay competitive, businesses are looking for smarter, data-based marketing strategies.\r\n            <\/p>\r\n\r\n            <div class=\"p-footer-note gs-p-item\">\r\n                <strong>Real Business Growth Starts Online<\/strong>\r\n                <p><p>Businesses across Mysore\u2014be it a family-run restaurant, a new coaching center, or a specialized clinic\u2014are now realizing that digital visibility drives foot traffic, inquiries, and sales. Partnering with a reliable <a href=\" https:\/\/aspiredigitalsolutions.in\/digital-marketing-services-in-mysore\/\">digital marketing agency in Mysore<\/a> helps these businesses reach the right audience, improve online presence, and generate consistent growth.<\/p><\/p>\r\n                <p class=\"p-critical-callout\">If your business isn\u2019t online or can\u2019t be found easily, you\u2019re missing out on potential customers every day.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n    const initPremium = () => {\r\n        if (typeof gsap !== \"undefined\" && typeof ScrollTrigger !== \"undefined\") {\r\n            gsap.registerPlugin(ScrollTrigger);\r\n\r\n            \/\/ Image Entrance\r\n            gsap.from(\".gs-p-img\", {\r\n                x: -80,\r\n                opacity: 0,\r\n                duration: 2,\r\n                ease: \"expo.out\",\r\n                scrollTrigger: {\r\n                    trigger: \"#pTrigger\",\r\n                    start: \"top 70%\"\r\n                }\r\n            });\r\n\r\n            \/\/ Content Pane Rise\r\n            gsap.from(\".gs-p-pane\", {\r\n                y: 80,\r\n                opacity: 0,\r\n                duration: 1.5,\r\n                delay: 0.2,\r\n                ease: \"expo.out\",\r\n                scrollTrigger: {\r\n                    trigger: \"#pTrigger\",\r\n                    start: \"top 70%\"\r\n                }\r\n            });\r\n\r\n            \/\/ Staggered Item Reveal\r\n            gsap.from(\".gs-p-item\", {\r\n                y: 20,\r\n                opacity: 0,\r\n                duration: 1,\r\n                stagger: 0.1,\r\n                ease: \"power3.out\",\r\n                scrollTrigger: {\r\n                    trigger: \".p-challenge-list\",\r\n                    start: \"top 85%\"\r\n                }\r\n            });\r\n\r\n            \/\/ Parallax Watermark\r\n            gsap.to(\".p-bg-title\", {\r\n                y: -150,\r\n                scrollTrigger: {\r\n                    trigger: \"#pTrigger\",\r\n                    scrub: 2\r\n                }\r\n            });\r\n\r\n        } else {\r\n            setTimeout(initPremium, 100);\r\n        }\r\n    };\r\n    initPremium();\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-ee43e3d elementor-widget elementor-widget-html\" data-id=\"ee43e3d\" 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:wght@700;900&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  --art-bg: #0f172a;           \/* Deep Midnight Navy *\/\r\n  --art-card-bg: #1e293b;      \/* Slate Blue *\/\r\n  --art-indigo: #c7d2fe;       \/* Light Indigo *\/\r\n  --art-pink: #f472b6;         \/* Accent Pink *\/\r\n  --art-text-bright: #f1f5f9;  \/* Near White *\/\r\n  --art-text-dim: #94a3b8;     \/* Muted Slate *\/\r\n  --art-transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);\r\n}\r\n\r\n.unique-split-wrap {\r\n  background-color: var(--art-bg);\r\n  padding: clamp(80px, 12vw, 150px) 0;\r\n  font-family: 'Outfit', sans-serif;\r\n  overflow: hidden;\r\n  position: relative;\r\n  color: var(--art-text-bright);\r\n}\r\n\r\n\/* Watermark: SMART CITY *\/\r\n.unique-split-wrap::before {\r\n  content: \"SMART CITY\";\r\n  position: absolute;\r\n  top: 5%; right: -2%;\r\n  font-size: 12vw;\r\n  font-family: 'Playfair Display', serif;\r\n  font-weight: 900;\r\n  color: rgba(199, 210, 254, 0.02);\r\n  z-index: 0;\r\n  pointer-events: none;\r\n}\r\n\r\n.art-glow {\r\n  position: absolute;\r\n  top: 15%;\r\n  left: -10%;\r\n  width: 40vw;\r\n  height: 40vw;\r\n  background: radial-gradient(circle, rgba(199, 210, 254, 0.04) 0%, transparent 70%);\r\n  z-index: 1;\r\n}\r\n\r\n.unique-split-container {\r\n  max-width: 1300px;\r\n  margin: 0 auto;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: clamp(80px, 10vw, 140px);\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0 5%;\r\n}\r\n\r\n\/* --- Section 1: Concept Frame --- *\/\r\n.art-concept-row {\r\n  display: grid;\r\n  grid-template-columns: 1.1fr 1fr;\r\n  align-items: center;\r\n  gap: 40px;\r\n}\r\n\r\n.art-visual-frame {\r\n  position: relative;\r\n  width: 100%;\r\n  height: clamp(400px, 45vw, 600px);\r\n  background: var(--art-card-bg);\r\n  clip-path: polygon(0% 0%, 100% 0%, 94% 100%, 0% 94%);\r\n  overflow: hidden;\r\n  box-shadow: 0 40px 80px rgba(0, 0, 0, 0.4);\r\n  border: 1px solid rgba(199, 210, 254, 0.1);\r\n}\r\n\r\n.art-visual-frame img {\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  transform: scale(1.1);\r\n  filter: brightness(0.85) contrast(1.1);\r\n}\r\n\r\n.art-text-floating {\r\n  padding-left: clamp(20px, 4vw, 60px);\r\n}\r\n\r\n.art-big-label {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(34px, 5vw, 70px);\r\n  color: var(--art-indigo)!important;\r\n  line-height: 1.1;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.art-big-label span {\r\n  display: block;\r\n  color: var(--art-pink)!important;\r\n  font-style: italic;\r\n  margin-top: 5px;\r\n}\r\n\r\n\/* --- Section 2: Manifesto Content --- *\/\r\n.art-manifesto-row {\r\n  display: grid;\r\n  grid-template-columns: 0.8fr 1.2fr;\r\n  gap: clamp(40px, 6vw, 100px);\r\n  align-items: flex-start;\r\n}\r\n\r\n.art-sticky-note {\r\n  position: sticky;\r\n  top: 100px;\r\n}\r\n\r\n.art-sticky-tag {\r\n  background: var(--art-pink);\r\n  color: #000;\r\n  padding: 4px 12px;\r\n  font-size: 10px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n  font-weight: 800;\r\n  margin-bottom: 20px;\r\n  display: inline-block;\r\n  border-radius: 2px;\r\n}\r\n\r\n.art-sticky-note h3 {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: clamp(26px, 2.5vw, 36px);\r\n  color: var(--art-text-bright);\r\n  line-height: 1.3;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.art-block {\r\n  background: var(--art-card-bg);\r\n  padding: clamp(35px, 4vw, 55px);\r\n  border-radius: 12px;\r\n  border: 1px solid rgba(255, 255, 255, 0.03);\r\n  transition: var(--art-transition);\r\n  position: relative;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.art-block:hover {\r\n  transform: translateY(-8px);\r\n  background: #232f42;\r\n  border-color: var(--art-pink);\r\n}\r\n\r\n.art-block::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0; left: 0; width: 0; height: 3px;\r\n  background: var(--art-pink);\r\n  transition: var(--art-transition);\r\n}\r\n\r\n.art-block:hover::after { width: 100%; }\r\n\r\n.art-num {\r\n  font-family: 'Playfair Display', serif;\r\n  font-size: 12px;\r\n  color: var(--art-indigo);\r\n  margin-bottom: 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.art-num::after {\r\n  content: \"\";\r\n  width: 40px;\r\n  height: 1px;\r\n  background: var(--art-pink);\r\n}\r\n\r\n.art-p {\r\n  font-size: 17px;\r\n  line-height: 1.8;\r\n  color: var(--art-text-dim);\r\n}\r\n\r\n.art-p strong { color: var(--art-indigo); font-weight: 600; }\r\n\r\n.art-list {\r\n  list-style: none;\r\n  padding: 0;\r\n  margin-top: 15px;\r\n}\r\n\r\n.art-list li {\r\n  position: relative;\r\n  padding-left: 25px;\r\n  margin-bottom: 12px;\r\n  color: var(--art-text-bright);\r\n}\r\n\r\n.art-list li::before {\r\n  content: \"\u2192\";\r\n  position: absolute;\r\n  left: 0;\r\n  color: var(--art-pink);\r\n  font-weight: 800;\r\n}\r\n\r\n\/* Animation Reveal *\/\r\n.gs-art-reveal { opacity: 0; transform: translateY(40px); }\r\n\r\n@media (max-width: 991px) {\r\n  .art-concept-row, .art-manifesto-row { grid-template-columns: 1fr; }\r\n  .art-visual-frame { clip-path: none; height: 350px; }\r\n  .art-text-floating { padding: 40px 0 0; }\r\n  .art-sticky-note { position: relative; top: 0; margin-bottom: 30px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"unique-split-wrap\" id=\"mysoreSmartSection\">\r\n  <div class=\"art-glow\"><\/div>\r\n  <div class=\"unique-split-container\">\r\n    \r\n    <div class=\"art-concept-row\">\r\n      <div class=\"art-visual-frame gs-art-reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/06\/Digital-Marketing-Services-in-Mysore.webp\" alt=\"Mysore Smart City Progress\">\r\n      <\/div>\r\n      <div class=\"art-text-floating\">\r\n        <h2 class=\"art-big-label gs-art-reveal\">\r\n          Mysore\u2019s <span>Future<\/span>\r\n        <\/h2>\r\n        <p class=\"art-p gs-art-reveal\" style=\"font-weight: 700; color: var(--art-pink); font-size: 19px; margin-bottom: 15px;\">\r\n          Combining Culture with Smart Growth\r\n        <\/p>\r\n        <p class=\"art-p gs-art-reveal\">\r\n          Mysore has already been recognized as one of the 100 Smart Cities in India under the <strong>Smart Cities Mission<\/strong>. With planned investments in urban infrastructure, digital connectivity, and sustainability, the city is evolving in all the right ways.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"art-manifesto-row\">\r\n      <div class=\"art-sticky-note gs-art-reveal\">\r\n        <span class=\"art-sticky-tag\">Mission 2026<\/span>\r\n        <h3>Urban Infrastructure <br>& Digital Shift<\/h3>\r\n        <p class=\"art-p\">Building a modern landscape while preserving historical integrity.<\/p>\r\n      <\/div>\r\n\r\n      <div class=\"art-content-blocks\">\r\n        <div class=\"art-block gs-art-reveal\">\r\n          <span class=\"art-num\">01 \/ KEY DEVELOPMENTS<\/span>\r\n          <p class=\"art-p\">The transformation of the city is driven by strategic pillars that enhance both lifestyle and commerce:<\/p>\r\n          <ul class=\"art-list\">\r\n            <li>Tech incubators and startup co-working spaces<\/li>\r\n            <li>Widening of roads and flyover construction<\/li>\r\n            <li>Growth in residential layouts and townships<\/li>\r\n            <li>Improved digital services for citizens and businesses<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n\r\n        <div class=\"art-block gs-art-reveal\">\r\n          <span class=\"art-num\">02 \/ BUSINESS OPPORTUNITY<\/span>\r\n          <p class=\"art-p\">\r\n            This presents a <strong>great opportunity<\/strong> for local businesses to grow in sync with the city\u2019s development. As infrastructure expands, those who adapt to the digital evolution will lead the next generation of Mysore's economy.\r\n          <\/p>\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    \/\/ Entrance Animation\r\n    gsap.to(\".gs-art-reveal\", {\r\n      opacity: 1,\r\n      y: 0,\r\n      duration: 1.2,\r\n      stagger: 0.15,\r\n      ease: \"power3.out\",\r\n      scrollTrigger: {\r\n        trigger: \"#mysoreSmartSection\",\r\n        start: \"top 75%\"\r\n      }\r\n    });\r\n\r\n    \/\/ Image Parallax\r\n    gsap.to(\".art-visual-frame img\", {\r\n      y: 50,\r\n      scale: 1.15,\r\n      scrollTrigger: {\r\n        trigger: \".art-visual-frame\",\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-416a37d elementor-widget elementor-widget-html\" data-id=\"416a37d\" 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:wght@700;900&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  --aspire-indigo: #4f46e5;\r\n  --aspire-pink: #ec4899;\r\n  --aspire-pink-light: #fff1f7; \/* Soft blush for cards *\/\r\n  --aspire-bg: #ffffff; \r\n  --aspire-text-main: #0f172a;\r\n  --aspire-text-dim: #64748b;\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(100px, 15vh, 180px) 20px 80px;\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-text-main);\r\n}\r\n\r\n\/* Mouse-Follow Glow *\/\r\n.mouse-glow {\r\n  position: absolute;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(236, 72, 153, 0.15) 0%, transparent 70%);\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  z-index: 1;\r\n  transform: translate(-50%, -50%);\r\n  opacity: 0;\r\n  filter: blur(50px);\r\n}\r\n\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  color: rgba(15, 23, 42, 0.03);\r\n  white-space: nowrap;\r\n  pointer-events: none;\r\n  z-index: 0;\r\n  font-family: 'Playfair Display', serif;\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: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 4px;\r\n  color: var(--aspire-pink);\r\n  font-weight: 800;\r\n  margin-bottom: 24px;\r\n  display: inline-block;\r\n  padding: 8px 20px;\r\n  background: rgba(236, 72, 153, 0.1);\r\n  border-radius: 100px;\r\n}\r\n\r\n.cta-title {\r\n  font-size: clamp(36px, 5.5vw, 64px);\r\n  font-weight: 800;\r\n  line-height: 1.15;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.cta-title span {\r\n  background: linear-gradient(to right, var(--aspire-indigo), var(--aspire-pink));\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, 1.8vw, 20px);\r\n  line-height: 1.7;\r\n  color: var(--aspire-text-dim);\r\n  margin-bottom: 60px;\r\n  max-width: 800px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n}\r\n\r\n\/* Updated Pink Card Logic *\/\r\n.cta-value-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\r\n  gap: 25px;\r\n  margin-bottom: 70px;\r\n}\r\n\r\n.cta-value-card {\r\n  background: #ffffff;\r\n  border: 1px solid rgba(0, 0, 0, 0.05);\r\n  padding: 40px;\r\n  border-radius: 28px;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.02);\r\n  transition: all 0.5s var(--aspire-ease);\r\n  text-align: left;\r\n  position: relative;\r\n  z-index: 2;\r\n  overflow: hidden;\r\n}\r\n\r\n\/* Floating Pink State *\/\r\n.cta-value-card:hover {\r\n  transform: translateY(-15px);\r\n  background: var(--aspire-pink-light); \/* Pink Tint on Card *\/\r\n  border-color: var(--aspire-pink);      \/* Pink Border *\/\r\n  box-shadow: 0 30px 60px rgba(236, 72, 153, 0.2);\r\n}\r\n\r\n.cta-value-card strong {\r\n  display: block;\r\n  font-size: 20px;\r\n  margin-bottom: 12px;\r\n  color: var(--aspire-text-main);\r\n  font-family: 'Playfair Display', serif;\r\n  transition: color 0.4s ease;\r\n}\r\n\r\n.cta-value-card:hover strong {\r\n  color: var(--aspire-pink); \/* Strong text turns pink on hover *\/\r\n}\r\n\r\n.cta-value-card p {\r\n  font-size: 15px;\r\n  color: var(--aspire-text-dim);\r\n  line-height: 1.6;\r\n}\r\n\r\n.main-cta-btn {\r\n  padding: 22px 55px;\r\n  font-size: 15px;\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  box-shadow: 0 15px 35px rgba(79, 70, 229, 0.3);\r\n}\r\n\r\n.main-cta-btn:hover {\r\n  background: var(--aspire-pink);\r\n  transform: scale(1.05);\r\n  box-shadow: 0 20px 40px rgba(236, 72, 153, 0.3);\r\n}\r\n\r\n.cta-bottom-bar {\r\n  margin-top: 100px;\r\n  padding-top: 60px;\r\n  border-top: 1px solid rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.cta-footer-logo {\r\n  font-size: 32px;\r\n  font-weight: 800;\r\n}\r\n\r\n.cta-footer-logo span { color: var(--aspire-pink); }\r\n\r\n.cta-copy {\r\n  font-size: 11px;\r\n  text-transform: uppercase;\r\n  letter-spacing: 3px;\r\n  color: var(--aspire-text-dim);\r\n  margin-top: 30px;\r\n}\r\n\r\n.gs-reveal { opacity: 0; transform: translateY(40px); }\r\n\r\n@media (max-width: 768px) {\r\n  .cta-value-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"premium-cta-section\" id=\"mysoreCtaTrigger\">\r\n  <div class=\"mouse-glow\" id=\"mouseGlow\"><\/div>\r\n  <div class=\"cta-watermark\">MYSORE<\/div>\r\n\r\n  <div class=\"cta-container\">\r\n    <div class=\"gs-reveal\">\r\n      <span class=\"cta-tag\">Strategic Growth<\/span>\r\n      <h2 class=\"cta-title\">\r\n        <span>Get Expert Help for<\/span> <br>\r\n        <span>Your Mysore Business<\/span>\r\n      <\/h2>\r\n      \r\n      <p class=\"cta-desc\">\r\n        <strong>Aspire Digital Solutions<\/strong> works with local businesses to improve online visibility, generate leads, and build trust with customers. If you\u2019re ready to grow your business in Mysore, our team is here to help with digital strategies that deliver results.\r\n      <\/p>\r\n\r\n      <div class=\"cta-value-grid\" id=\"cardGrid\">\r\n        <div class=\"cta-value-card\">\r\n          <strong>Visibility<\/strong>\r\n          <p>Dominating local search results so Mysore customers find you first.<\/p>\r\n        <\/div>\r\n        <div class=\"cta-value-card\">\r\n          <strong>Lead Generation<\/strong>\r\n          <p>Converting passive scrollers into high-value inquiries and loyal customers.<\/p>\r\n        <\/div>\r\n        <div class=\"cta-value-card\">\r\n          <strong>Authority<\/strong>\r\n          <p>Building a digital presence that establishes your brand as the Mysore market leader.<\/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\">Contact us for a free consultation<\/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: 16px; color: var(--aspire-text-dim); margin-bottom: 10px; max-width: 600px; margin-left: auto; margin-right: auto;\">\r\n        Aspire Digital Solutions: Empowering Mysore's most ambitious brands with cutting-edge digital growth engines.\r\n      <\/p>\r\n      <p class=\"cta-copy\">\u00a9 2026 Aspire Digital Solutions \u2022 Excellence in Every Pixel<\/p>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n  const initPinkInteractive = () => {\r\n    if (typeof gsap !== \"undefined\") {\r\n      const section = document.getElementById('mysoreCtaTrigger');\r\n      const glow = document.getElementById('mouseGlow');\r\n      const grid = document.getElementById('cardGrid');\r\n\r\n      \/\/ Tracking the glow\r\n      grid.addEventListener('mousemove', (e) => {\r\n        const rect = section.getBoundingClientRect();\r\n        const x = e.clientX - rect.left;\r\n        const y = e.clientY - rect.top;\r\n        \r\n        gsap.to(glow, {\r\n          x: x,\r\n          y: y,\r\n          opacity: 1,\r\n          duration: 0.7,\r\n          ease: \"power2.out\"\r\n        });\r\n      });\r\n\r\n      grid.addEventListener('mouseleave', () => {\r\n        gsap.to(glow, { opacity: 0, duration: 0.7 });\r\n      });\r\n\r\n      \/\/ Simple Reveal\r\n      gsap.to(\".gs-reveal\", {\r\n        opacity: 1,\r\n        y: 0,\r\n        duration: 1,\r\n        stagger: 0.2,\r\n        scrollTrigger: {\r\n          trigger: \"#mysoreCtaTrigger\",\r\n          start: \"top 80%\"\r\n        }\r\n      });\r\n    }\r\n  };\r\n  window.addEventListener('load', initPinkInteractive);\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 Premium Services Mysore We help businesses scale with data-driven strategies and world-class design. 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 Development Social Media Marketing Branding Strategy Email Marketing [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":2302,"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-1391","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/1391","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=1391"}],"version-history":[{"count":200,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/1391\/revisions"}],"predecessor-version":[{"id":18585,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/1391\/revisions\/18585"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media\/2302"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=1391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
