{"id":2,"date":"2025-04-22T08:03:48","date_gmt":"2025-04-22T08:03:48","guid":{"rendered":"http:\/\/kb.rockeye.com\/ess\/?page_id=2"},"modified":"2026-07-21T08:47:04","modified_gmt":"2026-07-21T08:47:04","slug":"ess","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/ess\/","title":{"rendered":"ESS"},"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\/wp-content\/uploads\/2026\/04\/ess.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    Employee-Self-Service<\/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\t\t<div id=\"epkb-modular-main-page-container\" role=\"main\" aria-labelledby=\"epkb-modular-main-page-container\" class=\"epkb-css-full-reset eckb_mp_active_theme_KBrockeye\">\t\t\t\n\t\t\t<div id=\"epkb-ml__row-1\" data-feature=\"categories_articles\" class=\"epkb-ml__row\">                \n\t\t<div id=\"epkb-ml__module-categories-articles\" class=\"epkb-ml__module \">  \n\t\t<div id=\"epkb-ml-basic-layout\" role=\"main\" aria-labelledby=\"epkb-ml-basic-layout\" class=\"epkb-layout-container epkb-css-full-reset epkb-basic-template\">\n\t\t\t<div id=\"epkb-content-container\">\n\t\t\t\t<div class=\"epkb-section-container\">\t\n\t\t<div class=\"epkb-four-col eckb-categories-list\" > \t\t\t\t\t<div class=\"epkb-ml__module-categories-articles__row\">  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_1\" class=\"no_shadow epkb-top-category-box\"  style=\"border-radius: 15px; border-width: 3px; border-color: #F7F7F7; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head section_divider\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 3px; background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"6\" data-kb-type=\"category\"  style=\"color: #40474f; text-align: start; justify-content: flex-start; padding-left: 10px;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa ep_font_icon_document\" data-kb-category-icon=\"ep_font_icon_document\"  style=\"color: #f7941d; font-size: 21px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #40474f;\" >Onboarding<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; overflow: auto; height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"6\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"22\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/onboarding\/onboarding\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"22\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Onboarding<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_2\" class=\"no_shadow epkb-top-category-box\"  style=\"border-radius: 15px; border-width: 3px; border-color: #F7F7F7; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head section_divider\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 3px; background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"7\" data-kb-type=\"category\"  style=\"color: #40474f; text-align: start; justify-content: flex-start; padding-left: 10px;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa ep_font_icon_folder\" data-kb-category-icon=\"ep_font_icon_folder\"  style=\"color: #f7941d; font-size: 21px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #40474f;\" >Dashboard<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; overflow: auto; height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"7\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"47\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/dasboard\/dashboard\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"47\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Dashboard<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"175\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/dasboard\/attendance-dasboard-2\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"175\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Attendance<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"183\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/dasboard\/expense-dasbaord\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"183\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Expense<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"181\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/dasboard\/leave-dasboard-2\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"181\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Leaves<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_3\" class=\"no_shadow epkb-top-category-box\"  style=\"border-radius: 15px; border-width: 3px; border-color: #F7F7F7; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head section_divider\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 3px; background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"8\" data-kb-type=\"category\"  style=\"color: #40474f; text-align: start; justify-content: flex-start; padding-left: 10px;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa ep_font_icon_folder\" data-kb-category-icon=\"ep_font_icon_folder\"  style=\"color: #f7941d; font-size: 21px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #40474f;\" >Attendance<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; overflow: auto; height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"8\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"199\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/attdendance\/punch-in-out\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"199\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Punch In\/Out<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"191\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/attdendance\/timesheet\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"191\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Timesheet<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"197\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/attdendance\/my-team-timesheet\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"197\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >My Team Timesheet<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"201\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/attdendance\/remote-work\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"201\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Remote Work<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 epkb-hide-elem\" data-kb-article-id=\"205\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/attdendance\/employees-correction-request\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"205\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Employee\u2019s Correction Request<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \t\t\t<button class=\"epkb-show-all-articles\" aria-expanded=\"false\" data-btn-id=\"8\">\n\t\t\t\t<span class=\"epkb-show-text\">\t\t\t\t\t\tShow Remaining Articles ( 1 )\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"epkb-hide-text epkb-hide-elem\">Collapse Articles<\/span>\n\t\t\t<\/button>\t\t\t\t\t\n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_4\" class=\"no_shadow epkb-top-category-box\"  style=\"border-radius: 15px; border-width: 3px; border-color: #F7F7F7; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head section_divider\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 3px; background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"9\" data-kb-type=\"category\"  style=\"color: #40474f; text-align: start; justify-content: flex-start; padding-left: 10px;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa ep_font_icon_folder\" data-kb-category-icon=\"ep_font_icon_folder\"  style=\"color: #f7941d; font-size: 21px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #40474f;\" >Leave<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; overflow: auto; height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"9\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"61\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/leave\/leave-dasboard\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"61\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >My Leaves<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"210\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/leave\/leave-request\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"210\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Leave Request<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"214\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/leave\/team-statistics\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"214\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Team statistics<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \t\t\t\t\t<\/div>  \t\t\t\t\t<div class=\"epkb-ml__module-categories-articles__row\">  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_5\" class=\"no_shadow epkb-top-category-box\"  style=\"border-radius: 15px; border-width: 3px; border-color: #F7F7F7; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head section_divider\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 3px; background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"10\" data-kb-type=\"category\"  style=\"color: #40474f; text-align: start; justify-content: flex-start; padding-left: 10px;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa ep_font_icon_folder\" data-kb-category-icon=\"ep_font_icon_folder\"  style=\"color: #f7941d; font-size: 21px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #40474f;\" >Expense<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; overflow: auto; height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"10\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"220\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/expense\/my-pre-expense\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"220\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >My Pre Expense<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"218\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/expense\/expense-claim\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"218\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Expense<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"228\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/expense\/retirement\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"228\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Retirement<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"230\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/expense\/payment\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"230\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Payment<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \n\t\t\t\t<!-- Section Container ( Category Box ) -->\n\t\t\t\t<section id=\"epkb_cat_6\" class=\"no_shadow epkb-top-category-box\"  style=\"border-radius: 15px; border-width: 3px; border-color: #F7F7F7; background-color: #FFFFFF; border-style: solid;\"  >\n\n\t\t\t\t\t<!-- Section Head -->\n\t\t\t\t\t<div class=\"section-head section_divider\"  style=\"--section-head-bg: #FFFFFF; border-bottom-width: 3px; background-color: #FFFFFF; border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-color: #edf2f6; padding-top: 20px; padding-bottom: 20px; padding-left: 4px; padding-right: 4px;\"  >\n\n\t\t\t\t\t\t<!-- Category Name + Icon -->\n\t\t\t\t\t\t<div class=\"epkb-category-level-1 epkb-category--left-cat-icon\" aria-expanded=\"false\"\n\t\t\t\t\t\t            data-kb-category-id=\"11\" data-kb-type=\"category\"  style=\"color: #40474f; text-align: start; justify-content: flex-start; padding-left: 10px;\"  role=\"region\">\n\n\t\t\t\t\t\t\t<!-- Icon Top \/ Left -->\t                            \t\t\t\t\t\t\t\t\t<span class=\"epkb-cat-icon epkbfa ep_font_icon_folder\" data-kb-category-icon=\"ep_font_icon_folder\"  style=\"color: #f7941d; font-size: 21px;\" ><\/span>\t\t\t\t\t\t\t\t\t<h2 class=\"epkb-cat-name\"  style=\"color: #40474f;\" >More<\/h2>\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t<!-- Icon Right -->     \n\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t\t<!-- Category Description -->\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\n\t\t\t\t\t<!-- Section Body -->\n\t\t\t\t\t<div class=\"epkb-section-body\"  style=\"border-bottom-width: 3px; padding-top: 4px; padding-bottom: 4px; padding-left: 10px; padding-right: 10px; overflow: auto; height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-main-category epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"11\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"95\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/more\/payslip\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"95\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Payslip<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"102\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/more\/102\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"102\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Traning<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"116\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/more\/survey-dashboard\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"116\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Survey<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"120\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/more\/loan-advance-dasboard\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"120\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Loan &amp; Advance<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \t\t\t\t<li class=\"epkb-article-level-1 epkb-hide-elem\" data-kb-article-id=\"109\"\n\t\t\t\t        data-kb-type=\"article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/ess\/knowledge-base\/more\/asset-dasboard\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"109\" >\n\t\t\t<span class=\"eckb-article-title\"  style=\"color: #555555;\"  >\n\t\t\t\t<span class=\"eckb-article-title__icon ep_font_icon_document\"  style=\"color: #555555;\"  aria-hidden=\"true\"><\/span>\n\t\t\t\t<span class=\"eckb-article-title__text\" >Asset<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \t\t\t<button class=\"epkb-show-all-articles\" aria-expanded=\"false\" data-btn-id=\"11\">\n\t\t\t\t<span class=\"epkb-show-text\">\t\t\t\t\t\tShow Remaining Articles ( 1 )\n\t\t\t\t<\/span>\n\t\t\t\t<span class=\"epkb-hide-text epkb-hide-elem\">Collapse Articles<\/span>\n\t\t\t<\/button>\t\t\t\t\t\n\t\t\t\t\t<\/div><!-- Section Body End -->\n\n\t\t\t\t<\/section><!-- Section End -->  \t\t\t\t\t<\/div>  \n\t\t<\/div>       \t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>   \n\t\t<\/div>    \t\t\t<\/div>  \t\t<\/div>   \n\n\n        <!-- Video Tutorials Section -->\n        <section\n            class=\"kb-video-tutorials  kb-playlist-3923\">\n            <div\n                class=\"d-flex flex-wrap justify-content-between align-items-center mb-4 pb-2 gap-3\">\n                <div class=\"flex-grow-1\">\n                    <h2 class=\"kb-section-heading mb-3\">\n                        ESS<\/h2>\n                                                        <\/div>\n                                    <div class=\"d-flex align-items-center gap-2\">\n                        <div class=\"d-flex gap-1 ms-2\">\n                            <button\n                                class=\"btn btn-outline-secondary btn-icon-nav kb-nav-prev kb-nav-prev-3923\"\n                                aria-label=\"Previous Video\">\n                                <i class=\"bi bi-chevron-left\"><\/i>\n                            <\/button>\n                            <button\n                                class=\"btn btn-outline-secondary btn-icon-nav kb-nav-next kb-nav-next-3923\"\n                                aria-label=\"Next Video\">\n                                <i class=\"bi bi-chevron-right\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n                            <\/div>\n\n            <!-- Video Container -->\n            <div\n                class=\"owl-carousel owl-theme kb-video-carousel kb-video-carousel-3923 mb-5 pb-3\">\n                                                                <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"dRv2dTG5xEg\"\n                                data-video-title=\"Employee Self Service Portal \u2013 Attendance, OT &amp; Claims | ROCKEYE ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/dRv2dTG5xEg\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Employee Self Service<br>Portal \u2013 Attendance, OT<br>&amp; Claims | ROCKEYE<br>ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"B4V-YJm2-4A\"\n                                data-video-title=\"Manage ESS Leave, Remote Work &amp; Official Assignments with ROCKEYE ESS | Full Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/B4V-YJm2-4A\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Manage ESS Leave, Remote<br>Work &amp; Official<br>Assignments with ROCKEYE<br>ESS | Full Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"jzKQRzTd38Q\"\n                                data-video-title=\"Navigate Employee Self-Service Dashboards with ROCKEYE ESS | Complete Dashboard Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/jzKQRzTd38Q\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Navigate Employee<br>Self-Service Dashboards<br>with ROCKEYE ESS |<br>Complete Dashboard Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-3923\"\n                                style=\"cursor:pointer; border-radius: 12px; overflow: hidden; min-height: 250px;\"\n                                data-bs-toggle=\"modal\" data-bs-target=\"#videoPopup\"\n                                data-video-id=\"qbupXCpzM_0\"\n                                data-video-title=\"Access Payslip, Loan &amp; Survey with ROCKEYE ESS | Employee Self Service Portal Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/qbupXCpzM_0\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Access Payslip, Loan<br>&amp; Survey with ROCKEYE<br>ESS | Employee Self<br>Service Portal Guide                                    <\/h4>\n                        <\/div>\n                                    <\/div>\n        <\/section>\n\n        <!-- Global Video Popup Modal -->\n                    <div class=\"modal fade kb-video-modal\" id=\"videoPopup\" tabindex=\"-1\" aria-labelledby=\"videoPopupLabel\"\n                aria-hidden=\"true\">\n                <div class=\"modal-dialog modal-lg modal-dialog-centered\">\n                    <div class=\"modal-content bg-dark border-0\">\n                        <div class=\"modal-header border-bottom-0 pb-0\">\n                            <h5 class=\"modal-title text-white\" id=\"videoPopupLabel\">Video Tutorial<\/h5>\n                            <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                                aria-label=\"Close\"><\/button>\n                        <\/div>\n                        <div class=\"modal-body p-0\">\n                            <div class=\"ratio ratio-16x9\">\n                                <iframe id=\"tutorialVideoFrame\" src=\"\" title=\"Video\" allowfullscreen\n                                    style=\"border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    \n        <style>\n            \/* Micro-interactions & styling for video cards *\/\n            .kb-video-card-3923:hover img {\n                transform: scale(1.05);\n            }\n\n            .kb-video-card-3923:hover .kb-video-play-icon {\n                color: #fff !important;\n                transform: scale(1.1);\n            }\n\n            .kb-video-card-3923 .transition-base {\n                transition: all 0.3s ease;\n            }\n        <\/style>\n        \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\/ess\/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-19\"\n          data-bs-toggle=\"pill\" data-bs-target=\"#faq-pane-19\" type=\"button\" role=\"tab\"\n          aria-controls=\"faq-pane-19\" aria-selected=\"true\">\n          Business        <\/button>\n                <button class=\"nav-link kb-btn-pill \" id=\"faq-tab-20\"\n          data-bs-toggle=\"pill\" data-bs-target=\"#faq-pane-20\" type=\"button\" role=\"tab\"\n          aria-controls=\"faq-pane-20\" aria-selected=\"false\">\n          Functional        <\/button>\n                <button class=\"nav-link kb-btn-pill \" id=\"faq-tab-21\"\n          data-bs-toggle=\"pill\" data-bs-target=\"#faq-pane-21\" type=\"button\" role=\"tab\"\n          aria-controls=\"faq-pane-21\" 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-19\"\n          role=\"tabpanel\" aria-labelledby=\"faq-tab-19\">\n          <div class=\"accordion kb-faq-accordion\" id=\"faqAccordion-19\">\n\n                            <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-316\">\n                    <button class=\"accordion-button \" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-316\"\n                      aria-expanded=\"true\"\n                      aria-controls=\"collapse-316\">\n                      Why do we use it?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-316\"\n                    class=\"accordion-collapse collapse show\"\n                    aria-labelledby=\"heading-316\"\n                    data-bs-parent=\"#faqAccordion-19\">\n                    <div class=\"accordion-body\">\n                      <p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                \n          <\/div>\n        <\/div>\n                <div class=\"tab-pane fade \" id=\"faq-pane-20\"\n          role=\"tabpanel\" aria-labelledby=\"faq-tab-20\">\n          <div class=\"accordion kb-faq-accordion\" id=\"faqAccordion-20\">\n\n                            <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-314\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-314\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-314\">\n                      Where does it come from?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-314\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-314\"\n                    data-bs-parent=\"#faqAccordion-20\">\n                    <div class=\"accordion-body\">\n                      <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of \"de Finibus Bonorum et Malorum\" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, \"Lorem ipsum dolor sit amet..\", comes from a line in section 1.10.32.<\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                \n          <\/div>\n        <\/div>\n                <div class=\"tab-pane fade \" id=\"faq-pane-21\"\n          role=\"tabpanel\" aria-labelledby=\"faq-tab-21\">\n          <div class=\"accordion kb-faq-accordion\" id=\"faqAccordion-21\">\n\n                            <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-315\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-315\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-315\">\n                      What is Lorem Ipsum?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-315\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-315\"\n                    data-bs-parent=\"#faqAccordion-21\">\n                    <div class=\"accordion-body\">\n                      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/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":25,"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-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":3,"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":3930,"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/pages\/2\/revisions\/3930"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/ess\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}