{"id":213,"date":"2024-10-15T04:23:05","date_gmt":"2024-10-15T04:23:05","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/checklists\/"},"modified":"2026-01-18T13:39:02","modified_gmt":"2026-01-18T08:09:02","slug":"checklists","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/checklists\/","title":{"rendered":"Checklists"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"213\" class=\"elementor elementor-213\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-341a473 e-con-full e-flex e-con e-parent\" data-id=\"341a473\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f344a27 elementor-widget elementor-widget-shortcode\" data-id=\"f344a27\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\n        \/* --- 2. Styles --- *\/\n        \n        \/* Variables *\/\n        :root { --ads-accent: #6B82FA; --ads-dark: #0f172a; --ads-text-sub: #94a3b8; }\n\n        \/* Hero Container - Made Bigger *\/\n        .ads-hero-wrap {\n            all: initial !important;\n            font-family: 'Manrope', 'Outfit', sans-serif !important;\n            background: var(--ads-dark) !important;\n            display: flex !important;\n            flex-direction: column !important;\n            align-items: center !important;\n            justify-content: center !important;\n            width: 100% !important;\n            \/* Padding Badhaya: Top 160px, Bottom 120px *\/\n            padding: 160px 20px 120px 20px !important;\n            text-align: center !important;\n            position: relative !important;\n            overflow: hidden !important;\n            box-sizing: border-box !important;\n        }\n        .ads-hero-wrap * { box-sizing: border-box !important; }\n\n        \/* Glow Effect - Scaled Up *\/\n        .ads-glow {\n            position: absolute !important; width: 1200px !important; height: 1200px !important;\n            background: radial-gradient(circle, rgba(107, 130, 250, 0.12) 0%, transparent 65%) !important;\n            top: -60% !important; left: 50% !important; transform: translateX(-50%) !important;\n            pointer-events: none !important;\n        }\n\n        \/* Breadcrumbs - Refined *\/\n        .ads-breadcrumbs {\n            position: relative !important; z-index: 2 !important;\n            display: inline-flex !important; align-items: center !important; gap: 12px !important;\n            background: rgba(255,255,255,0.06) !important;\n            padding: 10px 24px !important; border-radius: 100px !important;\n            margin-bottom: 35px !important; \/* Spacing Badhaya *\/\n            border: 1px solid rgba(255,255,255,0.08) !important;\n            backdrop-filter: blur(8px) !important;\n        }\n        \n        .ads-crumb-link {\n            color: #cbd5e1 !important; text-decoration: none !important;\n            font-size: 14px !important; font-weight: 600 !important;\n            text-transform: uppercase !important; letter-spacing: 0.8px !important;\n            transition: 0.3s !important; display: flex !important; align-items: center !important; gap: 8px !important;\n        }\n        .ads-crumb-link:hover { color: white !important; }\n        \n        .ads-sep { color: #64748b !important; font-size: 11px !important; }\n        \n        .ads-current { \n            color: var(--ads-accent) !important; font-weight: 800 !important; \n            font-size: 14px !important; text-transform: uppercase !important; letter-spacing: 0.8px !important;\n        }\n\n        \/* Title - BIGGER & BOLDER *\/\n        .ads-hero-h1 {\n            font-family: 'Outfit', sans-serif !important;\n            font-size: 68px !important; \/* Increased from 52px *\/\n            font-weight: 800 !important;\n            color: white !important; \n            margin: 0 0 20px 0 !important;\n            position: relative !important; z-index: 2 !important;\n            line-height: 1.05 !important;\n            letter-spacing: -1.5px !important; \/* Tight letter spacing for modern look *\/\n            text-shadow: 0 10px 40px rgba(0,0,0,0.3) !important;\n            max-width: 1000px !important; \/* Prevent it from getting too wide *\/\n        }\n\n        \/* Subtitle - BIGGER *\/\n        .ads-hero-sub {\n            color: var(--ads-text-sub) !important; \n            font-size: 22px !important; \/* Increased from 18px *\/\n            font-weight: 400 !important;\n            max-width: 750px !important; \/* Wider reading area *\/\n            margin: 0 auto !important;\n            position: relative !important; z-index: 2 !important;\n            line-height: 1.6 !important;\n        }\n\n        \/* Mobile Responsive adjustments *\/\n        @media (max-width: 991px) {\n            .ads-hero-h1 { font-size: 52px !important; }\n        }\n\n        @media (max-width: 768px) {\n            .ads-hero-wrap { padding: 120px 20px 80px 20px !important; }\n            .ads-hero-h1 { \n                font-size: 40px !important; \n                letter-spacing: -0.5px !important; \n            }\n            .ads-hero-sub { \n                font-size: 18px !important; \n                line-height: 1.5 !important;\n            }\n            .ads-breadcrumbs { \n                padding: 8px 18px !important; \n                margin-bottom: 25px !important;\n            }\n        }\n    <\/style>\n\n    <div class=\"ads-hero-wrap\">\n        <div class=\"ads-glow\"><\/div>\n\n        <div class=\"ads-breadcrumbs\">\n            <a href=\"https:\/\/aspiredigitalsolutions.in\/ar\" class=\"ads-crumb-link\"><i class=\"fas fa-home\"><\/i> Home<\/a>\n            <i class=\"fas fa-chevron-right ads-sep\"><\/i>\n            <span class=\"ads-current\">Checklists<\/span>\n        <\/div>\n\n        <h1 class=\"ads-hero-h1\">Checklists<\/h1>\n        \n        <p class=\"ads-hero-sub\">\n            Expert strategies, latest trends, and insights to grow your business digitally.        <\/p>\n    <\/div>\n\n    <\/div>\n\t\t\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-44e915f e-con-full e-flex e-con e-parent\" data-id=\"44e915f\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-66bb4aa elementor-widget elementor-widget-shortcode\" data-id=\"66bb4aa\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n        <style>\n            \/* Reset *\/\n            .ads-res-wrap {\n                all: initial !important;\n                font-family: 'Manrope', sans-serif !important;\n                background: #f8f9fc !important;\n                display: block !important;\n                width: 100% !important;\n                padding: 50px 20px !important;\n                box-sizing: border-box !important;\n            }\n            .ads-res-wrap * { box-sizing: border-box !important; }\n            .ads-cont { max-width: 1200px !important; margin: 0 auto !important; }\n\n            \/* Grid *\/\n            .ads-grid {\n                display: grid !important;\n                grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)) !important;\n                gap: 30px !important;\n            }\n\n            \/* Card *\/\n            .ads-card {\n                background: #ffffff !important;\n                border-radius: 16px !important;\n                overflow: hidden !important;\n                cursor: pointer !important;\n                transition: 0.3s !important;\n                border: 1px solid rgba(0,0,0,0.05) !important;\n                box-shadow: 0 5px 15px rgba(0,0,0,0.03) !important;\n                display: flex !important; flex-direction: column !important;\n            }\n            .ads-card:hover {\n                transform: translateY(-8px) !important;\n                box-shadow: 0 20px 40px rgba(107, 130, 250, 0.15) !important;\n                border-color: #6B82FA !important;\n            }\n\n            .ads-thumb-box { height: 200px !important; width: 100% !important; overflow: hidden !important; }\n            .ads-thumb { width: 100% !important; height: 100% !important; object-fit: cover !important; transition: 0.5s ease !important; }\n            .ads-card:hover .ads-thumb { transform: scale(1.1) !important; }\n\n            .ads-body { padding: 25px !important; display: flex !important; flex-direction: column !important; flex-grow: 1 !important; }\n            \n            \/* Dynamic Badge based on Post Type *\/\n            .ads-cat {\n                font-size: 11px !important; font-weight: 700 !important; color: #6B82FA !important;\n                text-transform: uppercase !important; margin-bottom: 10px !important; letter-spacing: 1px !important;\n            }\n\n            .ads-title {\n                font-family: 'Outfit', sans-serif !important; font-size: 18px !important;\n                font-weight: 700 !important; color: #1a1a1a !important; margin: 0 0 10px 0 !important;\n                line-height: 1.4 !important;\n            }\n            .ads-excerpt {\n                font-size: 14px !important; color: #555 !important; line-height: 1.6 !important;\n                display: -webkit-box !important; -webkit-line-clamp: 3 !important;\n                -webkit-box-orient: vertical !important; overflow: hidden !important;\n            }\n\n            \/* --- LEFT SIDEBAR (MAGNETIC) --- *\/\n            .ads-sidebar-overlay {\n                position: fixed !important; top: 0 !important; left: 0 !important;\n                width: 100% !important; height: 100% !important;\n                background: rgba(0,0,0,0.6) !important;\n                z-index: 99998 !important; opacity: 0 !important; visibility: hidden !important;\n                transition: 0.4s ease !important; backdrop-filter: blur(5px) !important;\n            }\n            .ads-sidebar-overlay.open { opacity: 1 !important; visibility: visible !important; }\n\n            .ads-sidebar {\n                position: fixed !important; top: 0 !important; \n                left: -600px !important; \/* Start Hidden Left *\/\n                width: 500px !important; height: 100vh !important;\n                background: #ffffff !important; z-index: 99999 !important;\n                box-shadow: 10px 0 30px rgba(0,0,0,0.1) !important;\n                transition: 0.4s cubic-bezier(0.77, 0, 0.175, 1) !important;\n                overflow-y: auto !important; display: flex !important; flex-direction: column !important;\n            }\n            .ads-sidebar.open { left: 0 !important; }\n\n            \/* Content inside Sidebar *\/\n            .ads-s-img { width: 100% !important; height: 250px !important; object-fit: cover !important; }\n            .ads-s-body { padding: 40px !important; }\n            .ads-s-title { font-family: 'Outfit', sans-serif !important; font-size: 28px !important; font-weight: 800 !important; color: #1a1a1a !important; margin-bottom: 20px !important; line-height: 1.2 !important; }\n            .ads-s-desc { font-size: 16px !important; color: #444 !important; line-height: 1.7 !important; margin-bottom: 30px !important; }\n            .ads-s-btn {\n                display: block !important; width: 100% !important; text-align: center !important;\n                background: #6B82FA !important; color: white !important; padding: 15px !important;\n                border-radius: 50px !important; text-decoration: none !important; font-weight: 700 !important;\n                transition: 0.3s !important;\n            }\n            .ads-s-btn:hover { background: #0f172a !important; }\n\n            @media (max-width: 600px) {\n                .ads-sidebar { width: 90% !important; }\n                .ads-grid { grid-template-columns: 1fr !important; }\n            }\n        <\/style>\n\n        <div class=\"ads-res-wrap\">\n            <div class=\"ads-cont\">\n                <div class=\"ads-grid\">\n                                        \n                    <div class=\"ads-card\" onclick=\"openResSidebar(\n                        'https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads.webp', \n                        'Demo 3', \n                        'Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis velit a quam tincidunt pharetra. Proin at urna non massa varius pellentesque sit amet et nulla. Sed eget arcu commodo, semper ante et, varius leo. Etiam tristique euismod purus, vel viverra lectus imperdiet eget. Cras tincidunt, nulla sit amet suscipit porta, libero neque [&hellip;]', \n                        'https:\/\/aspiredigitalsolutions.in\/ar\/checklists\/demo-3\/'\n                    )\">\n                        <div class=\"ads-thumb-box\">\n                            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-300x300.webp\" class=\"ads-thumb\">\n                        <\/div>\n                        <div class=\"ads-body\">\n                            <span class=\"ads-cat\">View Checklists<\/span>\n                            <h3 class=\"ads-title\">Demo 3<\/h3>\n                            <p class=\"ads-excerpt\">Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis velit a quam tincidunt pharetra. Proin at urna...<\/p>\n                        <\/div>\n                    <\/div>\n\n                                        \n                    <div class=\"ads-card\" onclick=\"openResSidebar(\n                        'https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads.webp', \n                        'Demo 2', \n                        'Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis velit a quam tincidunt pharetra. Proin at urna non massa varius pellentesque sit amet et nulla. Sed eget arcu commodo, semper ante et, varius leo. Etiam tristique euismod purus, vel viverra lectus imperdiet eget. Cras tincidunt, nulla sit amet suscipit porta, libero neque [&hellip;]', \n                        'https:\/\/aspiredigitalsolutions.in\/ar\/checklists\/demo-2\/'\n                    )\">\n                        <div class=\"ads-thumb-box\">\n                            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-300x300.webp\" class=\"ads-thumb\">\n                        <\/div>\n                        <div class=\"ads-body\">\n                            <span class=\"ads-cat\">View Checklists<\/span>\n                            <h3 class=\"ads-title\">Demo 2<\/h3>\n                            <p class=\"ads-excerpt\">Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis velit a quam tincidunt pharetra. Proin at urna...<\/p>\n                        <\/div>\n                    <\/div>\n\n                                        \n                    <div class=\"ads-card\" onclick=\"openResSidebar(\n                        'https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads.webp', \n                        'Demo', \n                        'Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis velit a quam tincidunt pharetra. Proin at urna non massa varius pellentesque sit amet et nulla. Sed eget arcu commodo, semper ante et, varius leo. Etiam tristique euismod purus, vel viverra lectus imperdiet eget. Cras tincidunt, nulla sit amet suscipit porta, libero neque [&hellip;]', \n                        'https:\/\/aspiredigitalsolutions.in\/ar\/checklists\/demo\/'\n                    )\">\n                        <div class=\"ads-thumb-box\">\n                            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Fb-and-insta-ads-300x300.webp\" class=\"ads-thumb\">\n                        <\/div>\n                        <div class=\"ads-body\">\n                            <span class=\"ads-cat\">View Checklists<\/span>\n                            <h3 class=\"ads-title\">Demo<\/h3>\n                            <p class=\"ads-excerpt\">Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lobortis velit a quam tincidunt pharetra. Proin at urna...<\/p>\n                        <\/div>\n                    <\/div>\n\n                                    <\/div>\n            <\/div>\n        <\/div>\n\n        <div id=\"ads-res-overlay\" class=\"ads-sidebar-overlay\" onclick=\"closeResSidebar()\"><\/div>\n        <div id=\"ads-res-sidebar\" class=\"ads-sidebar\">\n            <img decoding=\"async\" id=\"res-img\" src=\"\" class=\"ads-s-img\">\n            <div class=\"ads-s-body\">\n                <h2 id=\"res-title\" class=\"ads-s-title\"><\/h2>\n                <p id=\"res-desc\" class=\"ads-s-desc\"><\/p>\n                <a id=\"res-link\" href=\"#\" class=\"ads-s-btn\">View Full Details<\/a>\n            <\/div>\n        <\/div>\n\n        <script>\n            function openResSidebar(img, title, desc, link) {\n                document.getElementById('res-img').src = img;\n                document.getElementById('res-title').innerText = title;\n                document.getElementById('res-desc').innerText = desc;\n                document.getElementById('res-link').href = link;\n                \n                document.getElementById('ads-res-sidebar').classList.add('open');\n                document.getElementById('ads-res-overlay').classList.add('open');\n            }\n\n            function closeResSidebar() {\n                document.getElementById('ads-res-sidebar').classList.remove('open');\n                document.getElementById('ads-res-overlay').classList.remove('open');\n            }\n        <\/script>\n\n    <\/div>\n\t\t\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":"","protected":false},"author":1,"featured_media":0,"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-213","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/213","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=213"}],"version-history":[{"count":12,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/213\/revisions"}],"predecessor-version":[{"id":11669,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/213\/revisions\/11669"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=213"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
