{"id":3927,"date":"2026-04-23T07:19:30","date_gmt":"2026-04-23T07:19:30","guid":{"rendered":"https:\/\/kb.rockeye.com\/dms\/?page_id=3927"},"modified":"2026-04-23T07:19:31","modified_gmt":"2026-04-23T07:19:31","slug":"videos","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/dms\/videos\/","title":{"rendered":"Videos"},"content":{"rendered":"\t\t<!-- Video Tutorials Section -->\n\t\t<section\n\t\t\tclass=\"kb-video-tutorials border-0 p-0 m-0 kb-playlist-3923\">\n\t\t\t<div\n\t\t\t\tclass=\"mb-4\">\n\t\t\t\t<div class=\"\">\n\t\t\t\t\t<h2 class=\"kb-section-heading mb-2\">\n\t\t\t\t\t\tDMS<\/h2>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\n\t\t\t<!-- Video Container -->\n\t\t\t<div\n\t\t\t\tclass=\"row kb-gap-44\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"3YOGgE8uvDE\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Role Creation &amp; Permission Configuration \u2013 Secure Access in ROCKEYE\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tRole Creation &amp;<br>Permission Configuration<br>\u2013 Secure Access in<br>ROCKEYE\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/3YOGgE8uvDE\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"f9zHvWBVHic\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Department Setup &amp; Registry \u2013 Centralized Control in ROCKEYE\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tDepartment Setup &amp;<br>Registry \u2013 Centralized<br>Control in ROCKEYE\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/f9zHvWBVHic\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"hS7tc3VXFIg\"\n\t\t\t\t\t\t\t\tdata-video-title=\"DMS Document Restore &amp; Permanent Deletion\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tDMS Document Restore<br>&amp; Permanent Deletion\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/hS7tc3VXFIg\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"qDNFBHj2hP0\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Digital Document Signing in Document Management System\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tDigital Document Signing<br>in Document Management<br>System\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/qDNFBHj2hP0\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"xoVTCAslhgc\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Template Management for Standardized Document Structures In Document Management System\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tTemplate Management for<br>Standardized Document<br>Structures In Document<br>Management System\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/xoVTCAslhgc\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"I-8nLlNwUZ0\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Category Management in Document Management System\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tCategory Management in<br>Document Management<br>System\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/I-8nLlNwUZ0\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"XVXpDPejUpk\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Metadata Management in Document Management System\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tMetadata Management in<br>Document Management<br>System\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/XVXpDPejUpk\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"5fSCQYKRWqc\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Document Version Control in Document Management System\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tDocument Version Control<br>in Document Management<br>System\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/5fSCQYKRWqc\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"qYO8GFHVxMU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Document Search &amp; Retrieval in Document Management System |\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tDocument Search &amp;<br>Retrieval in Document<br>Management System |\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/qYO8GFHVxMU\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"KRCySFI9mmg\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Folder &amp; File Management in Document Management System\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tFolder &amp; File<br>Management in Document<br>Management System\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/KRCySFI9mmg\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"QtTsHWgtbJg\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Monitor Files &amp; Activity with ROCKEYE Document Management System | DMS Dashboard Guide\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tMonitor Files &amp;<br>Activity with ROCKEYE<br>Document Management<br>System | DMS Dashboard<br>Guide\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/QtTsHWgtbJg\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"CSt5JqdY6UU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"ROCKEYE Document Management System | Full Product Tour &amp; Demo 2025\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tROCKEYE Document<br>Management System | Full<br>Product Tour &amp; Demo<br>2025\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/CSt5JqdY6UU\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"RqKNo-oF9bA\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Document Management System | Revolutionize Your Workflow with ROCKEYE\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tDocument Management<br>System | Revolutionize<br>Your Workflow with<br>ROCKEYE\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/RqKNo-oF9bA\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-xl-4 col-md-6 mb-4\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-3923\"\n\t\t\t\t\t\t\t\tstyle=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n\t\t\t\t\t\t\t\tdata-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n\t\t\t\t\t\t\t\tdata-video-id=\"8EIph6ho6vU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"ROCKEYE DMS: Document Management Solution!\">\n\n\t\t\t\t\t\t\t\t<!-- Text Content Overlay -->\n\t\t\t\t\t\t\t\t<div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n\t\t\t\t\t\t\t\t\tstyle=\"z-index: 10;\">\n\t\t\t\t\t\t\t\t\t<div class=\"kb-video-label mb-2 pb-1\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n\t\t\t\t\t\t\t\t\t\t<i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<h4 class=\"kb-video-title fw-bold\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"text-shadow: 0px 2px 4px rgba(0,0,0,0.8); line-height: 1.3; font-size: 1.35rem;\">\n\t\t\t\t\t\t\t\t\t\tROCKEYE DMS: Document<br>Management Solution!\t\t\t\t\t\t\t\t\t<\/h4>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Play Icon Centered Overlay -->\n\t\t\t\t\t\t\t\t<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\t\t\t\t\t\t\t\t\tstyle=\"z-index: 5; pointer-events: none;\">\n\t\t\t\t\t\t\t\t\t<i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t\t\t<!-- Thumbnail background with gradient overlay -->\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/8EIph6ho6vU\/maxresdefault.jpg\" alt=\"thumbnail\"\n\t\t\t\t\t\t\t\t\t\tclass=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\t\tstyle=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n\t\t\t\t\t\t\t\t\t\taria-hidden=\"true\">\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t<!-- Gradient for text readability -->\n\t\t\t\t\t\t\t\t<div class=\"position-absolute w-100 h-100\"\n\t\t\t\t\t\t\t\t\tstyle=\"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\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\n\t\t<!-- Global Video Popup Modal -->\n\t\t\t\t\t<div class=\"modal fade kb-video-modal\" id=\"videoPopup\" tabindex=\"-1\" aria-labelledby=\"videoPopupLabel\"\n\t\t\t\taria-hidden=\"true\">\n\t\t\t\t<div class=\"modal-dialog modal-lg modal-dialog-centered\">\n\t\t\t\t\t<div class=\"modal-content bg-dark border-0\">\n\t\t\t\t\t\t<div class=\"modal-header border-bottom-0 pb-0\">\n\t\t\t\t\t\t\t<h5 class=\"modal-title text-white\" id=\"videoPopupLabel\">Video Tutorial<\/h5>\n\t\t\t\t\t\t\t<button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n\t\t\t\t\t\t\t\taria-label=\"Close\"><\/button>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"modal-body p-0\">\n\t\t\t\t\t\t\t<div class=\"ratio ratio-16x9\">\n\t\t\t\t\t\t\t\t<iframe id=\"tutorialVideoFrame\" src=\"\" title=\"Video\" allowfullscreen\n\t\t\t\t\t\t\t\t\tstyle=\"border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;\"><\/iframe>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t<style>\n\t\t\t\/* Micro-interactions & styling for video cards *\/\n\t\t\t.kb-video-card-3923:hover img {\n\t\t\t\ttransform: scale(1.05);\n\t\t\t}\n\n\t\t\t.kb-video-card-3923:hover .kb-video-play-icon {\n\t\t\t\tcolor: #fff !important;\n\t\t\t\ttransform: scale(1.1);\n\t\t\t}\n\n\t\t\t.kb-video-card-3923 .transition-base {\n\t\t\t\ttransition: all 0.3s ease;\n\t\t\t}\n\t\t<\/style>\n\t\t\n\n\n\n<p><\/p>\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-3927","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/pages\/3927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/comments?post=3927"}],"version-history":[{"count":1,"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/pages\/3927\/revisions"}],"predecessor-version":[{"id":3928,"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/pages\/3927\/revisions\/3928"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/dms\/wp-json\/wp\/v2\/media?parent=3927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}