{"id":1478,"date":"2026-04-21T04:59:44","date_gmt":"2026-04-21T04:59:44","guid":{"rendered":"https:\/\/kb.rockeye.com\/finance\/?page_id=1478"},"modified":"2026-04-21T04:59:45","modified_gmt":"2026-04-21T04:59:45","slug":"videos","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/finance\/videos\/","title":{"rendered":"videos"},"content":{"rendered":"        <!-- Video Tutorials Section -->\n        <section\n            class=\"kb-video-tutorials border-0 p-0 m-0 kb-playlist-1470\">\n            <div\n                class=\"mb-4\">\n                <div class=\"\">\n                    <h2 class=\"kb-section-heading mb-2\">\n                        Financial Accounting Software<\/h2>\n                                                        <\/div>\n                            <\/div>\n\n            <!-- Video Container -->\n            <div\n                class=\"row kb-gap-44\">\n                                                            <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"DscKaP6OOxc\"\n                                data-video-title=\"Opening Bank Voucher Receipt | ROCKEYE ERP Bank Receipt Migration\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/DscKaP6OOxc\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Bank Voucher<br>Receipt | ROCKEYE ERP<br>Bank Receipt Migration                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"QHGePITQn9Y\"\n                                data-video-title=\"Opening Balance Setup in ROCKEYE ERP | Ledger &amp; Inventory Initialization Made Easy\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/QHGePITQn9Y\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Balance Setup in<br>ROCKEYE ERP | Ledger<br>&amp; Inventory<br>Initialization Made Easy                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"5MD3svLz7vc\"\n                                data-video-title=\"Withholding Tax Setup in ROCKEYE ERP | WHT Accounting &amp; Compliance Made Easy\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/5MD3svLz7vc\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Withholding Tax Setup in<br>ROCKEYE ERP | WHT<br>Accounting &amp;<br>Compliance Made Easy                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"Hf_COaZFD7Y\"\n                                data-video-title=\"Supplier Management Accounting Made Simple | ERP Vendor Management Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Hf_COaZFD7Y\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Supplier Management<br>Accounting Made Simple |<br>ERP Vendor Management<br>Guide                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"A0-LcN1BJLY\"\n                                data-video-title=\"Customer Receipt Accounting Made Simple | ERP Bank Receipt Process\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/A0-LcN1BJLY\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Customer Receipt<br>Accounting Made Simple |<br>ERP Bank Receipt Process                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"KvWIXYYTmrY\"\n                                data-video-title=\"Chart of Accounts Setup in ROCKEYE ERP | General Ledger Setup Made Easy\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/KvWIXYYTmrY\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Chart of Accounts Setup<br>in ROCKEYE ERP | General<br>Ledger Setup Made Easy                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"pZJ1arWDK6A\"\n                                data-video-title=\"Geo Location Master Setup in ROCKEYE ERP | Country State City Configuration Made Easy\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/pZJ1arWDK6A\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Geo Location Master Setup<br>in ROCKEYE ERP | Country<br>State City Configuration<br>Made Easy                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"ufZ1F4dFnKQ\"\n                                data-video-title=\"Opening Cash Voucher Payment in ROCKEYE ERP | Fix Cash Payment Accounting\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/ufZ1F4dFnKQ\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Cash Voucher<br>Payment in ROCKEYE ERP |<br>Fix Cash Payment<br>Accounting                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"phLrFzR_m9w\"\n                                data-video-title=\"Opening Cash Voucher Receipt in ROCKEYE ERP | Fix Cash Receipt Accounting\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/phLrFzR_m9w\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Cash Voucher<br>Receipt in ROCKEYE ERP |<br>Fix Cash Receipt<br>Accounting                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"j70oakPjGPQ\"\n                                data-video-title=\"Opening Bank Voucher Payment \u2013 Record Historical Bank Payments\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/j70oakPjGPQ\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Bank Voucher<br>Payment \u2013 Record<br>Historical Bank Payments                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"hxDRtICyTSY\"\n                                data-video-title=\"Opening Sales Return in ROCKEYE ERP | Fix Sales Return Accounting Easily\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/hxDRtICyTSY\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Sales Return in<br>ROCKEYE ERP | Fix Sales<br>Return Accounting Easily                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"yQEuSw7ND2w\"\n                                data-video-title=\"Opening Receivable Other in ROCKEYE ERP | Non-Trade Receivables Accounting\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/yQEuSw7ND2w\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Receivable Other<br>in ROCKEYE ERP |<br>Non-Trade Receivables<br>Accounting                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"kxcmLWD13mg\"\n                                data-video-title=\"Opening Sales Debit Note Setup for Accurate Receivable Adjustments\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/kxcmLWD13mg\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Sales Debit Note<br>Setup for Accurate<br>Receivable Adjustments                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"WdQOehbyvhE\"\n                                data-video-title=\"Opening Sales Voucher Setup for Accurate Customer Balances\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/WdQOehbyvhE\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Sales Voucher<br>Setup for Accurate<br>Customer Balances                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"ktQoH7781ck\"\n                                data-video-title=\"Opening Expense Voucher Setup for Accurate Liability Recording\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/ktQoH7781ck\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Expense Voucher<br>Setup for Accurate<br>Liability Recording                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"ti4ZWn69C9k\"\n                                data-video-title=\"Opening Purchase Return Setup for Accurate Inventory Reversal\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/ti4ZWn69C9k\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Purchase Return<br>Setup for Accurate<br>Inventory Reversal                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"tFxPqg43V68\"\n                                data-video-title=\"Opening Payable Others Setup for Accurate Liability Migration ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/tFxPqg43V68\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Payable Others<br>Setup for Accurate<br>Liability Migration ERP                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"MYhxImVXyPE\"\n                                data-video-title=\"Opening Purchase Debit Note for Accurate Vendor Adjustments ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/MYhxImVXyPE\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Purchase Debit<br>Note for Accurate Vendor<br>Adjustments ERP                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"mEb47pLktGE\"\n                                data-video-title=\"Opening Purchase Voucher Setup for Accurate Vendor Liabilities\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/mEb47pLktGE\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Opening Purchase Voucher<br>Setup for Accurate Vendor<br>Liabilities                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"To_SycxVp4U\"\n                                data-video-title=\"Currency &amp; Deal Master Setup for Global Financial Control\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/To_SycxVp4U\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Currency &amp; Deal<br>Master Setup for Global<br>Financial Control                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"sCQrIJlkKms\"\n                                data-video-title=\"VAT Configuration &amp; GL Mapping\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/sCQrIJlkKms\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        VAT Configuration &amp;<br>GL Mapping                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"IaH_NDAbBC0\"\n                                data-video-title=\"Bank List &amp; Account Setup in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/IaH_NDAbBC0\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Bank List &amp; Account<br>Setup in ERP                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"CIa_K-PNzec\"\n                                data-video-title=\"Sales Credit Note Process in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/CIa_K-PNzec\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Sales Credit Note Process<br>in ERP                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"dHQ9OjLRvHA\"\n                                data-video-title=\"Sales Debit Note Process in ERP | Accounting &amp; GL Impact\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/dHQ9OjLRvHA\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Sales Debit Note Process<br>in ERP | Accounting &amp;<br>GL Impact                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"hZqOatqEA18\"\n                                data-video-title=\"Sales Credit Note Process in ERP | Accounting &amp; GL Impact\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/hZqOatqEA18\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Sales Credit Note Process<br>in ERP | Accounting &amp;<br>GL Impact                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"94HoW_1SZH4\"\n                                data-video-title=\"Sales Return Accounting Process in ERP | Credit &amp; GL Impact\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/94HoW_1SZH4\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Sales Return Accounting<br>Process in ERP | Credit<br>&amp; GL Impact                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"qnLp5al9x4g\"\n                                data-video-title=\"Sales Voucher \u2013 Invoice Creation &amp; Revenue Recording\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/qnLp5al9x4g\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Sales Voucher \u2013 Invoice<br>Creation &amp; Revenue<br>Recording                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"XMo318qrZlg\"\n                                data-video-title=\"Receivable Allocation Process That Prevents Unmatched Customer Payments\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/XMo318qrZlg\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Receivable Allocation<br>Process That Prevents<br>Unmatched Customer<br>Payments                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"PCFc2WJVvmk\"\n                                data-video-title=\"Expense Voucher Entry That Prevents Untracked Company Spending\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/PCFc2WJVvmk\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Expense Voucher Entry<br>That Prevents Untracked<br>Company Spending                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"60Up67XeIkc\"\n                                data-video-title=\"Miscellaneous Payable Entry That Prevents Untracked Expenses\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/60Up67XeIkc\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Miscellaneous Payable<br>Entry That Prevents<br>Untracked Expenses                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"kL8FEHNjnAk\"\n                                data-video-title=\"Payment Plan \u2013 Vendor Settlement Scheduling\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/kL8FEHNjnAk\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Payment Plan \u2013 Vendor<br>Settlement Scheduling                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"IzcICE8Hv18\"\n                                data-video-title=\"Purchase Debit Note Entry\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/IzcICE8Hv18\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Purchase Debit Note Entry                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"RZtdiFASmJs\"\n                                data-video-title=\"Avoid Overpayments &amp; Double Billing with Real-Time Visibility\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/RZtdiFASmJs\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Avoid Overpayments &amp;<br>Double Billing with<br>Real-Time Visibility                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"6x9YJubHZzA\"\n                                data-video-title=\"Purchase Return Process | Vendor Credit &amp; Inventory Reversal Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/6x9YJubHZzA\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Purchase Return Process |<br>Vendor Credit &amp;<br>Inventory Reversal<br>Explained                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"U-drw5rXqCU\"\n                                data-video-title=\"Purchase Bill Entry Without Errors or Missing Invoices\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/U-drw5rXqCU\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Purchase Bill Entry<br>Without Errors or Missing<br>Invoices                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"qMt4Vzqo_ow\"\n                                data-video-title=\"Overpayments &amp; Missing Invoices? Fix It with Proactive Reconciliation\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/qMt4Vzqo_ow\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Overpayments &amp;<br>Missing Invoices? Fix It<br>with Proactive<br>Reconciliation                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"gT4mZVPrDoo\"\n                                data-video-title=\"Bank Payment Process That Prevents Uncontrolled Fund Disbursement\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/gT4mZVPrDoo\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Bank Payment Process That<br>Prevents Uncontrolled<br>Fund Disbursement                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"XoKeGZ9LNm0\"\n                                data-video-title=\"Manual Ledger Mistakes? Fix Them with ROCKEYE\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/XoKeGZ9LNm0\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Manual Ledger Mistakes?<br>Fix Them with ROCKEYE                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"9vF8iCmg9u4\"\n                                data-video-title=\"Manual Cash Payments Are Risky \u2014 Automate the Process with ROCKEYE\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/9vF8iCmg9u4\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Manual Cash Payments Are<br>Risky \u2014 Automate the<br>Process with ROCKEYE                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"y7QtNHeaYhg\"\n                                data-video-title=\"Cash Receipts Recorded Instantly with ROCKEYE\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/y7QtNHeaYhg\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Cash Receipts Recorded<br>Instantly with ROCKEYE                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"MhJnr0FQ14w\"\n                                data-video-title=\"Stop Manual Errors &amp; Automate Bank Reconciliation with ROCKEYE\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/MhJnr0FQ14w\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Stop Manual Errors &amp;<br>Automate Bank<br>Reconciliation with<br>ROCKEYE                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"KfE3IHvDMJU\"\n                                data-video-title=\"ROCKEYE Finance &amp; Accounting Solution | From Transactions to Insights Full Product Tour.\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/KfE3IHvDMJU\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        ROCKEYE Finance &amp;<br>Accounting Solution |<br>From Transactions to<br>Insights Full Product<br>Tour.                                    <\/h4>\n                        <\/div>\n                                                                <div class=\"col-xl-4 col-md-6 mb-4\">\n                                                    <div class=\"kb-video-card kb-video-card-1470\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"n1v_d8ZSUrM\"\n                                data-video-title=\"ROCKEYE ERP: Financial Accounting Solution!\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/n1v_d8ZSUrM\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        ROCKEYE ERP: Financial<br>Accounting Solution!                                    <\/h4>\n                        <\/div>\n                                    <\/div>\n        <\/section>\n\n        <!-- Global Video Popup Modal -->\n                    <div class=\"modal fade kb-video-modal\" id=\"videoPopup\" tabindex=\"-1\" aria-labelledby=\"videoPopupLabel\"\n                aria-hidden=\"true\">\n                <div class=\"modal-dialog modal-lg modal-dialog-centered\">\n                    <div class=\"modal-content bg-dark border-0\">\n                        <div class=\"modal-header border-bottom-0 pb-0\">\n                            <h5 class=\"modal-title text-white\" id=\"videoPopupLabel\">Video Tutorial<\/h5>\n                            <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                                aria-label=\"Close\"><\/button>\n                        <\/div>\n                        <div class=\"modal-body p-0\">\n                            <div class=\"ratio ratio-16x9\">\n                                <iframe id=\"tutorialVideoFrame\" src=\"\" title=\"Video\" allowfullscreen\n                                    style=\"border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    \n        <style>\n            \/* Micro-interactions & styling for video cards *\/\n            .kb-video-card-1470:hover img {\n                transform: scale(1.05);\n            }\n\n            .kb-video-card-1470:hover .kb-video-play-icon {\n                color: #fff !important;\n                transform: scale(1.1);\n            }\n\n            .kb-video-card-1470 .transition-base {\n                transition: all 0.3s ease;\n            }\n        <\/style>\n        \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-video-tutorial.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-1478","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/pages\/1478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/comments?post=1478"}],"version-history":[{"count":1,"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/pages\/1478\/revisions"}],"predecessor-version":[{"id":1479,"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/pages\/1478\/revisions\/1479"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/finance\/wp-json\/wp\/v2\/media?parent=1478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}