{"id":216,"date":"2024-10-15T04:23:05","date_gmt":"2024-10-15T04:23:05","guid":{"rendered":"https:\/\/aspiredigitalsolutions.in\/educational-videos\/"},"modified":"2026-01-18T13:53:22","modified_gmt":"2026-01-18T08:23:22","slug":"educational-videos","status":"publish","type":"page","link":"https:\/\/aspiredigitalsolutions.in\/ar\/educational-videos\/","title":{"rendered":"Educational videos"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"216\" class=\"elementor elementor-216\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1a88927 e-con-full e-flex e-con e-parent\" data-id=\"1a88927\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07da32a elementor-widget elementor-widget-shortcode\" data-id=\"07da32a\" 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\">Educational videos<\/span>\n        <\/div>\n\n        <h1 class=\"ads-hero-h1\">Educational videos<\/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-2c21fb5 e-con-full e-flex e-con e-parent\" data-id=\"2c21fb5\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cdc20b0 elementor-widget elementor-widget-shortcode\" data-id=\"cdc20b0\" 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\/Banking-and-Finance.webp', \n                        'Demo 3', \n                        'Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam convallis massa rhoncus leo tempus semper. Praesent quis lectus at tellus viverra aliquet nec a mi. Aliquam ornare leo non libero lacinia fermentum. Praesent suscipit lacus a ex pellentesque, ut ornare augue tristique. Nam sollicitudin velit luctus justo mattis, pulvinar luctus diam finibus. Curabitur [&hellip;]', \n                        'https:\/\/aspiredigitalsolutions.in\/ar\/educational-videos\/demo-3\/'\n                    )\">\n                        <div class=\"ads-thumb-box\">\n                            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Banking-and-Finance-300x300.webp\" class=\"ads-thumb\">\n                        <\/div>\n                        <div class=\"ads-body\">\n                            <span class=\"ads-cat\">View Educational videos<\/span>\n                            <h3 class=\"ads-title\">Demo 3<\/h3>\n                            <p class=\"ads-excerpt\">Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam convallis massa rhoncus leo tempus semper. Praesent quis lectus...<\/p>\n                        <\/div>\n                    <\/div>\n\n                                        \n                    <div class=\"ads-card\" onclick=\"openResSidebar(\n                        'https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Banking-and-Finance.webp', \n                        'Demo 2', \n                        'Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam convallis massa rhoncus leo tempus semper. Praesent quis lectus at tellus viverra aliquet nec a mi. Aliquam ornare leo non libero lacinia fermentum. Praesent suscipit lacus a ex pellentesque, ut ornare augue tristique. Nam sollicitudin velit luctus justo mattis, pulvinar luctus diam finibus. Curabitur [&hellip;]', \n                        'https:\/\/aspiredigitalsolutions.in\/ar\/educational-videos\/demo-2\/'\n                    )\">\n                        <div class=\"ads-thumb-box\">\n                            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Banking-and-Finance-300x300.webp\" class=\"ads-thumb\">\n                        <\/div>\n                        <div class=\"ads-body\">\n                            <span class=\"ads-cat\">View Educational videos<\/span>\n                            <h3 class=\"ads-title\">Demo 2<\/h3>\n                            <p class=\"ads-excerpt\">Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam convallis massa rhoncus leo tempus semper. Praesent quis lectus...<\/p>\n                        <\/div>\n                    <\/div>\n\n                                        \n                    <div class=\"ads-card\" onclick=\"openResSidebar(\n                        'https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Banking-and-Finance.webp', \n                        'Demo', \n                        'Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam convallis massa rhoncus leo tempus semper. Praesent quis lectus at tellus viverra aliquet nec a mi. Aliquam ornare leo non libero lacinia fermentum. Praesent suscipit lacus a ex pellentesque, ut ornare augue tristique. Nam sollicitudin velit luctus justo mattis, pulvinar luctus diam finibus. Curabitur [&hellip;]', \n                        'https:\/\/aspiredigitalsolutions.in\/ar\/educational-videos\/demo\/'\n                    )\">\n                        <div class=\"ads-thumb-box\">\n                            <img decoding=\"async\" src=\"https:\/\/aspiredigitalsolutions.in\/wp-content\/uploads\/2025\/03\/Banking-and-Finance-300x300.webp\" class=\"ads-thumb\">\n                        <\/div>\n                        <div class=\"ads-body\">\n                            <span class=\"ads-cat\">View Educational videos<\/span>\n                            <h3 class=\"ads-title\">Demo<\/h3>\n                            <p class=\"ads-excerpt\">Lorem Ipsum Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam convallis massa rhoncus leo tempus semper. Praesent quis lectus...<\/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-216","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/216","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=216"}],"version-history":[{"count":9,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/216\/revisions"}],"predecessor-version":[{"id":11693,"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/pages\/216\/revisions\/11693"}],"wp:attachment":[{"href":"https:\/\/aspiredigitalsolutions.in\/ar\/wp-json\/wp\/v2\/media?parent=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}