{"id":2908,"date":"2026-04-21T08:02:50","date_gmt":"2026-04-21T08:02:50","guid":{"rendered":"https:\/\/kb.rockeye.com\/hrms\/?page_id=2908"},"modified":"2026-04-21T08:03:09","modified_gmt":"2026-04-21T08:03:09","slug":"human-resource","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/hrms\/","title":{"rendered":"Human Resource"},"content":{"rendered":"        <section class=\"kb-domain-banner p-4 p-md-5 rounded-4 mb-5 position-relative overflow-hidden\">\r\n          <div class=\"kb-domain-banner-gradient position-absolute top-0 end-0 h-100 w-100\"><\/div>\r\n          <div class=\"position-relative banner-content-z\">\r\n            <!-- Top Row: Icon\/Title Header & Button -->\r\n            <div\r\n              class=\"d-flex flex-column flex-md-row justify-content-between align-items-start align-items-md-center gap-4 mb-4\">\r\n              <div class=\"d-flex align-items-center\">\r\n                <div class=\"kb-domain-banner-icon-wrapper me-3 flex-shrink-0\">\r\n                  <img decoding=\"async\"\r\n                    src=\"https:\/\/kb.rockeye.com\/hrms\/wp-content\/themes\/KBrockeye\/assets\/images\/product-logo\/Rockeye_logo_financial_accounting.svg\"\r\n                    alt=\"Financial Accounting Logo\" class=\"w-100 h-100 banner-logo\">\r\n                <\/div>\r\n                <div>\r\n                  <div class=\"kb-domain-banner-label\">ROCKEYE<\/div>\r\n                  <h2 class=\"kb-domain-banner-title text-white m-0\">\r\n    Human Resource<\/h2>\r\n                <\/div>\r\n              <\/div>\r\n              <div class=\"flex-shrink-0\">\r\n                <a href=\"#\" class=\"btn btn-kb-brand\">What's New<\/a>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Bottom Row: Description -->\r\n            <div class=\"kb-domain-banner-desc-col\">\r\n              <p class=\"kb-domain-banner-desc m-0\">\r\n                Revolutionize your finances with our next-gen cloud accounting solution \u2014 real-time insights,\r\n                unmatched flexibility, and scalable growth.\r\n              <\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\n\n\n        <section class=\"kb-modules-grid mb-5 pb-2\">\r\n          <div class=\"row g-4\">\r\n            <!-- Card 1 -->\r\n            <div class=\"col-md-6\">\r\n              <div class=\"kb-section-card border-top-success\">\r\n                <h3 class=\"kb-sc-title\">Get Started<\/h3>\r\n                <ul class=\"kb-sc-list\">\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-play\"><\/i> Video Tutorials<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-play\"><\/i> Video Tutorials<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-lightbulb\"><\/i> Frequently Asked Questions<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-lightbulb\"><\/i> Frequently Asked Questions<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-text\"><\/i> Use Cases<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-text\"><\/i> Use Cases<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-diagram-3\"><\/i> Workflow Overview<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-diagram-3\"><\/i> Workflow Overview<\/a><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 2 -->\r\n            <div class=\"col-md-6\">\r\n              <div class=\"kb-section-card border-top-info\">\r\n                <h3 class=\"kb-sc-title\">Explore the Playground<\/h3>\r\n                <ul class=\"kb-sc-list\">\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-bar-graph\"><\/i> Business Intelligence \/ Dashboard<\/a>\r\n                  <\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-bar-graph\"><\/i> Business Intelligence \/ Dashboard<\/a>\r\n                  <\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-gear\"><\/i> Core Configuration of Master Module<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-gear\"><\/i> Core Configuration of Master Module<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-arrow-left-right\"><\/i> Transaction Module<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-arrow-left-right\"><\/i> Transaction Module<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-spreadsheet\"><\/i> Business Reports<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-spreadsheet\"><\/i> Business Reports<\/a><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 3 -->\r\n            <div class=\"col-md-6\">\r\n              <div class=\"kb-section-card border-top-warning\">\r\n                <h3 class=\"kb-sc-title\">Important Modules<\/h3>\r\n                <ul class=\"kb-sc-list\">\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-text\"><\/i> Account Receivables<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-text\"><\/i> Account Receivables<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-text\"><\/i> Account Payables<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-file-earmark-text\"><\/i> Account Payables<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-bank\"><\/i> Bank & Cash Transactions<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-bank\"><\/i> Bank & Cash Transactions<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-journal-text\"><\/i> Manual Journal<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-journal-text\"><\/i> Manual Journal<\/a><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <!-- Card 4 -->\r\n            <div class=\"col-md-6\">\r\n              <div class=\"kb-section-card border-top-danger\">\r\n                <h3 class=\"kb-sc-title\">Support<\/h3>\r\n                <ul class=\"kb-sc-list single-col\">\r\n                  <li><a href=\"#\"><i class=\"bi bi-chat-left-text\"><\/i> Support Requests<\/a><\/li>\r\n                  <li><a href=\"#\"><i class=\"bi bi-gear-wide-connected\"><\/i> Create a service request<\/a><\/li>\r\n                <\/ul>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/section>\n\n\n\t\t<!-- Video Tutorials Section -->\n\t\t<section\n\t\t\tclass=\"kb-video-tutorials  kb-playlist-2907\">\n\t\t\t<div\n\t\t\t\tclass=\"d-flex flex-wrap justify-content-between align-items-center mb-4 pb-2 gap-3\">\n\t\t\t\t<div class=\"flex-grow-1\">\n\t\t\t\t\t<h2 class=\"kb-section-heading mb-3\">\n\t\t\t\t\t\thrms<\/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\t\t<div class=\"d-flex align-items-center gap-2\">\n\t\t\t\t\t\t<div class=\"d-flex gap-1 ms-2\">\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"btn btn-outline-secondary btn-icon-nav kb-nav-prev kb-nav-prev-2907\"\n\t\t\t\t\t\t\t\taria-label=\"Previous Video\">\n\t\t\t\t\t\t\t\t<i class=\"bi bi-chevron-left\"><\/i>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t<button\n\t\t\t\t\t\t\t\tclass=\"btn btn-outline-secondary btn-icon-nav kb-nav-next kb-nav-next-2907\"\n\t\t\t\t\t\t\t\taria-label=\"Next Video\">\n\t\t\t\t\t\t\t\t<i class=\"bi bi-chevron-right\"><\/i>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t<\/div>\n\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=\"owl-carousel owl-theme kb-video-carousel kb-video-carousel-2907 mb-5 pb-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"3f2mqnvwLaM\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Manage Overtime Requests in HRMS | ROCKEYE ERP Human Resource 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\tManage Overtime Requests<br>in HRMS | ROCKEYE ERP<br>Human Resource 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\/3f2mqnvwLaM\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"I5DC37VJd_Q\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Complete Employee Exit Settlement 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\tComplete Employee Exit<br>Settlement with 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\/I5DC37VJd_Q\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"mR3GhFxnPHs\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Complete Salary Structure in Human Resource 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\tComplete Salary Structure<br>in Human Resource<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\/mR3GhFxnPHs\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"8gaZFPR8vyY\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Configure Company Master &amp; Entity Controls with ROCKEYE Attendance 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\tConfigure Company Master<br>&amp; Entity Controls<br>with ROCKEYE Attendance<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\/8gaZFPR8vyY\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"GEGXczpYnvI\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Plan &amp; Manage Annual Employee Leave with ROCKEYE HRMS | Leave Planner 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\tPlan &amp; Manage Annual<br>Employee Leave with<br>ROCKEYE HRMS | Leave<br>Planner 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\/GEGXczpYnvI\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"2HvKx4ivrp4\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Manage Employee Suspension &amp; Payroll Sync with ROCKEYE HRMS | Compliance 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\tManage Employee<br>Suspension &amp; Payroll<br>Sync with ROCKEYE HRMS |<br>Compliance 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\/2HvKx4ivrp4\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"LeV220tjncw\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Manage Company Assets &amp; HR Resource Tracking with ROCKEYE HRMS | Full 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\tManage Company Assets<br>&amp; HR Resource<br>Tracking with ROCKEYE<br>HRMS | Full 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\/LeV220tjncw\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"hgq7D7LF9W4\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Run &amp; Manage Payroll Accurately with ROCKEYE HRMS | Payroll Processing 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\tRun &amp; Manage Payroll<br>Accurately with ROCKEYE<br>HRMS | Payroll Processing<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\/hgq7D7LF9W4\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"F__okfA2KzY\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Transform Your HR Processes with Automated Loan 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\tTransform Your HR<br>Processes with Automated<br>Loan 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\/F__okfA2KzY\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"CdpQcdwgZww\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Transform Your HRMS into a Performance Powerhouse for Enterprises!\">\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\tTransform Your HRMS into<br>a Performance Powerhouse<br>for Enterprises!\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\/CdpQcdwgZww\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"wDpFuyzBcXM\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Eliminate Payroll Errors with Seamless Attendance 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\tEliminate Payroll Errors<br>with Seamless Attendance<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\/wDpFuyzBcXM\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"FXJIWeoERVk\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Boost Productivity, Reduce Turnover, and Engage Your Team with Actionable Employee Feedback\">\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\tBoost Productivity,<br>Reduce Turnover, and<br>Engage Your Team with<br>Actionable Employee<br>Feedback\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\/FXJIWeoERVk\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"c8_hlWs-tao\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Leave requests should never slow down your workflow. Let automation take over.\">\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\tLeave requests should<br>never slow down your<br>workflow. Let automation<br>take over.\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\/c8_hlWs-tao\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"ll6TN_zkCWA\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Master Your Team&#039;s Time Off with ROCKEYE HRMS!\">\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\tMaster Your Team&#039;s<br>Time Off with ROCKEYE<br>HRMS!\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\/ll6TN_zkCWA\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"oq0nM-j_6Mo\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Configure Payroll Contribution Components with ROCKEYE HRMS | 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\tConfigure Payroll<br>Contribution Components<br>with ROCKEYE HRMS | Setup<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\/oq0nM-j_6Mo\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"EfCSpAyJAA0\"\n\t\t\t\t\t\t\t\tdata-video-title=\"HRMS: The Non-Negotiable Solution for Effortless Payroll &amp; Compensation 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\tHRMS: The Non-Negotiable<br>Solution for Effortless<br>Payroll &amp;<br>Compensation 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\/EfCSpAyJAA0\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"jQYvyeRWfG4\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Effortlessly Configure Payroll Tax Slabs with HRMS for Seamless Compliance &amp; Accuracy\">\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\tEffortlessly Configure<br>Payroll Tax Slabs with<br>HRMS for Seamless<br>Compliance &amp; Accuracy\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\/jQYvyeRWfG4\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"SgQMgzg2nKA\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Transform Your Payroll Management: HRMS &amp; Automation for Seamless Accuracy &amp; Growth!\">\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\tTransform Your Payroll<br>Management: HRMS &amp;<br>Automation for Seamless<br>Accuracy &amp; Growth!\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\/SgQMgzg2nKA\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"LdwImAWXfh0\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Automate Employee Loan &amp; Advance Management with HRMS for All Industry Sizes\">\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\tAutomate Employee Loan<br>&amp; Advance Management<br>with HRMS for All<br>Industry Sizes\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\/LdwImAWXfh0\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"sWihoGPjC30\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Take Control of FMLA, ADA, and All Leave Requests with HRMS for Seamless Compliance &amp; 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\tTake Control of FMLA,<br>ADA, and All Leave<br>Requests with HRMS for<br>Seamless Compliance &amp;<br>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\/sWihoGPjC30\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"30N_5fMVkUU\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Time and Attendance Software: Shift Master &amp; Workforce Scheduling Setup\">\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\tTime and Attendance<br>Software: Shift Master<br>&amp; Workforce<br>Scheduling Setup\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\/30N_5fMVkUU\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"7fgaiovdytg\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Break Policy Management in HRMS\">\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\tBreak Policy Management<br>in HRMS\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\/7fgaiovdytg\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"G2Ol-xFHC-g\"\n\t\t\t\t\t\t\t\tdata-video-title=\"HR Operations Software for Centralized News Announcements &amp; Internal Communication\">\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\tHR Operations Software<br>for Centralized News<br>Announcements &amp;<br>Internal Communication\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\/G2Ol-xFHC-g\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"e29GC1ftueo\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Human Resource Management System Guide: Employee Exit &amp; Separation 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\tHuman Resource Management<br>System Guide: Employee<br>Exit &amp; Separation<br>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\/e29GC1ftueo\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"78XqS1hfEo0\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Human Resource Management System Guide: Overtime Policy Setup &amp; Payroll 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\tHuman Resource Management<br>System Guide: Overtime<br>Policy Setup &amp;<br>Payroll 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\/78XqS1hfEo0\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"h_CgG9kpMio\"\n\t\t\t\t\t\t\t\tdata-video-title=\"Register and Manage Employee Profiles\">\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\tRegister and Manage<br>Employee Profiles\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\/h_CgG9kpMio\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"2HR3chnXHBo\"\n\t\t\t\t\t\t\t\tdata-video-title=\"ROCKEYE HRMS | Full Walkthrough for Smarter Payroll, Attendance &amp; Performance 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\tROCKEYE HRMS | Full<br>Walkthrough for Smarter<br>Payroll, Attendance &amp;<br>Performance 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\/2HR3chnXHBo\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"g4woGHnX5-E\"\n\t\t\t\t\t\t\t\tdata-video-title=\"HRMS Solutions | Transform Workforce Management 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\tHRMS Solutions |<br>Transform Workforce<br>Management with 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\/g4woGHnX5-E\/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\t<div class=\"item\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"kb-video-card kb-video-card-2907\"\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=\"2cBMqk8e5Qg\"\n\t\t\t\t\t\t\t\tdata-video-title=\"ROCKEYE ERP: Human Resource 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: Human<br>Resource 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\/2cBMqk8e5Qg\/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-2907:hover img {\n\t\t\t\ttransform: scale(1.05);\n\t\t\t}\n\n\t\t\t.kb-video-card-2907: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-2907 .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  <section class=\"kb-faq-section\">\n          <div class=\"d-flex flex-wrap justify-content-between align-items-start align-items-sm-center mb-4 gap-3\">\n        <div>\n          <h2 class=\"kb-section-heading mb-2\">Frequently Asked Questions (FAQ's)<\/h2>\n          <p class=\"kb-section-desc\">Your Queries, Our Answers - Let's strengthen your software development<\/p>\n        <\/div>\n        <div class=\"flex-shrink-0\">\n                    <a href=\"https:\/\/kb.rockeye.com\/hrms\/faq\" class=\"btn btn-kb-brand\">View All FAQs<\/a>\n        <\/div>\n      <\/div>\n    \n    <!-- Tabs Navigation -->\n    <div class=\"kb-faq-tabs-container nav\" id=\"faq-tab\" role=\"tablist\">\n              <button class=\"nav-link kb-btn-pill active\" id=\"faq-tab-63\"\n          data-bs-toggle=\"pill\" data-bs-target=\"#faq-pane-63\" type=\"button\" role=\"tab\"\n          aria-controls=\"faq-pane-63\" aria-selected=\"true\">\n          Functional        <\/button>\n                <button class=\"nav-link kb-btn-pill \" id=\"faq-tab-64\"\n          data-bs-toggle=\"pill\" data-bs-target=\"#faq-pane-64\" type=\"button\" role=\"tab\"\n          aria-controls=\"faq-pane-64\" aria-selected=\"false\">\n          Technical        <\/button>\n            <\/div>\n\n    <!-- Tabs Content -->\n    <div class=\"tab-content\" id=\"faq-tabContent\">\n              <div class=\"tab-pane fade show active\" id=\"faq-pane-63\"\n          role=\"tabpanel\" aria-labelledby=\"faq-tab-63\">\n          <div class=\"accordion kb-faq-accordion\" id=\"faqAccordion-63\">\n\n                            <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2594\">\n                    <button class=\"accordion-button \" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2594\"\n                      aria-expanded=\"true\"\n                      aria-controls=\"collapse-2594\">\n                      Can the system track late arrivals and early departures?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2594\"\n                    class=\"accordion-collapse collapse show\"\n                    aria-labelledby=\"heading-2594\"\n                    data-bs-parent=\"#faqAccordion-63\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes. The system automatically logs late entries, early exits, and <strong>absenteeism<\/strong>. These metrics feed into payroll calculations and productivity dashboards.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2601\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2601\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2601\">\n                      Can the system handle multiple salary structures?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2601\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2601\"\n                    data-bs-parent=\"#faqAccordion-63\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes, multiple salary structures can be set up to accommodate various employee categories and pay cycles.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2600\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2600\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2600\">\n                      Does the system support multi-shift assignments for employees, such as alternating between day and night shifts each week?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2600\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2600\"\n                    data-bs-parent=\"#faqAccordion-63\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes. Using the shift roster feature, employees can be assigned different shift timings on a weekly basis, allowing flexible scheduling for day and night shifts.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2599\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2599\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2599\">\n                      Are payslips customizable?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2599\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2599\"\n                    data-bs-parent=\"#faqAccordion-63\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes, payslip templates can be customized to include company details such as logo, terms and conditions, and preferred formats.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2598\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2598\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2598\">\n                      Can payroll be configured for different pay cycles, such as weekly or monthly?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2598\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2598\"\n                    data-bs-parent=\"#faqAccordion-63\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes, payroll can be configured for weekly, monthly, or other frequencies based on company compliance and policies.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                \n          <\/div>\n        <\/div>\n                <div class=\"tab-pane fade \" id=\"faq-pane-64\"\n          role=\"tabpanel\" aria-labelledby=\"faq-tab-64\">\n          <div class=\"accordion kb-faq-accordion\" id=\"faqAccordion-64\">\n\n                            <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2607\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2607\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2607\">\n                      Are payslips encrypted when downloaded?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2607\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2607\"\n                    data-bs-parent=\"#faqAccordion-64\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes, password protection or encryption can be enabled for payslips and other sensitive documents.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2606\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2606\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2606\">\n                      Is there an AI feature in recruitment that can automate calls, record responses, analyze them, and take action based on results?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2606\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2606\"\n                    data-bs-parent=\"#faqAccordion-64\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Currently, our platform does not include an AI-based recruitment process. However, a customized solution can be developed based on your specific recruitment workflow and requirements.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2605\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2605\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2605\">\n                      Can the HRMS integrate with other platforms?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2605\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2605\"\n                    data-bs-parent=\"#faqAccordion-64\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes, HRMS supports API-based integrations with ERP systems, accounting software, biometric devices, and other third-party tools.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2604\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2604\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2604\">\n                      Is the HRMS system mobile-friendly?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2604\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2604\"\n                    data-bs-parent=\"#faqAccordion-64\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes, the system is responsive and accessible via mobile browsers on smartphones and tablets.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-2603\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-2603\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-2603\">\n                      Can custom fields be added to employee profiles, and managed?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-2603\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-2603\"\n                    data-bs-parent=\"#faqAccordion-64\">\n                    <div class=\"accordion-body\">\n                      <p><span data-sheets-root=\"1\">Yes, additional fields can be added with minor development, and any field can be marked mandatory as required.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                \n          <\/div>\n        <\/div>\n            <\/div>\n  <\/section>\n  \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-home-multisite.php","meta":{"inline_featured_image":false,"footnotes":""},"class_list":["post-2908","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/pages\/2908","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/comments?post=2908"}],"version-history":[{"count":1,"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/pages\/2908\/revisions"}],"predecessor-version":[{"id":2909,"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/pages\/2908\/revisions\/2909"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/hrms\/wp-json\/wp\/v2\/media?parent=2908"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}