{"id":1221,"date":"2026-04-22T11:22:31","date_gmt":"2026-04-22T11:22:31","guid":{"rendered":"https:\/\/kb.rockeye.com\/cmms\/?page_id=1221"},"modified":"2026-04-22T11:22:33","modified_gmt":"2026-04-22T11:22:33","slug":"videos","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/cmms\/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-1216\">\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\tROCKEYE &#8211; Maintenance &#038; Service Solution<\/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-1216\"\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=\"OyJ9G79BUdQ\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Preventive Maintenance Analytics | Scheduled Work Order Reporting\">\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\tPreventive Maintenance<br>Analytics | Scheduled<br>Work Order Reporting\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\/OyJ9G79BUdQ\/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-1216\"\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=\"29ddp6lMdRo\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Equipment Performance &amp; Maintenance Insights | Asset Health Monitoring\">\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\tEquipment Performance<br>&amp; Maintenance<br>Insights | Asset Health<br>Monitoring\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\/29ddp6lMdRo\/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-1216\"\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=\"aHkMr_CjfeU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Tools Module \u2013 Country, State &amp; Notification Settings | Maintenance Workflow Tools\">\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\tTools Module \u2013 Country,<br>State &amp; Notification<br>Settings | Maintenance<br>Workflow Tools\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\/aHkMr_CjfeU\/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-1216\"\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=\"-_8RoU2MOgI\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Meter Trigger \u2013 Usage-Based Maintenance Automation | Preventive Maintenance\">\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\tMeter Trigger \u2013<br>Usage-Based Maintenance<br>Automation | Preventive<br>Maintenance\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\/-_8RoU2MOgI\/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-1216\"\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=\"ku__btn6KXQ\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Procedure Management &amp; Configure Forms | Maintenance Workflow Automation\">\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\tProcedure Management<br>&amp; Configure Forms |<br>Maintenance Workflow<br>Automation\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\/ku__btn6KXQ\/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-1216\"\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=\"Vbl5b3XH9L4\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Restock Parts \u2013 Spare Parts Inventory Replenishment | Maintenance Inventory Management\">\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\tRestock Parts \u2013 Spare<br>Parts Inventory<br>Replenishment |<br>Maintenance Inventory<br>Management\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\/Vbl5b3XH9L4\/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-1216\"\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=\"ll_9fqDmjtI\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Technician Allowance Bills Explained | Maintenance Reimbursement Software\">\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\tTechnician Allowance<br>Bills Explained |<br>Maintenance Reimbursement<br>Software\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\/ll_9fqDmjtI\/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-1216\"\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=\"pxSRgwGpeCs\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Scheduled &amp; Unassigned Work Orders Explained | Maintenance Scheduling Software\">\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\tScheduled &amp;<br>Unassigned Work Orders<br>Explained | Maintenance<br>Scheduling Software\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\/pxSRgwGpeCs\/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-1216\"\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=\"ls1G6AcZFlc\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Work Order Management System | Request to Execution Workflow\">\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\tWork Order Management<br>System | Request to<br>Execution Workflow\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\/ls1G6AcZFlc\/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-1216\"\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=\"AM82kfg7a8I\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Asset Meter Tracking System | Equipment Usage Monitoring 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\tAsset Meter Tracking<br>System | Equipment Usage<br>Monitoring 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\/AM82kfg7a8I\/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-1216\"\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=\"KzIT1pANfwU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Maintenance Invoice Management System | Service Billing Software\">\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\tMaintenance Invoice<br>Management System |<br>Service Billing Software\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\/KzIT1pANfwU\/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-1216\"\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=\"0upODxL4OuA\"\n\t\t\t\t\t\t\t\tdata-video-title=\"How Jobcard Management Systems Improve Maintenance Efficiency\">\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\tHow Jobcard Management<br>Systems Improve<br>Maintenance Efficiency\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\/0upODxL4OuA\/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-1216\"\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=\"dqEEymrpCDc\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Work Order Management System &amp; Issue Tracking Explained\">\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\tWork Order Management<br>System &amp; Issue<br>Tracking Explained\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\/dqEEymrpCDc\/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-1216\"\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=\"r34SoWZSFuQ\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Parts Inventory Management &amp; Spare Parts System Explained\">\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\tParts Inventory<br>Management &amp; Spare<br>Parts System Explained\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\/r34SoWZSFuQ\/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-1216\"\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=\"kO8cMtXPyxY\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Asset Management System &amp; Location Master Setup 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\tAsset Management System<br>&amp; Location Master<br>Setup 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\/kO8cMtXPyxY\/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-1216\"\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=\"z2_cbPSPP2Q\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Technician Allowance Management &amp; Category System 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\tTechnician Allowance<br>Management &amp; Category<br>System 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\/z2_cbPSPP2Q\/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-1216\"\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=\"1QFeb7RQPiU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Technician &amp; Vendor User Management System Explained\">\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\tTechnician &amp; Vendor<br>User Management System<br>Explained\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\/1QFeb7RQPiU\/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-1216\"\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=\"j5k0sqM-e10\"\n\t\t\t\t\t\t\t\tdata-video-title=\"User Management System &amp; Role Based Access Control ERP 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\tUser Management System<br>&amp; Role Based Access<br>Control ERP 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\/j5k0sqM-e10\/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-1216\"\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=\"nEJgd7ubMbU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"ROCKEYE CMMS Product Tour | Elevate Maintenance Efficiency &amp; Asset Performance\">\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 CMMS Product Tour<br>| Elevate Maintenance<br>Efficiency &amp; Asset<br>Performance\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\/nEJgd7ubMbU\/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-1216\"\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=\"j1qPKDQDcEw\"\n\t\t\t\t\t\t\t\tdata-video-title=\"ROCKEYE ERP:  Maintenance and Service 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 ERP:  Maintenance<br>and Service Management<br>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\/j1qPKDQDcEw\/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-1216:hover img {\n\t\t\t\ttransform: scale(1.05);\n\t\t\t}\n\n\t\t\t.kb-video-card-1216: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-1216 .transition-base {\n\t\t\t\ttransition: all 0.3s ease;\n\t\t\t}\n\t\t<\/style>\n\t\t\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-1221","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/pages\/1221","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/comments?post=1221"}],"version-history":[{"count":1,"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/pages\/1221\/revisions"}],"predecessor-version":[{"id":1222,"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/pages\/1221\/revisions\/1222"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/cmms\/wp-json\/wp\/v2\/media?parent=1221"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}