{"id":430,"date":"2026-04-20T06:33:41","date_gmt":"2026-04-20T06:33:41","guid":{"rendered":"https:\/\/kb.rockeye.com\/smart-station\/?page_id=430"},"modified":"2026-07-21T05:24:57","modified_gmt":"2026-07-21T05:24:57","slug":"smart-station","status":"publish","type":"page","link":"https:\/\/kb.rockeye.com\/smart-station\/","title":{"rendered":"Smart Station"},"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\/smart_station.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    Smart Station<\/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=\"21\" 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;\" >Basic Guide<\/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; min-height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-sub-category eckb-sub-category-ordering\"  style=\"padding-left: 10px;\" > \n\t\t\t<li style=\"padding-bottom: 8px !important; padding-top: 8px !important;\">\n\t\t\t\t<div class=\"epkb-category-level-2-3\" aria-expanded=\"false\" data-kb-category-id=\"22\" data-kb-type=\"sub-category\" role=\"region\">\n\t\t\t\t\t\t<span class=\"ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon\"  style=\"color: #f7941d;\" \t><\/span>\n\t\t\t\t\t\t<h3 class=\"epkb-category-level-2-3__cat-name\" tabindex=\"0\"  style=\"color: #40474f;\"  >Entity Module Mapping<\/h3>\n\t\t\t\t\t<\/div>    \n\t\t<ul class=\"epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"22\"> \t\t\t\t<li class=\"epkb-article-level-2 \" data-kb-article-id=\"271\"\n\t\t\t\t        data-kb-type=\"sub-article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/smart-station\/knowledge-base\/basic-guide\/entity-module-mapping\/entity-module-mapping\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"271\" >\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\" >Entity Module Mapping<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \t\t\t\t<\/li>  \n\t\t\t<li style=\"padding-bottom: 8px !important; padding-top: 8px !important;\">\n\t\t\t\t<div class=\"epkb-category-level-2-3\" aria-expanded=\"false\" data-kb-category-id=\"23\" data-kb-type=\"sub-category\" role=\"region\">\n\t\t\t\t\t\t<span class=\"ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon\"  style=\"color: #f7941d;\" \t><\/span>\n\t\t\t\t\t\t<h3 class=\"epkb-category-level-2-3__cat-name\" tabindex=\"0\"  style=\"color: #40474f;\"  >System WorkFlow<\/h3>\n\t\t\t\t\t<\/div>    \n\t\t<ul class=\"epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"23\"> \t\t\t\t<li class=\"epkb-article-level-2 \" data-kb-article-id=\"286\"\n\t\t\t\t        data-kb-type=\"sub-article\"  style=\"padding-bottom: 8px; padding-top: 8px;\"  >   \n\t\t<a href=\"https:\/\/kb.rockeye.com\/smart-station\/knowledge-base\/basic-guide\/system-workflow\/system-workflow\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"286\" >\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\" >System WorkFlow<\/span>\n\t\t\t<\/span> \t\t<\/a>    \t\t\t\t<\/li> \n\t\t<\/ul> \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=\"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;\" >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; min-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=\"29\"\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\/smart-station\/knowledge-base\/dashboard\/dashboard\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"29\" >\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> \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=\"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;\" >Transaction<\/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; min-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=\"64\"\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\/smart-station\/knowledge-base\/transaction\/pump-transactions\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"64\" >\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\" >Pump Transactions<\/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=\"72\"\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\/smart-station\/knowledge-base\/transaction\/retail-sales\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"72\" >\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\" >Retail Sales<\/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=\"74\"\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\/smart-station\/knowledge-base\/transaction\/attendant-shifts\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"74\" >\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\" >Attendant Shifts<\/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=\"76\"\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\/smart-station\/knowledge-base\/transaction\/day-closure\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"76\" >\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\" >Day Closure<\/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=\"78\"\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\/smart-station\/knowledge-base\/transaction\/fuel-dispensing-request\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"78\" >\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\" >Fuel Dispensing 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 epkb-hide-elem\" data-kb-article-id=\"80\"\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\/smart-station\/knowledge-base\/transaction\/generator-usage\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"80\" >\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\" >Generator Usage<\/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=\"82\"\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\/smart-station\/knowledge-base\/transaction\/device-transaction\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"82\" >\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\" >Device Transaction<\/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 ( 3 )\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=\"12\" 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;\" >Stock Reserve<\/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; min-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=\"12\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"85\"\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\/smart-station\/knowledge-base\/stock-reserve\/product-purchase-order\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"85\" >\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\" >Product Purchase Order<\/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=\"87\"\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\/smart-station\/knowledge-base\/stock-reserve\/product-stock-inward\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"87\" >\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\" >Product Stock Inward<\/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=\"89\"\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\/smart-station\/knowledge-base\/stock-reserve\/product-stock-accounts\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"89\" >\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\" >Product Stock Accounts<\/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=\"91\"\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\/smart-station\/knowledge-base\/stock-reserve\/tank-meter-reading\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"91\" >\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\" >Tank Meter Reading<\/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=\"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\/smart-station\/knowledge-base\/stock-reserve\/tank-delivery-log\/\"  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\" >Tank Delivery Log<\/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=\"12\">\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>  \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=\"13\" 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;\" >Report<\/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; min-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=\"13\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"117\"\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\/smart-station\/knowledge-base\/report\/report\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"117\" >\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\" >Daily Sales Summary<\/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=\"119\"\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\/smart-station\/knowledge-base\/report\/stock-valuation-report\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"119\" >\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\" >Stock Valuation Report<\/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=\"14\" 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;\" >Location Management<\/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; min-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=\"14\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"121\"\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\/smart-station\/knowledge-base\/location-management\/location-items\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"121\" >\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\" >Location Items<\/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=\"123\"\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\/smart-station\/knowledge-base\/location-management\/location-products\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"123\" >\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\" >Location Products<\/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=\"125\"\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\/smart-station\/knowledge-base\/location-management\/location-expenses\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"125\" >\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\" >Location Expenses<\/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=\"127\"\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\/smart-station\/knowledge-base\/location-management\/maintenance-activities\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"127\" >\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\" >Maintenance Activities<\/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=\"129\"\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\/smart-station\/knowledge-base\/location-management\/location-working-hours\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"129\" >\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\" >Location Working Hours<\/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=\"14\">\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_7\" 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=\"15\" 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;\" >Finance<\/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; min-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=\"15\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"131\"\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\/smart-station\/knowledge-base\/finance\/tank-reconciliation\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"131\" >\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\" >Tank Reconciliation<\/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=\"133\"\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\/smart-station\/knowledge-base\/finance\/product-selling-price\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"133\" >\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\" >Product Selling Price<\/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=\"135\"\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\/smart-station\/knowledge-base\/finance\/daily-collection-submission\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"135\" >\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\" >Daily Collection Submission<\/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=\"137\"\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\/smart-station\/knowledge-base\/finance\/daily-device-collection\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"137\" >\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\" >Daily Device Collection<\/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_8\" 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_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;\" >Setup Configuration<\/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; min-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=\"48\"\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\/smart-station\/knowledge-base\/setup-configuration\/companies\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"48\" >\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\" >Companies<\/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=\"50\"\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\/smart-station\/knowledge-base\/setup-configuration\/location\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"50\" >\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\" >Location<\/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=\"31\"\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\/smart-station\/knowledge-base\/setup-configuration\/products\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"31\" >\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\" >Products<\/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=\"33\"\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\/smart-station\/knowledge-base\/setup-configuration\/pumps\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"33\" >\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\" >Pumps<\/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=\"35\"\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\/smart-station\/knowledge-base\/setup-configuration\/tanks\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"35\" >\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\" >Tanks<\/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=\"38\"\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\/smart-station\/knowledge-base\/setup-configuration\/generator\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"38\" >\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\" >Generator<\/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=\"9\">\n\t\t\t\t<span class=\"epkb-show-text\">\t\t\t\t\t\tShow Remaining Articles ( 2 )\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>  \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_9\" 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_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;\" >Master Configuration<\/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; min-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=\"40\"\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\/smart-station\/knowledge-base\/master-configuration\/location-expense-type\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"40\" >\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\" >Location Expense Type<\/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=\"97\"\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\/smart-station\/knowledge-base\/master-configuration\/location-expense-type-2\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"97\" >\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\" >Location Expense Master<\/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=\"42\"\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\/smart-station\/knowledge-base\/master-configuration\/location-expense-master\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"42\" >\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\" >Bank<\/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=\"105\"\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\/smart-station\/knowledge-base\/master-configuration\/bank-accounts\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"105\" >\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\" >Bank Accounts<\/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=\"107\"\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\/smart-station\/knowledge-base\/master-configuration\/pump-attendant-mapping\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"107\" >\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\" >Pump Attendant Mapping<\/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\/smart-station\/knowledge-base\/master-configuration\/vendor\/\"  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\" >Vendor<\/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=\"111\"\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\/smart-station\/knowledge-base\/master-configuration\/vendor-contact\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"111\" >\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\" >Vendor Contact<\/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=\"113\"\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\/smart-station\/knowledge-base\/master-configuration\/alert\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"113\" >\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\" >Alert<\/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=\"115\"\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\/smart-station\/knowledge-base\/master-configuration\/device\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"115\" >\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\" >Device<\/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=\"256\"\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\/smart-station\/knowledge-base\/master-configuration\/asset-category\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"256\" >\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 Category<\/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=\"263\"\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\/smart-station\/knowledge-base\/master-configuration\/activity-category\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"263\" >\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\" >Activity Category<\/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=\"251\"\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\/smart-station\/knowledge-base\/master-configuration\/product-stock-transaction-type\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"251\" >\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\" >Product Stock Transaction Type<\/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=\"246\"\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\/smart-station\/knowledge-base\/master-configuration\/order-transaction-type\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"246\" >\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\" >Order Transaction Type<\/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=\"241\"\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\/smart-station\/knowledge-base\/master-configuration\/pump-providers\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"241\" >\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\" >Pump Providers<\/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=\"236\"\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\/smart-station\/knowledge-base\/master-configuration\/curriencies\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"236\" >\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\" >Curriencies<\/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=\"231\"\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\/smart-station\/knowledge-base\/master-configuration\/tank-providers\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"231\" >\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\" >Tank Providers<\/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=\"224\"\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\/smart-station\/knowledge-base\/master-configuration\/product-type\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"224\" >\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\" >Product type<\/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=\"219\"\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\/smart-station\/knowledge-base\/master-configuration\/location-types\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"219\" >\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\" >Location Types<\/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=\"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\/smart-station\/knowledge-base\/master-configuration\/units\/\"  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\" >Units<\/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=\"10\">\n\t\t\t\t<span class=\"epkb-show-text\">\t\t\t\t\t\tShow Remaining Articles ( 15 )\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_10\" 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=\"17\" 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;\" >Support<\/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; min-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=\"17\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"143\"\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\/smart-station\/knowledge-base\/support\/service-request\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"143\" >\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\" >Service Request<\/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_11\" 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=\"16\" 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;\" >Resources<\/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; min-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=\"16\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"139\"\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\/smart-station\/knowledge-base\/resources\/release-note\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"139\" >\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\" >Release Note<\/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=\"141\"\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\/smart-station\/knowledge-base\/resources\/mobile-application\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"141\" >\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\" >Mobile Application<\/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_12\" 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=\"18\" 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;\" >Corporate<\/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; min-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=\"18\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"145\"\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\/smart-station\/knowledge-base\/corporate\/corporate-customer\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"145\" >\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\" >Corporate Customer<\/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=\"147\"\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\/smart-station\/knowledge-base\/corporate\/wallet\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"147\" >\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\" >Wallet<\/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=\"149\"\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\/smart-station\/knowledge-base\/corporate\/vehicle\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"149\" >\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\" >Vehicle\u00a0<\/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=\"151\"\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\/smart-station\/knowledge-base\/corporate\/vehicle-type\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"151\" >\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\" >Vehicle Type<\/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_13\" 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=\"19\" 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;\" >HRMS<\/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; min-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=\"19\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"195\"\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\/smart-station\/knowledge-base\/hrms\/leave\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"195\" >\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<\/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=\"173\"\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\/smart-station\/knowledge-base\/hrms\/holiday\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"173\" >\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\" >Holiday<\/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_14\" 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=\"20\" 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;\" >Users<\/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; min-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=\"20\"> \t\t\t\t<li class=\"epkb-article-level-1 \" data-kb-article-id=\"209\"\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\/smart-station\/knowledge-base\/user\/groups\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"209\" >\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\" >Groups<\/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=\"204\"\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\/smart-station\/knowledge-base\/user\/users\/\"  class=\"epkb-mp-article \"\n\t\t            data-kb-article-id=\"204\" >\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\" >Users<\/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_15\" 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=\"24\" 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;\" >Smart Station Mobile KB<\/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; min-height: 200px;\"  >\t\t\t\t\t\t\n\t\t<ul class=\"epkb-sub-category eckb-sub-category-ordering\"  style=\"padding-left: 10px;\" > \n\t\t\t<li style=\"padding-bottom: 8px !important; padding-top: 8px !important;\">\n\t\t\t\t<div class=\"epkb-category-level-2-3\" aria-expanded=\"false\" data-kb-category-id=\"27\" data-kb-type=\"sub-category\" role=\"region\">\n\t\t\t\t\t\t<span class=\"ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon\"  style=\"color: #f7941d;\" \t><\/span>\n\t\t\t\t\t\t<h3 class=\"epkb-category-level-2-3__cat-name\" tabindex=\"0\"  style=\"color: #40474f;\"  >Application Registration<\/h3>\n\t\t\t\t\t<\/div>    \n\t\t<ul class=\"epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"27\"> <li class=\"epkb-articles-coming-soon\">Articles coming soon<\/li>\n\t\t<\/ul> \t\t\t\t<\/li>  \n\t\t\t<li style=\"padding-bottom: 8px !important; padding-top: 8px !important;\">\n\t\t\t\t<div class=\"epkb-category-level-2-3\" aria-expanded=\"false\" data-kb-category-id=\"26\" data-kb-type=\"sub-category\" role=\"region\">\n\t\t\t\t\t\t<span class=\"ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon\"  style=\"color: #f7941d;\" \t><\/span>\n\t\t\t\t\t\t<h3 class=\"epkb-category-level-2-3__cat-name\" tabindex=\"0\"  style=\"color: #40474f;\"  >Login As Admin<\/h3>\n\t\t\t\t\t<\/div>    \n\t\t<ul class=\"epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"26\"> <li class=\"epkb-articles-coming-soon\">Articles coming soon<\/li>\n\t\t<\/ul> \t\t\t\t<\/li>  \n\t\t\t<li style=\"padding-bottom: 8px !important; padding-top: 8px !important;\">\n\t\t\t\t<div class=\"epkb-category-level-2-3\" aria-expanded=\"false\" data-kb-category-id=\"28\" data-kb-type=\"sub-category\" role=\"region\">\n\t\t\t\t\t\t<span class=\"ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon\"  style=\"color: #f7941d;\" \t><\/span>\n\t\t\t\t\t\t<h3 class=\"epkb-category-level-2-3__cat-name\" tabindex=\"0\"  style=\"color: #40474f;\"  >Menu<\/h3>\n\t\t\t\t\t<\/div>    \t\t<ul class=\"epkb-sub-sub-category eckb-sub-sub-category-ordering\"  style=\"padding-left: 10px;\" > \n\t\t\t<li style=\"padding-bottom: 8px !important; padding-top: 8px !important;\">\n\t\t\t\t<div class=\"epkb-category-level-2-3\" aria-expanded=\"false\" data-kb-category-id=\"29\" data-kb-type=\"sub-sub-category\" role=\"region\">\n\t\t\t\t\t\t<span class=\"ep_font_icon_arrow_carrot_right epkb-category-level-2-3__cat-icon\"  style=\"color: #f7941d;\"  ><\/span>\n\t\t\t\t\t\t<h4 class=\"epkb-category-level-2-3__cat-name\" tabindex=\"0\"  style=\"color: #40474f;\"  >Transaction<\/h4>\n\t\t\t\t\t<\/div>    \n\t\t<ul class=\"epkb-articles\"  style=\"padding-left: 10px;\"  data-list-id=\"29\"> <li class=\"epkb-articles-coming-soon\">Articles coming soon<\/li>\n\t\t<\/ul> \t\t\t\t<\/li>  \n\t\t<\/ul> \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>  \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-437\">\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                        Smart Station<\/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-437\"\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-437\"\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-437 mb-5 pb-3\">\n                                                                <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"rBn5adM4NVA\"\n                                data-video-title=\"Tank Management \u2013 Fuel Storage Setup &amp; Inventory Monitoring | ROCKEYE\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/rBn5adM4NVA\/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                                        Tank Management \u2013 Fuel<br>Storage Setup &amp;<br>Inventory Monitoring |<br>ROCKEYE                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"2_UInLdt_AU\"\n                                data-video-title=\"Location &amp; Company Settings Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/2_UInLdt_AU\/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                                        Location &amp; Company<br>Settings Explained |<br>Smart Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"va269QJDbfw\"\n                                data-video-title=\"Content and Navigation Setup Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/va269QJDbfw\/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                                        Content and Navigation<br>Setup Explained | Smart<br>Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"QJTpl6Oma44\"\n                                data-video-title=\"Geographic Master Data Setup Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/QJTpl6Oma44\/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                                        Geographic Master Data<br>Setup Explained | Smart<br>Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"6DUMH3WABxQ\"\n                                data-video-title=\"Vendor Service Assignment Setup Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/6DUMH3WABxQ\/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                                        Vendor Service Assignment<br>Setup Explained | Smart<br>Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"wyCz3StIbGs\"\n                                data-video-title=\"Device &amp; Application Mode Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/wyCz3StIbGs\/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                                        Device &amp; Application<br>Mode Explained | Smart<br>Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"FlGKkrjCKdM\"\n                                data-video-title=\"Supplier Management Setup Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/FlGKkrjCKdM\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Supplier Management Setup<br>Explained | Smart Station<br>Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"vQ3VUwr9lVI\"\n                                data-video-title=\"Extension Types &amp; Event Syncing Commands Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/vQ3VUwr9lVI\/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                                        Extension Types &amp;<br>Event Syncing Commands<br>Explained | Smart Station<br>Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"y988nitRdio\"\n                                data-video-title=\"Staff Assignment &amp; Pump Management Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/y988nitRdio\/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                                        Staff Assignment &amp;<br>Pump Management Explained<br>| Smart Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"8JKUYBjRsRs\"\n                                data-video-title=\"Daily Collection Payment Types &amp; Modes Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/8JKUYBjRsRs\/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                                        Daily Collection Payment<br>Types &amp; Modes<br>Explained | Smart Station<br>Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"sa4onfh-Oxo\"\n                                data-video-title=\"File Management Configuration Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/sa4onfh-Oxo\/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                                        File Management<br>Configuration Explained |<br>Smart Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"IOwcunh4yjw\"\n                                data-video-title=\"Asset Service Workflow Setup Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/IOwcunh4yjw\/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                                        Asset Service Workflow<br>Setup Explained | Smart<br>Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"AsbVcdsntSA\"\n                                data-video-title=\"Activity Master, Category, Type &amp; Entity Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/AsbVcdsntSA\/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                                        Activity Master,<br>Category, Type &amp;<br>Entity Explained | Smart<br>Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"LPDUIM5KJPo\"\n                                data-video-title=\"Asset Categories Setup &amp; Maintenance Tracking System Explained | Smart Station Solution\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/LPDUIM5KJPo\/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                                        Asset Categories Setup<br>&amp; Maintenance<br>Tracking System Explained<br>| Smart Station Solution                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"APpAnHsIIcg\"\n                                data-video-title=\"Inventory Transaction Types Setup &amp; Stock Movement System\">\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\/APpAnHsIIcg\/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                                        Inventory Transaction<br>Types Setup &amp; Stock<br>Movement System                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"M1nf6h6sdjg\"\n                                data-video-title=\"Tank and Pump Providers Setup &amp; Vendor Management Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/M1nf6h6sdjg\/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                                        Tank and Pump Providers<br>Setup &amp; Vendor<br>Management Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"flYpDYu1IxI\"\n                                data-video-title=\"Product Types Setup &amp; Inventory Classification System 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\/flYpDYu1IxI\/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                                        Product Types Setup &amp;<br>Inventory Classification<br>System Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"Igkk3d5gWK0\"\n                                data-video-title=\"Location Types Setup &amp; Site Classification System Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Igkk3d5gWK0\/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                                        Location Types Setup<br>&amp; Site Classification<br>System Explained                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"JYj7hapPSSc\"\n                                data-video-title=\"Unit Management System &amp; Unit of Measure Setup Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/JYj7hapPSSc\/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                                        Unit Management System<br>&amp; Unit of Measure<br>Setup Explained                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"mag0Uje83vo\"\n                                data-video-title=\"Bank Account Management &amp; Currency Management System 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\/mag0Uje83vo\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Bank Account Management<br>&amp; Currency Management<br>System Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"dG3ggtkH-Is\"\n                                data-video-title=\"Bank Management System &amp; ERP Bank Setup Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/dG3ggtkH-Is\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Bank Management System<br>&amp; ERP Bank Setup<br>Explained                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"eBIrS6pMrmA\"\n                                data-video-title=\"Expense Master Setup &amp; Station Cost Management Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/eBIrS6pMrmA\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Expense Master Setup<br>&amp; Station Cost<br>Management Explained                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"oTFS4L8M-Ns\"\n                                data-video-title=\"Expense Type Setup &amp; Cost Category Management Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/oTFS4L8M-Ns\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Expense Type Setup &amp;<br>Cost Category Management<br>Explained                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"dR-WLzcr49c\"\n                                data-video-title=\"Vehicle Type Management &amp; Fleet Classification System 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\/dR-WLzcr49c\/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                                        Vehicle Type Management<br>&amp; Fleet<br>Classification System<br>Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"JIq7852u0MU\"\n                                data-video-title=\"Generator Management System &amp; Power Asset Monitoring 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\/JIq7852u0MU\/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                                        Generator Management<br>System &amp; Power Asset<br>Monitoring Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"f-uYx4FhZCk\"\n                                data-video-title=\"Pump Management System &amp; Fuel Dispenser Monitoring 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\/f-uYx4FhZCk\/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                                        Pump Management System<br>&amp; Fuel Dispenser<br>Monitoring Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"O3bAyc2Iitg\"\n                                data-video-title=\"Product Management System &amp; Inventory Setup Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/O3bAyc2Iitg\/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                                        Product Management System<br>&amp; Inventory Setup<br>Explained                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"T3WtF1NE4CI\"\n                                data-video-title=\"Role Based Access Control &amp; User Permission Management Guide\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/T3WtF1NE4CI\/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                                        Role Based Access Control<br>&amp; User Permission<br>Management Guide                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"Hyu1L_fhNcU\"\n                                data-video-title=\"User Setup System &amp; Access Control Management Explained\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Hyu1L_fhNcU\/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                                        User Setup System &amp;<br>Access Control Management<br>Explained                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"F8Lhb6xT0t0\"\n                                data-video-title=\"Company Management System &amp; Corporate Setup Process in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/F8Lhb6xT0t0\/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                                        Company Management System<br>&amp; Corporate Setup<br>Process in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"ksGAtCC9wTc\"\n                                data-video-title=\"Device Collection Tracking &amp; Hardware Revenue Tracking in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/ksGAtCC9wTc\/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                                        Device Collection<br>Tracking &amp; Hardware<br>Revenue Tracking in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"Jmlad-WkUa4\"\n                                data-video-title=\"Daily Collection Submission &amp; Revenue Reconciliation in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Jmlad-WkUa4\/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                                        Daily Collection<br>Submission &amp; Revenue<br>Reconciliation in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"GxXc4TpgENM\"\n                                data-video-title=\"Location Setup System &amp; Station Configuration in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/GxXc4TpgENM\/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                                        Location Setup System<br>&amp; Station<br>Configuration in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"PSEkwLg6TEo\"\n                                data-video-title=\"Product Price Management &amp; Selling Price Control in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/PSEkwLg6TEo\/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                                        Product Price Management<br>&amp; Selling Price<br>Control in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"3UuWPdh53YM\"\n                                data-video-title=\"Location Working Hours Setup &amp; Business Hours in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/3UuWPdh53YM\/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                                        Location Working Hours<br>Setup &amp; Business<br>Hours in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"GuwGxPuYqqk\"\n                                data-video-title=\"Maintenance Activity Tracking &amp; Asset Maintenance in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/GuwGxPuYqqk\/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                                        Maintenance Activity<br>Tracking &amp; Asset<br>Maintenance in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"ZkGNAzhsygM\"\n                                data-video-title=\"Location Expense Tracking &amp; Site Cost Control in ERP System\">\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\/ZkGNAzhsygM\/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                                        Location Expense Tracking<br>&amp; Site Cost Control<br>in ERP System                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"uOwjMrSPSXQ\"\n                                data-video-title=\"Product Location Mapping &amp; Inventory Mapping System in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/uOwjMrSPSXQ\/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                                        Product Location Mapping<br>&amp; Inventory Mapping<br>System in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"bBID1bzheOg\"\n                                data-video-title=\"Asset Tracking System &amp; Equipment Management in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/bBID1bzheOg\/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                                        Asset Tracking System<br>&amp; Equipment<br>Management in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"YPSIoUekc-E\"\n                                data-video-title=\"Location Management System &amp; Site Setup Control in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/YPSIoUekc-E\/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                                        Location Management<br>System &amp; Site Setup<br>Control in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"QJvJjUincZQ\"\n                                data-video-title=\"Tank Reconciliation &amp; Fuel Stock Variance Control in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/QJvJjUincZQ\/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                                        Tank Reconciliation &amp;<br>Fuel Stock Variance<br>Control in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"OJlKPdUmA3E\"\n                                data-video-title=\"Fuel Delivery Tracking &amp; Fuel Inventory Control in ERP System\">\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\/OJlKPdUmA3E\/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                                        Fuel Delivery Tracking<br>&amp; Fuel Inventory<br>Control in ERP System                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"GHe8gRV_Mzs\"\n                                data-video-title=\"Tank Meter Reading &amp; Fuel Inventory Tracking in ERP System\">\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\/GHe8gRV_Mzs\/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                                        Tank Meter Reading &amp;<br>Fuel Inventory Tracking<br>in ERP System                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"Jbv7xe59bx4\"\n                                data-video-title=\"Stock Inward Process &amp; Inventory Receiving System in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/Jbv7xe59bx4\/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                                        Stock Inward Process<br>&amp; Inventory Receiving<br>System in ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"wcXLwY9Qtjo\"\n                                data-video-title=\"Purchase Order Process &amp; Inventory Procurement Workflow in ERP\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/wcXLwY9Qtjo\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        Purchase Order Process<br>&amp; Inventory<br>Procurement Workflow in<br>ERP                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"nKdfu5Q9Nmw\"\n                                data-video-title=\"User Activity Tracking &amp; Audit Log System for Secure ERP Ops\">\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\/nKdfu5Q9Nmw\/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                                        User Activity Tracking<br>&amp; Audit Log System<br>for Secure ERP Ops                                    <\/h4>\n                        <\/div>\n                                                                    <div class=\"item\">\n                                                        <div class=\"kb-video-card kb-video-card-437\"\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=\"tl5-VGpMNOM\"\n                                data-video-title=\"ROCKEYE ERP: Smart Station Solution!\">\n\n                                <!-- Text Content Overlay -->\n<!--                                 <div class=\"p-4 text-white h-100 d-flex flex-column justify-content-center position-relative video-content-z\"\n                                    style=\"z-index: 10;\">\n                                    <div class=\"kb-video-label mb-2 pb-1\"\n                                        style=\"font-size: 0.85rem; font-weight: 600; letter-spacing: 1px; color: #fff;\">\n                                        <i class=\"bi bi-youtube me-1\" style=\"color: #ff0000; font-size: 1.2rem;\"><\/i> YOUTUBE\n                                    <\/div>\n                \n                                <\/div> -->\n\n                                <!-- Play Icon Centered Overlay -->\n                                <div class=\"kb-video-play-layer position-absolute w-100 h-100 top-0 start-0 d-flex justify-content-center align-items-center\"\n                                    style=\"z-index: 5; pointer-events: none;\">\n                                    <i class=\"bi bi-play-circle-fill kb-video-play-icon transition-base\"\n                                        style=\"font-size: 3.5rem; color: rgba(255,255,255,0.75);\"><\/i>\n                                <\/div>\n\n                                <!-- Thumbnail background with gradient overlay -->\n                                                                    <img decoding=\"async\" src=\"https:\/\/i.ytimg.com\/vi\/tl5-VGpMNOM\/maxresdefault.jpg\" alt=\"thumbnail\"\n                                        class=\"position-absolute w-100 h-100\"\n                                        style=\"object-fit: cover; top: 0; left: 0; z-index: 1; transition: transform 0.3s ease;\"\n                                        aria-hidden=\"true\">\n                                \n                                <!-- Gradient for text readability -->\n                                <div class=\"position-absolute w-100 h-100\"\n                                    style=\"top: 0; left: 0; z-index: 2; background: linear-gradient(135deg, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(255,255,255,0) 100%); pointer-events: none;\">\n                                <\/div>\n                            <\/div>\n                                                                <h4 class=\"kb-video-title fw-bold\"\n                                        style=\"font-size: 18px;\">\n                                        ROCKEYE ERP: Smart<br>Station Solution!                                    <\/h4>\n                        <\/div>\n                                    <\/div>\n        <\/section>\n\n        <!-- Global Video Popup Modal -->\n                    <div class=\"modal fade kb-video-modal\" id=\"videoPopup\" tabindex=\"-1\" aria-labelledby=\"videoPopupLabel\"\n                aria-hidden=\"true\">\n                <div class=\"modal-dialog modal-lg modal-dialog-centered\">\n                    <div class=\"modal-content bg-dark border-0\">\n                        <div class=\"modal-header border-bottom-0 pb-0\">\n                            <h5 class=\"modal-title text-white\" id=\"videoPopupLabel\">Video Tutorial<\/h5>\n                            <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n                                aria-label=\"Close\"><\/button>\n                        <\/div>\n                        <div class=\"modal-body p-0\">\n                            <div class=\"ratio ratio-16x9\">\n                                <iframe id=\"tutorialVideoFrame\" src=\"\" title=\"Video\" allowfullscreen\n                                    style=\"border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;\"><\/iframe>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n                    \n        <style>\n            \/* Micro-interactions & styling for video cards *\/\n            .kb-video-card-437:hover img {\n                transform: scale(1.05);\n            }\n\n            .kb-video-card-437:hover .kb-video-play-icon {\n                color: #fff !important;\n                transform: scale(1.1);\n            }\n\n            .kb-video-card-437 .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\/smart-station\/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-30\"\n          data-bs-toggle=\"pill\" data-bs-target=\"#faq-pane-30\" type=\"button\" role=\"tab\"\n          aria-controls=\"faq-pane-30\" aria-selected=\"true\">\n          Functional        <\/button>\n                <button class=\"nav-link kb-btn-pill \" id=\"faq-tab-31\"\n          data-bs-toggle=\"pill\" data-bs-target=\"#faq-pane-31\" type=\"button\" role=\"tab\"\n          aria-controls=\"faq-pane-31\" 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-30\"\n          role=\"tabpanel\" aria-labelledby=\"faq-tab-30\">\n          <div class=\"accordion kb-faq-accordion\" id=\"faqAccordion-30\">\n\n                            <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-400\">\n                    <button class=\"accordion-button \" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-400\"\n                      aria-expanded=\"true\"\n                      aria-controls=\"collapse-400\">\n                      How does the system prevent fraud by pump attendants?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-400\"\n                    class=\"accordion-collapse collapse show\"\n                    aria-labelledby=\"heading-400\"\n                    data-bs-parent=\"#faqAccordion-30\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">The system tracks all transactions with unique identifiers, reducing manipulation risks. Fraud detection measures are also in place.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-399\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-399\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-399\">\n                      Can I manage multiple Smart Station locations, and set a different language for each station?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-399\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-399\"\n                    data-bs-parent=\"#faqAccordion-30\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">Yes. The Smart Station module supports multi-location management, and you can configure a different language for each station as per your requirement.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-398\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-398\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-398\">\n                      How can I manage multiple fuel stations, where each station has a different number of pumps and tanks?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-398\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-398\"\n                    data-bs-parent=\"#faqAccordion-30\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">Our Smart Station module allows you to onboard and manage multiple fuel stations under a single system. While setting up, you can create different companies or stations, and during the pump and tank creation process, you can map each pump and tank to the respective company or fuel station. This ensures that every station, along with its specific pumps and tanks, is managed separately yet accessible within one centralized platform.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-397\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-397\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-397\">\n                      How does Smart Station support inventory management?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-397\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-397\"\n                    data-bs-parent=\"#faqAccordion-30\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">The system automatically updates stock based on tank inputs and pump outputs, giving real-time visibility into fuel balances and reorder needs.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-396\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-396\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-396\">\n                      What kind of IOT\/Hardware will be use and how many hardware will be require for the Smart Station?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-396\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-396\"\n                    data-bs-parent=\"#faqAccordion-30\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">IoT\/Hardware required for the Smart Station depends on the specific setup of your fuel station, such as the number of tanks, pumps, and dispensing units. Typically, the solution may include IoT controllers, fuel flow meters, tank level sensors, POS-integrated devices, and smart dispensing units.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                \n          <\/div>\n        <\/div>\n                <div class=\"tab-pane fade \" id=\"faq-pane-31\"\n          role=\"tabpanel\" aria-labelledby=\"faq-tab-31\">\n          <div class=\"accordion kb-faq-accordion\" id=\"faqAccordion-31\">\n\n                            <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-406\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-406\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-406\">\n                      Is the Smart Station module cloud-based or on-premise?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-406\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-406\"\n                    data-bs-parent=\"#faqAccordion-31\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">It can be deployed in both environments\u2014cloud for scalability and on-premise for organizations with strict IT policies.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-405\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-405\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-405\">\n                      What level of security is provided for Smart Station data?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-405\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-405\"\n                    data-bs-parent=\"#faqAccordion-31\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">The system ensures data encryption, role-based access, and audit trails to safeguard sensitive business information.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-404\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-404\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-404\">\n                      What kind of integrations does Smart Station support?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-404\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-404\"\n                    data-bs-parent=\"#faqAccordion-31\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">It supports seamless integration with IoT devices, ERP modules, and third-party APIs for data exchange.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-403\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-403\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-403\">\n                      How does Smart Station ensure transaction accuracy?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-403\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-403\"\n                    data-bs-parent=\"#faqAccordion-31\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">Every transaction is digitally recorded with details such as fuel type, quantity, price, attendant, and payment mode, ensuring full accountability.<\/span><\/p>\n                    <\/div>\n                  <\/div>\n                <\/div>\n                                <div class=\"accordion-item\">\n                  <h3 class=\"accordion-header\" id=\"heading-402\">\n                    <button class=\"accordion-button collapsed\" type=\"button\"\n                      data-bs-toggle=\"collapse\" data-bs-target=\"#collapse-402\"\n                      aria-expanded=\"false\"\n                      aria-controls=\"collapse-402\">\n                      If the pump is automatic, how can we ensure that the fuel dispensed matches the exact amount paid by the customer?                    <\/button>\n                  <\/h3>\n                  <div id=\"collapse-402\"\n                    class=\"accordion-collapse collapse \"\n                    aria-labelledby=\"heading-402\"\n                    data-bs-parent=\"#faqAccordion-31\">\n                    <div class=\"accordion-body\">\n                      <p><span style=\"font-weight: 400\">In an automatic pump system, the dispenser is integrated with a calibrated flow meter. Once the customer selects or pays for a specific amount, the system automatically controls and locks the nozzle to dispense only the exact volume or value, ensuring accuracy and transparency.<\/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-430","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/pages\/430","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/comments?post=430"}],"version-history":[{"count":4,"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/pages\/430\/revisions"}],"predecessor-version":[{"id":460,"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/pages\/430\/revisions\/460"}],"wp:attachment":[{"href":"https:\/\/kb.rockeye.com\/smart-station\/wp-json\/wp\/v2\/media?parent=430"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}