{"id":94,"date":"2026-08-08T05:45:52","date_gmt":"2026-08-08T05:45:52","guid":{"rendered":"https:\/\/smarthubtech.co.id\/index.php\/client\/"},"modified":"2026-08-11T07:10:20","modified_gmt":"2026-08-11T07:10:20","slug":"client","status":"publish","type":"page","link":"https:\/\/smarthubtech.co.id\/index\/client\/","title":{"rendered":"Client"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"94\" class=\"elementor elementor-94\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-sec_client_custom elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"sec_client_custom\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-col_client_custom\" data-id=\"col_client_custom\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-widget_client_custom elementor-widget elementor-widget-html\" data-id=\"widget_client_custom\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\n\n\n\/* NAVBAR MOBILE FIX *\/\n@media (max-width: 900px) {\n  .sh-nav-bar {\n    width: 100% !important;\n    max-width: 100vw !important;\n    padding: 0 16px !important;\n    border-radius: 0 !important;\n    border-left: none !important;\n    border-right: none !important;\n  }\n  .sh-nav-wrapper {\n    padding: 0 !important;\n    top: 0 !important;\n    width: 100% !important;\n    max-width: 100vw !important;\n  }\n}\n\n\n\/* KLIEN MOBILE FIX *\/\n@media (max-width: 767px) {\n  .sh-cli-layout, .sh-cli-feat-grid, .sh-cli-list-grid, .sh-cli-grid-2col {\n    display: flex !important;\n    flex-direction: column !important;\n    width: 100% !important;\n    gap: 20px !important;\n  }\n  .sh-cli-hero {\n    padding: 100px 0 40px !important;\n  }\n  .sh-cli-col-left, .sh-cli-col-right {\n    width: 100% !important;\n    padding: 0 !important;\n    border: none !important;\n  }\n}\n.sh-logo-img { height: 52px !important; width: auto !important; max-width: 140px !important; max-height: 52px !important; object-fit: contain !important; display: block !important; }\n.sh-logo-text { display: inline !important; }\n<\/style><style>\n\r\n\/* PREMIUM ENTERPRISE NAV DECK *\/\r\n:root {\r\n  --nav-bg: rgba(9, 13, 26, 0.75);\r\n  --nav-border: rgba(255, 255, 255, 0.08);\r\n  --nav-text: #94A3B8;\r\n  --nav-hover: #38BDF8;\r\n  --nav-active: #ffffff;\r\n}\r\n\r\n.sh-nav-wrapper {\r\n  position: fixed;\r\n  top: 20px;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 9999;\r\n  display: flex;\r\n  justify-content: center;\r\n  padding: 0 20px;\r\n  font-family: 'Inter', sans-serif;\r\n  pointer-events: none;\r\n}\r\n\r\n.sh-nav-bar {\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  height: 72px;\r\n  background: var(--nav-bg);\r\n  backdrop-filter: blur(16px);\r\n  -webkit-backdrop-filter: blur(16px);\r\n  border: 1px solid var(--nav-border);\r\n  border-radius: 100px;\r\n  padding: 0 32px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.5);\r\n  pointer-events: auto;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.sh-nav-bar.scrolled {\r\n  max-width: 100%;\r\n  border-radius: 0;\r\n  top: 0;\r\n  border-left: none;\r\n  border-right: none;\r\n  border-top: none;\r\n  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);\r\n}\r\n\r\n.sh-logo {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  text-decoration: none;\r\n}\r\n\r\n.sh-logo-icon {\r\n  width: 38px;\r\n  height: 38px;\r\n  background: linear-gradient(135deg, #1D4ED8, #6366F1);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-weight: 800;\r\n  font-size: 20px;\r\n  color: #ffffff;\r\n}\r\n\r\n.sh-logo-text {\r\n  font-size: 20px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  letter-spacing: -0.02em;\r\n}\r\n\r\n.sh-logo-text span {\r\n  color: #93C5FD;\r\n}\r\n\r\n.sh-nav-links {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 32px;\r\n  list-style: none;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n.sh-nav-item {\r\n  position: relative;\r\n}\r\n\r\n.sh-nav-link {\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  color: var(--nav-text);\r\n  text-decoration: none;\r\n  transition: color 0.25s;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 4px;\r\n}\r\n\r\n.sh-nav-link:hover {\r\n  color: var(--nav-hover);\r\n}\r\n\r\n.sh-nav-link.active {\r\n  color: var(--nav-active);\r\n}\r\n\r\n.sh-nav-link.active::after {\r\n  content: '';\r\n  position: absolute;\r\n  bottom: -6px;\r\n  left: 0;\r\n  right: 0;\r\n  height: 2px;\r\n  background: linear-gradient(90deg, #38BDF8, #818CF8);\r\n  border-radius: 100px;\r\n}\r\n\r\n.sh-dropdown { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #0B0F19; border: 1px solid var(--nav-border); border-radius: 16px; padding: 12px; width: 220px; display: none; opacity: 0; box-shadow: 0 20px 40px rgba(0,0,0,0.6); z-index: 10001; margin-top: 8px; }\r\n\r\n\/* dropdown controlled by JS *\/\r\n\r\n.sh-dropdown-link {\r\n  display: block;\r\n  padding: 10px 14px;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  color: var(--nav-text);\r\n  text-decoration: none;\r\n  border-radius: 8px;\r\n  transition: all 0.2s;\r\n}\r\n\r\n.sh-dropdown-link:hover {\r\n  background: rgba(255, 255, 255, 0.04);\r\n  color: #ffffff;\r\n  padding-left: 18px;\r\n}\r\n\r\n.sh-nav-toggle {\r\n  display: none;\r\n  background: transparent;\r\n  border: none;\r\n  color: #ffffff;\r\n  cursor: pointer;\r\n  padding: 4px;\r\n}\r\n\r\n.sh-nav-toggle svg {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.sh-nav-drawer {\r\n  position: fixed;\r\n  top: 0;\r\n  right: -100%;\r\n  width: 300px;\r\n  height: 100vh;\r\n  background: #090D1A;\r\n  border-left: 1px solid var(--nav-border);\r\n  z-index: 10000;\r\n  padding: 40px 24px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n  box-shadow: -20px 0 40px rgba(0, 0, 0, 0.8);\r\n  transition: right 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  pointer-events: auto;\r\n}\r\n\r\n.sh-nav-drawer.open {\r\n  right: 0;\r\n}\r\n\r\n.sh-drawer-header {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n}\r\n\r\n.sh-drawer-close {\r\n  background: transparent;\r\n  border: none;\r\n  color: #ffffff;\r\n  cursor: pointer;\r\n}\r\n\r\n.sh-drawer-close svg {\r\n  width: 24px;\r\n  height: 24px;\r\n}\r\n\r\n.sh-drawer-links {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n  list-style: none;\r\n  padding: 0;\r\n  margin: 0;\r\n}\r\n\r\n.sh-drawer-link {\r\n  font-size: 16px;\r\n  font-weight: 600;\r\n  color: var(--nav-text);\r\n  text-decoration: none;\r\n  display: block;\r\n  padding: 10px 0;\r\n  border-bottom: 1px solid rgba(255,255,255,0.03);\r\n}\r\n\r\n.sh-drawer-link:hover, .sh-drawer-link.active {\r\n  color: #ffffff;\r\n}\r\n\r\n.sh-nav-cta {\r\n  background: linear-gradient(135deg, #1D4ED8, #6366F1);\r\n  color: #ffffff !important;\r\n  padding: 10px 24px;\r\n  border-radius: 100px;\r\n  transition: all 0.3s !important;\r\n}\r\n\r\n.sh-nav-cta:hover {\r\n  transform: translateY(-1px);\r\n  box-shadow: 0 4px 15px rgba(29, 78, 216, 0.4);\r\n}\r\n\r\n.kl-feat-card:hover .kl-feat-logo-img {\r\n  transform: scale(1.05);\r\n}\r\n\n@media(min-width: 768px) {\n  .sh-cli-hero { padding: 180px 0 100px; }\n  .sh-cli-desc { font-size: 18px; max-width: 600px; }\n  \n  .sh-cli-feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n  .sh-cli-list-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }\n  \n  .sh-cli-grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n}\n\n@media(min-width: 1024px) {\n  .sh-cli-layout { \n    display: grid; \n    grid-template-columns: 1.05fr 0.95fr; \n    gap: 64px; \n  }\n  .sh-cli-col-left { padding-right: 20px; }\n  .sh-cli-col-right { padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.06); }\n  \n  .sh-cli-list-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }\n}\n\n<\/style>\r\n\r\n<div class=\"sh-nav-wrapper\">\r\n  <nav class=\"sh-nav-bar\" id=\"navbar\">\r\n    <a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/rsmart-removebg-preview.png\" alt=\"SmartRS\" class=\"sh-logo-img\" \/>\r\n      <span class=\"sh-logo-text\">SmartHub <span>SmartRS<\/span><\/span>\r\n    <\/a>\r\n    \r\n    <ul class=\"sh-nav-links\">\r\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-nav-link\">Beranda<\/a><\/li>\r\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/services\/\" class=\"sh-nav-link\">Services<\/a><\/li>\r\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/\" class=\"sh-nav-link\">Solusi <svg viewBox=\"0 0 24 24\" width=\"12\" height=\"12\" stroke=\"currentColor\" stroke-width=\"2\" fill=\"none\"><polyline points=\"6 9 12 15 18 9\"\/><\/svg><\/a>\r\n        <div class=\"sh-dropdown\">\r\n          <a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#penunjang\" class=\"sh-dropdown-link\">Modul Penunjang Medis<\/a>\r\n          <a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#tata-kelola\" class=\"sh-dropdown-link\">Modul Tata Kelola<\/a>\r\n          <a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#sla\" class=\"sh-dropdown-link\">Komitmen SLA<\/a>\r\n        <\/div>\r\n      <\/li>\r\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/\" class=\"sh-nav-link\">Harga<\/a><\/li>\r\n      \r\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/client\/\" class=\"sh-nav-link\">Klien<\/a><\/li>\r\n      <li class=\"sh-nav-item\"><a href=\"https:\/\/smarthubtech.co.id\/index.php\/kontak\/\" class=\"sh-nav-link sh-nav-cta\">Jadwalkan Demo<\/a><\/li>\r\n    <\/ul>\r\n    \r\n    <button class=\"sh-nav-toggle\" id=\"navToggle\" aria-label=\"Menu\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/><line x1=\"3\" y1=\"18\" x2=\"21\" y2=\"18\"\/><\/svg>\r\n    <\/button>\r\n  <\/nav>\r\n<\/div>\r\n\r\n<!-- Mobile Drawer -->\r\n<div class=\"sh-nav-drawer\" id=\"navDrawer\">\r\n  <div class=\"sh-drawer-header\">\r\n    <div class=\"sh-logo\">\r\n      <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/rsmart-removebg-preview.png\" alt=\"SmartRS\" class=\"sh-logo-img\" \/>\r\n      <span class=\"sh-logo-text\">SmartHub<\/span>\r\n    <\/div>\r\n    <button class=\"sh-drawer-close\" id=\"drawerClose\" aria-label=\"Close\">\r\n      <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>\r\n    <\/button>\r\n  <\/div>\r\n  <ul class=\"sh-drawer-links\">\r\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-drawer-link\">Beranda<\/a><\/li>\r\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/services\/\" class=\"sh-drawer-link\">Services<\/a><\/li>\r\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/\" class=\"sh-drawer-link\">Solusi<\/a><\/li>\r\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/\" class=\"sh-drawer-link\">Harga<\/a><\/li>\r\n    \r\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/client\/\" class=\"sh-drawer-link\">Klien<\/a><\/li>\r\n    <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/kontak\/\" class=\"sh-drawer-link\" style=\"color:#38BDF8;\">Jadwalkan Demo<\/a><\/li>\r\n  <\/ul>\r\n<\/div>\r\n\r\n<script>\n(function() {\n  var navbar = document.getElementById(\"navbar\");\n  var navToggle = document.getElementById(\"navToggle\");\n  var navDrawer = document.getElementById(\"navDrawer\");\n  var drawerClose = document.getElementById(\"drawerClose\");\n\n  \/\/ Scroll handler\n  window.addEventListener(\"scroll\", function() {\n    if (window.scrollY > 40) {\n      navbar.classList.add(\"scrolled\");\n    } else {\n      navbar.classList.remove(\"scrolled\");\n    }\n  });\n\n  \/\/ Mobile drawer\n  if (navToggle && navDrawer && drawerClose) {\n    navToggle.addEventListener(\"click\", function() { navDrawer.classList.add(\"open\"); });\n    drawerClose.addEventListener(\"click\", function() { navDrawer.classList.remove(\"open\"); });\n  }\n\n  \/\/ Active link\n  var currentUrl = window.location.href;\n  var links = document.querySelectorAll(\".sh-nav-link, .sh-dropdown-link, .sh-drawer-link\");\n  links.forEach(function(link) {\n    if (currentUrl.indexOf(link.getAttribute(\"href\")) !== -1) {\n      link.classList.add(\"active\");\n    }\n  });\n\n  \/\/ JS-based dropdown with delay - prevents flicker\n  var dropdownItems = document.querySelectorAll(\".sh-nav-item\");\n  dropdownItems.forEach(function(item) {\n    var dropdown = item.querySelector(\".sh-dropdown\");\n    if (!dropdown) return;\n    var hideTimer = null;\n\n    function showDropdown() {\n      if (hideTimer) { clearTimeout(hideTimer); hideTimer = null; }\n      dropdown.style.display = \"block\";\n      dropdown.style.opacity = \"1\";\n      dropdown.style.transform = \"translateX(-50%) translateY(0px)\";\n    }\n\n    function hideDropdown() {\n      hideTimer = setTimeout(function() {\n        dropdown.style.display = \"none\";\n        dropdown.style.opacity = \"0\";\n      }, 200);\n    }\n\n    item.addEventListener(\"mouseenter\", showDropdown);\n    item.addEventListener(\"mouseleave\", hideDropdown);\n    dropdown.addEventListener(\"mouseenter\", showDropdown);\n    dropdown.addEventListener(\"mouseleave\", hideDropdown);\n  });\n})();\n<\/script>\r\n\r\n<style>\n\r\n\r\n\/* FORCE ELEMENTOR CANVAS FULL WIDTH RESET *\/\r\nhtml, body {\r\n  margin: 0 !important;\r\n  padding: 0 !important;\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  overflow-x: hidden !important;\r\n  background-color: #050D2E !important;\r\n}\r\n\r\n.elementor-section.elementor-section-stretch,\r\n.elementor-section.elementor-top-section,\r\n.elementor-container,\r\n.elementor-column,\r\n.elementor-widget-wrap {\r\n  width: 100% !important;\r\n  max-width: 100% !important;\r\n  margin-left: 0 !important;\r\n  margin-right: 0 !important;\r\n  padding-left: 0 !important;\r\n  padding-right: 0 !important;\r\n}\r\n\n\n\/* FLUID RESPONSIVE SYSTEM FOR 100% ZOOM *\/\n.kl-c {\n  max-width: 1140px !important; \/* Dikecilkan sedikit dari 1200px agar aman di layar laptop 1366px *\/\n  padding-left: 16px !important;\n  padding-right: 16px !important;\n}\n\n.kl-asym-grid {\n  grid-template-columns: 1.15fr 0.85fr !important;\n  gap: 24px !important; \/* Gap antarkolom dirampingkan dari 36px *\/\n}\n\n\/* Featured Card Kiri *\/\n.kl-featured-grid {\n  gap: 16px !important; \/* Gap antar featured card dirampingkan dari 28px *\/\n}\n\n.kl-feat-card {\n  padding: 20px !important; \/* Padding dalam card dirampingkan dari 32px agar fluid *\/\n  border-radius: 16px !important;\n}\n\n.kl-feat-name {\n  font-size: 17px !important; \/* Ukuran font disesuaikan agar proporsional *\/\n}\n\n\/* Track Record Kolom Kanan *\/\n.kl-right-col {\n  padding: 0 !important; \/* Hilangkan padding luar agar grid memanfaatkan ruang maksimal *\/\n  background: transparent !important;\n  border: none !important;\n}\n\n.kl-mini-grid {\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 6px !important; \/* Gap antar mini card dirampingkan agar pas *\/\n}\n\n.kl-mini-card {\n  padding: 8px 4px !important; \/* Padding mini card dibuat ringkas *\/\n  border-radius: 8px !important;\n}\n\n.kl-mini-logo-placeholder {\n  width: 32px !important;\n  height: 32px !important;\n}\n\n.kl-mini-name {\n  font-size: 10px !important;\n}\n\n.kl-mini-year {\n  font-size: 8.5px !important;\n}\n\n\/* Section Kategori Bawah *\/\n.kl-cat-grid {\n  grid-template-columns: 1.2fr 0.8fr !important;\n  gap: 24px !important;\n}\n\n.kl-rs-grid {\n  gap: 16px !important;\n}\n\n.kl-rs-card {\n  padding: 16px 20px !important;\n}\n\/* VIEWPORT FIT RESET *\/\n*, *::before, *::after {\n  box-sizing: border-box !important;\n}\n\nhtml, body {\n  width: 100% !important;\n  max-width: 100vw !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  overflow-x: hidden !important;\n}\n\n.kl-layout-wrapper, .kl-cat-section {\n  width: 100% !important;\n  max-width: 100vw !important;\n  padding-left: 0 !important;\n  padding-right: 0 !important;\n  overflow: hidden !important;\n}\n\n.kl-c {\n  width: 100% !important;\n  max-width: 1200px !important;\n  margin: 0 auto !important;\n  padding-left: 24px !important;\n  padding-right: 24px !important;\n}\n\n.kl-asym-grid {\n  display: grid !important;\n  grid-template-columns: 1.15fr 0.85fr !important;\n  gap: 36px !important;\n  width: 100% !important;\n}\n\n.kl-cat-grid {\n  display: grid !important;\n  grid-template-columns: 1.25fr 0.75fr !important;\n  gap: 36px !important;\n  width: 100% !important;\n}\n\n.kl-mini-grid {\n  display: grid !important;\n  grid-template-columns: repeat(4, 1fr) !important;\n  gap: 8px !important;\n  width: 100% !important;\n}\n\n.kl-mini-card {\n  width: 100% !important;\n  min-width: 0 !important;\n}\n\n.kl-mini-name {\n  width: 100% !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n}\n\n\/* ============ ASYMMETRIC CLIENTS PAGE DESIGN ============ *\/\r\n.kl-layout-wrapper {\r\n  background: #050D2E;\r\n  color: #ffffff;\r\n  font-family: 'Inter', sans-serif;\r\n  padding: 180px 0 120px;\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n\r\n.kl-layout-wrapper::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -10%;\r\n  right: 5%;\r\n  width: 500px;\r\n  height: 500px;\r\n  background: radial-gradient(circle, rgba(99, 102, 241, 0.12) 0%, transparent 70%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.kl-c {\r\n  max-width: 1280px;\r\n  margin: 0 auto;\r\n  padding: 0 24px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* Header *\/\r\n.kl-hdr-block {\r\n  margin-bottom: 72px;\r\n}\r\n\r\n.kl-eyebrow-text {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  background: rgba(56, 189, 248, 0.06);\r\n  border: 1px solid rgba(56, 189, 248, 0.15);\r\n  border-radius: 100px;\r\n  padding: 6px 16px;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #38BDF8;\r\n  text-transform: uppercase;\r\n  letter-spacing: .08em;\r\n  margin-bottom: 20px;\r\n}\r\n\r\n.kl-main-h1 {\r\n  font-size: clamp(30px, 4vw, 44px);\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  line-height: 1.2;\r\n  letter-spacing: -.03em;\r\n  margin: 0 0 18px;\r\n}\r\n\r\n.kl-main-h1 em {\r\n  font-style: normal;\r\n  background: linear-gradient(135deg, #38BDF8, #818CF8);\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n}\r\n\r\n.kl-sub-p {\r\n  font-size: 16px;\r\n  color: #94A3B8;\r\n  line-height: 1.6;\r\n  max-width: 760px;\r\n  margin: 0;\r\n}\r\n\r\n\/* Asymmetric 2-Column Grid (60% | 40%) *\/\r\n.kl-asym-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 0.8fr;\r\n  gap: 56px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Kiri: Current Partnerships *\/\r\n.kl-left-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n}\r\n\r\n.kl-sec-eyebrow {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #64748B;\r\n  text-transform: uppercase;\r\n  letter-spacing: .12em;\r\n  margin-bottom: 8px;\r\n  display: block;\r\n}\r\n\r\n.kl-featured-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n}\r\n\r\n.kl-feat-card {\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px solid rgba(255, 255, 255, 0.05);\r\n  border-radius: 20px;\r\n  padding: 32px;\r\n  text-decoration: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 24px;\r\n  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.kl-feat-card:hover {\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border-color: rgba(56, 189, 248, 0.25);\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 20px 40px -15px rgba(0, 0, 0, 0.3);\r\n}\r\n\r\n.kl-feat-img-placeholder {\r\n  width: 100%;\r\n  aspect-ratio: 16 \/ 9;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px dashed rgba(255, 255, 255, 0.08);\r\n  border-radius: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #475569;\r\n  font-size: 13px;\r\n  font-weight: 500;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.kl-feat-card:hover .kl-feat-img-placeholder {\r\n  background: rgba(56, 189, 248, 0.03);\r\n  border-color: rgba(56, 189, 248, 0.18);\r\n  color: #38BDF8;\r\n}\r\n\r\n.kl-feat-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.kl-feat-name {\r\n  font-size: 20px;\r\n  font-weight: 800;\r\n  color: #ffffff;\r\n  margin: 0;\r\n  line-height: 1.3;\r\n}\r\n\r\n.kl-feat-desc {\r\n  font-size: 13.5px;\r\n  color: #94A3B8;\r\n  line-height: 1.55;\r\n  margin: 0;\r\n}\r\n\r\n.kl-feat-year {\r\n  font-size: 12px;\r\n  color: #38BDF8;\r\n  font-weight: 700;\r\n  text-transform: uppercase;\r\n  letter-spacing: .05em;\r\n  margin-top: 4px;\r\n}\r\n\r\n\/* Kanan: Track Record *\/\r\n.kl-right-col {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 32px;\r\n}\r\n\r\n\/* Grid mini-cards 5 per row *\/\r\n.kl-mini-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 12px;\r\n}\r\n\r\n.kl-mini-card {\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px solid rgba(255, 255, 255, 0.05);\r\n  border-radius: 12px;\r\n  padding: 12px 8px;\r\n  text-decoration: none;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  gap: 8px;\r\n  text-align: center;\r\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.kl-mini-card:hover {\r\n  background: rgba(255, 255, 255, 0.04);\r\n  border-color: rgba(56, 189, 248, 0.2);\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* Untuk menyeimbangkan item ke-11 *\/\r\n.kl-mini-card.span-last {\r\n  grid-column: span 1;\r\n}\r\n\r\n.kl-mini-logo-placeholder {\r\n  width: 36px;\r\n  height: 36px;\r\n  background: rgba(255, 255, 255, 0.03);\r\n  border: 1px dashed rgba(255, 255, 255, 0.08);\r\n  border-radius: 8px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 9px;\r\n  color: #475569;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.kl-mini-card:hover .kl-mini-logo-placeholder {\r\n  border-color: rgba(56, 189, 248, 0.15);\r\n  color: #38BDF8;\r\n}\r\n\r\n.kl-mini-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 2px;\r\n  width: 100%;\r\n}\r\n\r\n.kl-mini-name {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  line-height: 1.3;\r\n  white-space: nowrap;\r\n  overflow: hidden;\r\n  text-overflow: ellipsis;\r\n  padding: 0 4px;\r\n}\r\n\r\n.kl-mini-year {\r\n  font-size: 9.5px;\r\n  color: #64748B;\r\n  font-weight: 600;\r\n}\r\n\r\n\/* Responsive *\/\r\n\n@media(min-width: 768px) {\n  .sh-cli-hero { padding: 180px 0 100px; }\n  .sh-cli-desc { font-size: 18px; max-width: 600px; }\n  \n  .sh-cli-feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n  .sh-cli-list-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }\n  \n  .sh-cli-grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n}\n\n@media(min-width: 1024px) {\n  .sh-cli-layout { \n    display: grid; \n    grid-template-columns: 1.05fr 0.95fr; \n    gap: 64px; \n  }\n  .sh-cli-col-left { padding-right: 20px; }\n  .sh-cli-col-right { padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.06); }\n  \n  .sh-cli-list-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }\n}\n\n<\/style>\r\n\r\n<div class=\"kl-layout-wrapper\">\r\n  <div class=\"kl-c\">\r\n    \r\n    <div class=\"kl-hdr-block\">\r\n      <span class=\"kl-eyebrow-text\">Portfolio &amp; Partnerships<\/span>\r\n      <h1 class=\"kl-main-h1\">Transformasi Digital Bersama <em>Faskes &amp; Mitra<\/em><\/h1>\r\n      <p class=\"kl-sub-p\">Lihat bagaimana SmartHub membantu berbagai fasilitas kesehatan dalam mengoptimalkan performa manajemen, mewujudkan kepatuhan regulasi, dan mempercepat alur administrasi medis.<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"kl-asym-grid\">\r\n      \r\n      <!-- Kiri (60%): Current Partnerships -->\r\n      <div class=\"kl-left-col\">\r\n        <div>\r\n          <span class=\"kl-sec-eyebrow\">Current Partnerships<\/span>\r\n          <div class=\"kl-featured-grid\">\r\n            \r\n            <!-- Card 1: RSUD Padangsidimpuan -->\r\n            <a href=\"#\" class=\"kl-feat-card\">\r\n              <div class=\"kl-feat-img-placeholder\" style=\"border: none; background: transparent; display: flex; align-items: center; justify-content: center; height: 160px; overflow: hidden;\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/logo_padangsidimpuan.png\" alt=\"Logo RSUD Padangsidimpuan\" style=\"max-height: 140px; max-width: 100%; object-fit: contain; width: auto; margin: 0 auto; filter: drop-shadow(0 8px 16px rgba(56, 189, 248, 0.25)); transition: transform 0.4s;\" class=\"kl-feat-logo-img\">\r\n              <\/div>\r\n              <div class=\"kl-feat-info\">\r\n                <span class=\"kl-feat-year\">TAHUN 2025<\/span>\r\n                <h3 class=\"kl-feat-name\">RSUD Padangsidimpuan<\/h3>\r\n                \r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Card 2: RS LNG Badak -->\r\n            <a href=\"#\" class=\"kl-feat-card\">\r\n              <div class=\"kl-feat-img-placeholder\" style=\"border: none; background: transparent; display: flex; align-items: center; justify-content: center; height: 160px; overflow: hidden;\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/logo_rs_lng_badak.jpg\" alt=\"Logo RS LNG Badak\" style=\"max-height: 140px; max-width: 100%; object-fit: contain; width: auto; margin: 0 auto; filter: drop-shadow(0 8px 16px rgba(56, 189, 248, 0.2)); transition: transform 0.4s;\" class=\"kl-feat-logo-img\">\r\n              <\/div>\r\n              <div class=\"kl-feat-info\">\r\n                <span class=\"kl-feat-year\">TAHUN 2024<\/span>\r\n                <h3 class=\"kl-feat-name\">RS LNG Badak<\/h3>\r\n                \r\n              <\/div>\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Kanan (40%): Track Record -->\r\n      <div class=\"kl-right-col\">\r\n        <div>\r\n          <span class=\"kl-sec-eyebrow\" style=\"color: #64748B;\">Track Record<\/span>\r\n          <div class=\"kl-mini-grid\">\r\n            \r\n            <!-- Item 1: RSUD Cileungsi -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RSUD Cileungsi\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/media__1786346805853.png\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RSUD Cileungsi<\/div>\r\n                <div class=\"kl-mini-year\">2020-2025<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 2: RS Bhayangkara -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RS Bhayangkara\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/brimob.jpg\" alt=\"Logo RS Bhayangkara\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RS Bhayangkara<\/div>\r\n                <div class=\"kl-mini-year\">2016<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 3: RS Al Fauzan -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RS Al Fauzan (JIH)\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/fauzan.jpg\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RS Al Fauzan<\/div>\r\n                <div class=\"kl-mini-year\">2012-2013<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 4: RSUD Balaraja -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RSUD Balaraja\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/balaraja.jpg\" alt=\"Logo RSUD Balaraja\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RSUD Balaraja<\/div>\r\n                <div class=\"kl-mini-year\">2011<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 5: RS Paru Dr. M Goenawan -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RS Paru Dr. M Goenawan P.\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/rspd.jpg\" alt=\"Logo RS Paru Dr. M Goenawan\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RS Paru Goenawan<\/div>\r\n                <div class=\"kl-mini-year\">2007-2008<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 6: RSUD D. Saragih -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RSUD D. Saragih\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/saragih.png\" alt=\"Logo RSUD D. Saragih\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RSUD Saragih<\/div>\r\n                <div class=\"kl-mini-year\">2006<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 7: RSUD Batang -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RSUD Batang\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/batang.jpg\" alt=\"Logo RSUD Batang\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RSUD Batang<\/div>\r\n                <div class=\"kl-mini-year\">03, 06<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 8: RSJ Harapan Kita -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RSJ Harapan Kita\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/harapan.png\" alt=\"Logo RSJ Harapan Kita\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RSJ Harapan Kita<\/div>\r\n                <div class=\"kl-mini-year\">2004<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 9: RSAB Harapan Kita -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RSAB Harapan Kita\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/rsab-harapan.png\" alt=\"Logo RSAB Harapan Kita\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RSAB Harapan Kita<\/div>\r\n                <div class=\"kl-mini-year\">2003-2006<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 10: RS Yadika Pd. Bambu -->\r\n            <a href=\"#\" class=\"kl-mini-card\" title=\"RS Yadika Pd. Bambu\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/yadika.webp\" alt=\"Logo RS Yadika Pd. Bambu\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RS Yadika Bambu<\/div>\r\n                <div class=\"kl-mini-year\">2003<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n            <!-- Item 11: RSUD Muara Enim -->\r\n            <a href=\"#\" class=\"kl-mini-card span-last\" title=\"RSUD Muara Enim\">\r\n              <div class=\"kl-mini-logo-placeholder\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/muara.png\" alt=\"Logo RSUD Muara Enim\">\r\n              <\/div>\r\n              <div class=\"kl-mini-info\">\r\n                <div class=\"kl-mini-name\">RSUD Muara Enim<\/div>\r\n                <div class=\"kl-mini-year\">2003<\/div>\r\n              <\/div>\r\n            <\/a>\r\n\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\n\r\n\/* ============ SECTION KATEGORI KLIEN BARU ============ *\/\r\n.kl-cat-section {\r\n  background: #040A26;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.05);\r\n  padding: 100px 0 120px;\r\n  position: relative;\r\n  overflow: hidden;\r\n  font-family: 'Inter', sans-serif;\r\n}\r\n\r\n.kl-cat-section::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  bottom: 0;\r\n  left: 10%;\r\n  width: 400px;\r\n  height: 400px;\r\n  background: radial-gradient(circle, rgba(99, 102, 241, 0.08) 0%, transparent 60%);\r\n  pointer-events: none;\r\n  z-index: 1;\r\n}\r\n\r\n.kl-cat-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.3fr 0.7fr;\r\n  gap: 64px;\r\n  align-items: start;\r\n}\r\n\r\n\/* Heading Label Kategori *\/\r\n.kl-cat-label {\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  color: #64748B;\r\n  text-transform: uppercase;\r\n  letter-spacing: .15em;\r\n  margin-bottom: 24px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n}\r\n\r\n.kl-cat-label::after {\r\n  content: \"\";\r\n  flex: 1;\r\n  height: 1px;\r\n  background: rgba(255, 255, 255, 0.06);\r\n}\r\n\r\n\/* Kolom Kiri: Rumah Sakit *\/\r\n.kl-cat-left {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.kl-rs-grid {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 24px;\r\n}\r\n\r\n.kl-rs-card {\r\n  background: rgba(255, 255, 255, 0.015);\r\n  border: 1px solid rgba(255, 255, 255, 0.04);\r\n  border-radius: 20px;\r\n  padding: 24px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 20px;\r\n  text-decoration: none;\r\n  transition: all 0.35s cubic-bezier(0.16, 1, 0.3, 1);\r\n  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);\r\n}\r\n\r\n.kl-rs-card:hover {\r\n  background: rgba(255, 255, 255, 0.035);\r\n  border-color: rgba(56, 189, 248, 0.2);\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 15px 30px -10px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n\/* Card terakhir di baris terakhir rata kiri *\/\r\n.kl-rs-card.rs-span-last {\r\n  grid-column: span 1;\r\n}\r\n\r\n.kl-rs-logo-box {\r\n  width: 56px;\r\n  height: 56px;\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px dashed rgba(255, 255, 255, 0.08);\r\n  border-radius: 50%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  color: #475569;\r\n  font-size: 10px;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.kl-rs-card:hover .kl-rs-logo-box {\r\n  border-color: rgba(56, 189, 248, 0.25);\r\n  color: #38BDF8;\r\n  background: rgba(56, 189, 248, 0.03);\r\n}\r\n\r\n.kl-rs-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 6px;\r\n}\r\n\r\n.kl-rs-name {\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n  line-height: 1.35;\r\n}\r\n\r\n.kl-rs-badge {\r\n  display: inline-flex;\r\n  align-self: start;\r\n  background: rgba(56, 189, 248, 0.08);\r\n  color: #38BDF8;\r\n  font-size: 9.5px;\r\n  font-weight: 700;\r\n  padding: 3px 10px;\r\n  border-radius: 100px;\r\n  letter-spacing: .02em;\r\n}\r\n\r\n\/* Kolom Kanan: Non-RS *\/\r\n.kl-cat-right {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.kl-gov-grid {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 16px;\r\n}\r\n\r\n.kl-gov-card {\r\n  background: rgba(255, 255, 255, 0.01);\r\n  border: 1px solid rgba(255, 255, 255, 0.03);\r\n  border-radius: 16px;\r\n  padding: 16px 20px;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 16px;\r\n  text-decoration: none;\r\n  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n.kl-gov-card:hover {\r\n  background: rgba(255, 255, 255, 0.025);\r\n  border-color: rgba(129, 140, 248, 0.2);\r\n  transform: translateX(4px);\r\n}\r\n\r\n.kl-gov-logo-box {\r\n  width: 44px;\r\n  height: 44px;\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px dashed rgba(255, 255, 255, 0.06);\r\n  border-radius: 10px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n  color: #475569;\r\n  font-size: 9px;\r\n  transition: all 0.3s;\r\n}\r\n\r\n.kl-gov-card:hover .kl-gov-logo-box {\r\n  border-color: rgba(129, 140, 248, 0.25);\r\n  color: #818CF8;\r\n}\r\n\r\n.kl-gov-info {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.kl-gov-name {\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  color: #ffffff;\r\n}\r\n\r\n.kl-gov-badge {\r\n  display: inline-flex;\r\n  align-self: start;\r\n  background: rgba(129, 140, 248, 0.08);\r\n  color: #818CF8;\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  padding: 2px 8px;\r\n  border-radius: 100px;\r\n}\r\n\r\n\/* Responsive *\/\r\n\n@media(min-width: 768px) {\n  .sh-cli-hero { padding: 180px 0 100px; }\n  .sh-cli-desc { font-size: 18px; max-width: 600px; }\n  \n  .sh-cli-feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n  .sh-cli-list-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }\n  \n  .sh-cli-grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n}\n\n@media(min-width: 1024px) {\n  .sh-cli-layout { \n    display: grid; \n    grid-template-columns: 1.05fr 0.95fr; \n    gap: 64px; \n  }\n  .sh-cli-col-left { padding-right: 20px; }\n  .sh-cli-col-right { padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.06); }\n  \n  .sh-cli-list-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }\n}\n\n<\/style>\r\n\r\n<div class=\"kl-cat-section\">\r\n  <div class=\"kl-c\">\r\n    <div class=\"kl-cat-grid\">\r\n      \r\n      <!-- Kolom Kiri (65%): Rumah Sakit -->\r\n      <div class=\"kl-cat-left\">\r\n        <span class=\"kl-cat-label\">Rumah Sakit<\/span>\r\n        <div class=\"kl-rs-grid\">\r\n          \r\n          <!-- Card 1 -->\r\n          <a href=\"#\" class=\"kl-rs-card\">\r\n            <div class=\"kl-rs-logo-box\" style=\"border: none; background: transparent; overflow: hidden;\">\r\n              <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/logo_rs_lng_badak.jpg\" alt=\"Logo RS LNG Badak\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; width: auto; border-radius: 50%;\">\r\n            <\/div>\r\n            <div class=\"kl-rs-info\">\r\n              <span class=\"kl-rs-name\">RS LNG Badak<\/span>\r\n              <span class=\"kl-rs-badge\">Tahun 2024<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <!-- Card 2 -->\r\n          <a href=\"#\" class=\"kl-rs-card\">\r\n            <div class=\"kl-rs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/koja.jpg\" alt=\"Logo RSUD Koja Jakarta\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; width: auto; border-radius: 50%;\">\r\n            <\/div>\r\n            <div class=\"kl-rs-info\">\r\n              <span class=\"kl-rs-name\">RSUD Koja Jakarta<\/span>\r\n              <span class=\"kl-rs-badge\">Tahun 2021<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <!-- Card 3 -->\r\n          <a href=\"#\" class=\"kl-rs-card\">\r\n            <div class=\"kl-rs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/rsko.jpg\" alt=\"Logo RSKO Jakarta\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; width: auto; border-radius: 50%;\">\r\n            <\/div>\r\n            <div class=\"kl-rs-info\">\r\n              <span class=\"kl-rs-name\">RSKO Jakarta<\/span>\r\n              <span class=\"kl-rs-badge\">Tahun 2021<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <!-- Card 4 -->\r\n          <a href=\"#\" class=\"kl-rs-card\">\r\n            <div class=\"kl-rs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/media__1786346805853.png\" alt=\"Logo RSUD Cileungsi\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; width: auto; border-radius: 50%;\">\r\n            <\/div>\r\n            <div class=\"kl-rs-info\">\r\n              <span class=\"kl-rs-name\">RSUD Cileungsi<\/span>\r\n              <span class=\"kl-rs-badge\">Tahun 2020<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <!-- Card 5 -->\r\n          <a href=\"#\" class=\"kl-rs-card rs-span-last\">\r\n            <div class=\"kl-rs-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/soetomo.png\" alt=\"Logo RSUD Dr. Soetomo\" style=\"max-height: 100%; max-width: 100%; object-fit: contain; width: auto; border-radius: 50%;\">\r\n            <\/div>\r\n            <div class=\"kl-rs-info\">\r\n              <span class=\"kl-rs-name\">RSUD Dr. Soetomo<\/span>\r\n              <span class=\"kl-rs-badge\">Tahun 2017<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- Kolom Kanan (35%): Non-RS \/ Pemerintahan -->\r\n      <div class=\"kl-cat-right\">\r\n        <span class=\"kl-cat-label\">Non-RS \/ Pemerintahan<\/span>\r\n        <div class=\"kl-gov-grid\">\r\n          \r\n          <!-- Card 1 -->\r\n          <a href=\"#\" class=\"kl-gov-card\">\r\n            <div class=\"kl-gov-logo-box\">\r\n              <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/korlantas.png\" alt=\"Logo Korlantas Polri; \">\r\n            <\/div>\r\n            <div class=\"kl-gov-info\">\r\n              <span class=\"kl-gov-name\">Korlantas Polri<\/span>\r\n              <span class=\"kl-gov-badge\">Tahun 2022<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <!-- Card 2 -->\r\n          <a href=\"#\" class=\"kl-gov-card\">\r\n            <div class=\"kl-gov-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/imigrasi.png\" alt=\"Logo Ditjen Imigrasi; \">\r\n            <\/div>\r\n            <div class=\"kl-gov-info\">\r\n              <span class=\"kl-gov-name\">Ditjen Imigrasi<\/span>\r\n              <span class=\"kl-gov-badge\">Tahun 2022<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n          <!-- Card 3 -->\r\n          <a href=\"#\" class=\"kl-gov-card\">\r\n            <div class=\"kl-gov-logo-box\">\r\n                <img decoding=\"async\" src=\"https:\/\/smarthubtech.co.id\/wp-content\/uploads\/2026\/08\/kemnaker.jpg\" alt=\"Logo Kemnaker RI; \">\r\n            <\/div>\r\n            <div class=\"kl-gov-info\">\r\n              <span class=\"kl-gov-name\">Kemnaker RI<\/span>\r\n              <span class=\"kl-gov-badge\">Tahun 2021<\/span>\r\n            <\/div>\r\n          <\/a>\r\n\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\nv>\r\n<style>\n\r\n\/* PREMIUM ENTERPRISE SAAS FOOTER *\/\r\n.sh-footer {\r\n  background: #090D1A !important;\r\n  color: #94A3B8;\r\n  padding: 100px 0 48px;\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\r\n  position: relative;\r\n  overflow: hidden;\r\n  border-top: 1px solid rgba(255, 255, 255, 0.06);\r\n}\r\n.sh-footer, .sh-footer * {\r\n  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;\r\n}\r\n\r\n\/* Background glowing accents *\/\r\n.sh-footer::before {\r\n  content: ''; position: absolute; bottom: 0; right: 0; width: 40vw; height: 40vw;\r\n  background: radial-gradient(circle at 100% 100%, rgba(29, 78, 216, 0.1) 0%, transparent 60%);\r\n  pointer-events: none; z-index: 1;\r\n}\r\n.sh-footer .sh-c { max-width: 1280px; margin: 0 auto; padding: 0 24px; position: relative; z-index: 2; }\r\n\r\n\/* 80% DIFFERENT STRUCTURAL GRID Layout *\/\r\n.sh-footer-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 0.8fr 0.8fr 1.2fr;\r\n  gap: 64px;\r\n  border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n  padding-bottom: 64px;\r\n  margin-bottom: 40px;\r\n  text-align: left;\r\n}\r\n\r\n\/* Col 1: Brand & Contact Info *\/\r\n.sh-foot-brand-col { display: flex; flex-direction: column; gap: 24px; }\r\n.sh-foot-logo {\r\n  display: flex; align-items: center; gap: 10px; text-decoration: none;\r\n}\r\n.sh-foot-logo-icon {\r\n  background: #1D4ED8; color: #ffffff; width: 32px; height: 32px;\r\n  border-radius: 8px; display: flex; align-items: center; justify-content: center;\r\n  font-weight: 800; font-size: 16px;\r\n}\r\n.sh-foot-logo-text { font-size: 18px; font-weight: 800; color: #ffffff; letter-spacing: -0.02em; }\r\n.sh-foot-logo-text span { color: #BAC8FF; }\r\n\r\n.sh-foot-desc { font-size: 14px; color: #64748B; line-height: 1.6; margin: 0; }\r\n\r\n.sh-foot-contact-details { display: flex; flex-direction: column; gap: 16px; }\r\n.sh-foot-contact-i { display: flex; gap: 12px; align-items: flex-start; }\r\n.sh-foot-contact-icon { color: #BAC8FF; flex-shrink: 0; margin-top: 2px; }\r\n.sh-foot-contact-icon svg { width: 16px; height: 16px; }\r\n.sh-foot-contact-text { font-size: 13.5px; color: #94A3B8; line-height: 1.5; margin: 0; }\r\n.sh-foot-contact-text a { color: #BAC8FF; text-decoration: none; transition: color 0.3s; }\r\n.sh-foot-contact-text a:hover { color: #ffffff; }\r\n\r\n\/* Col 2 & 3: Structured Navigation Lists *\/\r\n.sh-foot-nav-col { display: flex; flex-direction: column; gap: 24px; }\r\n.sh-foot-nav-title {\r\n  font-size: 12px; font-weight: 800; color: #ffffff;\r\n  text-transform: uppercase; letter-spacing: 0.1em; margin: 0;\r\n}\r\n.sh-foot-nav-list { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 14px; }\r\n.sh-foot-nav-link {\r\n  font-size: 14.5px; color: #64748B; text-decoration: none; transition: all 0.3s;\r\n  display: inline-block; position: relative; padding: 2px 0;\r\n}\r\n.sh-foot-nav-link:hover { color: #ffffff; transform: translateX(2px); }\r\n\r\n\/* Col 4: Premium Newsletter CTA Box *\/\r\n.sh-foot-newsletter-col {\r\n  background: rgba(255, 255, 255, 0.02);\r\n  border: 1px solid rgba(255, 255, 255, 0.06);\r\n  border-radius: 24px;\r\n  padding: 32px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 20px;\r\n}\r\n.sh-news-title { font-size: 16px; font-weight: 800; color: #ffffff; margin: 0; }\r\n.sh-news-desc { font-size: 13.5px; color: #64748B; line-height: 1.5; margin: 0; }\r\n.sh-news-form { display: flex; gap: 8px; width: 100%; }\r\n.sh-news-input {\r\n  flex-grow: 1;\r\n  background: rgba(0,0,0,0.25);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  border-radius: 100px;\r\n  padding: 10px 18px;\r\n  color: #ffffff;\r\n  font-size: 13.5px;\r\n  font-family: inherit;\r\n  transition: all 0.3s;\r\n  outline: none;\r\n}\r\n.sh-news-input:focus { border-color: #1D4ED8; }\r\n.sh-news-btn {\r\n  background: #1D4ED8;\r\n  color: #ffffff;\r\n  border: none;\r\n  border-radius: 100px;\r\n  padding: 10px 20px;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  cursor: pointer;\r\n  transition: all 0.3s;\r\n}\r\n.sh-news-btn:hover { background: #1E40AF; transform: translateY(-1px); }\r\n\r\n\/* Bottom bar & social media *\/\r\n.sh-foot-bottom {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 24px;\r\n  text-align: left;\r\n}\r\n.sh-foot-copyright { font-size: 13.5px; color: #64748B; margin: 0; }\r\n\r\n.sh-foot-socials { display: flex; gap: 16px; }\r\n.sh-foot-social-link {\r\n  width: 36px; height: 36px; background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08); border-radius: 50%;\r\n  display: flex; align-items: center; justify-content: center;\r\n  color: #94A3B8; transition: all 0.3s;\r\n}\r\n.sh-foot-social-link:hover {\r\n  background: #1D4ED8; color: #ffffff; border-color: #1D4ED8; transform: translateY(-2px);\r\n}\r\n.sh-foot-social-link svg { width: 16px; height: 16px; }\r\n\r\n\n@media(min-width: 768px) {\n  .sh-cli-hero { padding: 180px 0 100px; }\n  .sh-cli-desc { font-size: 18px; max-width: 600px; }\n  \n  .sh-cli-feat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }\n  .sh-cli-list-grid { grid-template-columns: repeat(3, 1fr); gap: 16px; }\n  \n  .sh-cli-grid-2col { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }\n}\n\n@media(min-width: 1024px) {\n  .sh-cli-layout { \n    display: grid; \n    grid-template-columns: 1.05fr 0.95fr; \n    gap: 64px; \n  }\n  .sh-cli-col-left { padding-right: 20px; }\n  .sh-cli-col-right { padding-left: 20px; border-left: 1px solid rgba(255,255,255,0.06); }\n  \n  .sh-cli-list-grid { grid-template-columns: repeat(4, 1fr); gap: 20px; }\n}\n\n<\/style>\r\n\r\n<footer class=\"sh-footer\">\r\n  <div class=\"sh-c\">\r\n    <div class=\"sh-footer-grid\">\r\n      <!-- Col 1 -->\r\n      <div class=\"sh-foot-brand-col\">\r\n        <a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-foot-logo\">\r\n          <div class=\"sh-foot-logo-icon\">S<\/div>\r\n          <div class=\"sh-foot-logo-text\">SmartHub <span>SmartRS<\/span><\/div>\r\n        <\/a>\r\n        <p class=\"sh-foot-desc\">Mitra transformasi ekosistem kesehatan terpadu dan terpercaya di Indonesia, menghadirkan kestabilan operasional klinis dan kepatuhan hukum mutlak.<\/p>\r\n        <div class=\"sh-foot-contact-details\">\r\n          <div class=\"sh-foot-contact-i\">\r\n            <span class=\"sh-foot-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/><circle cx=\"12\" cy=\"10\" r=\"3\"\/><\/svg><\/span>\r\n            <p class=\"sh-foot-contact-text\">Wisma DKA\/DNA, Jl. Terusan Kuningan No. 16, Kuningan Barat, Mampang Prapatan, Jakarta Selatan 12710<\/p>\r\n          <\/div>\r\n          <div class=\"sh-foot-contact-i\">\r\n            <span class=\"sh-foot-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/><\/svg><\/span>\r\n            <p class=\"sh-foot-contact-text\">M. <a href=\"tel:087700300600\">0877 0030 0600<\/a> | T. <a href=\"tel:02152962504\">(021) 529 62504<\/a><\/p>\r\n          <\/div>\r\n          <div class=\"sh-foot-contact-i\">\r\n            <span class=\"sh-foot-contact-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"\/><polyline points=\"22,6 12,13 2,6\"\/><\/svg><\/span>\r\n            <p class=\"sh-foot-contact-text\"><a href=\"mailto:info@smarthub.co.id\">info@smarthub.co.id<\/a><\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      \r\n      <!-- Col 2 -->\r\n      <div class=\"sh-foot-nav-col\">\r\n        <h4 class=\"sh-foot-nav-title\">Navigasi Halaman<\/h4>\r\n        <ul class=\"sh-foot-nav-list\">\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/index\/\" class=\"sh-foot-nav-link\">Beranda<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/\" class=\"sh-foot-nav-link\">Kapabilitas Solusi<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/\" class=\"sh-foot-nav-link\">Harga &amp; Paket KSO<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/kontak\/\" class=\"sh-foot-nav-link\">Hubungi Kami<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      \r\n      <!-- Col 3 -->\r\n      <div class=\"sh-foot-nav-col\">\r\n        <h4 class=\"sh-foot-nav-title\">Modul &amp; Solusi<\/h4>\r\n        <ul class=\"sh-foot-nav-list\">\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartRegon (Pendaftaran)<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartRME (Rekam Medis)<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartCasemix (E-Klaim)<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/solusi\/#modul\" class=\"sh-foot-nav-link\">smartBI (Dashboard BI)<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/#opsi\" class=\"sh-foot-nav-link\">Kemitraan KSO RS<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/#legal\" class=\"sh-foot-nav-link\">Kepatuhan Hukum BLUD<\/a><\/li>\r\n          <li><a href=\"https:\/\/smarthubtech.co.id\/index.php\/harga\/#faq\" class=\"sh-foot-nav-link\">Pertanyaan Umum (FAQ)<\/a><\/li>\r\n        <\/ul>\r\n      <\/div>\r\n      \r\n      <!-- Col 4 -->\r\n      <div class=\"sh-foot-newsletter-col\">\r\n        <h4 class=\"sh-news-title\">Berlangganan Newsletter<\/h4>\r\n        <p class=\"sh-news-desc\">Dapatkan rilis pembaruan regulasi Kemenkes SATUSEHAT &amp; tips kendali mutu kendali biaya langsung ke email Anda.<\/p>\r\n        <form class=\"sh-news-form\" onsubmit=\"event.preventDefault(); alert('Terima kasih telah berlangganan!');\">\r\n          <input type=\"email\" class=\"sh-news-input\" placeholder=\"Alamat email Anda\" required aria-label=\"Alamat Email\">\r\n          <button type=\"submit\" class=\"sh-news-btn\">Subskribe<\/button>\r\n        <\/form>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <div class=\"sh-foot-bottom\">\r\n      <p class=\"sh-foot-copyright\">&copy; 2026 PT SmartHub Technologies. All rights reserved. Est. Mei 2002.<\/p>\r\n      <div class=\"sh-foot-socials\">\n        <a href=\"https:\/\/web.facebook.com\/profile.php?id=61592632570712\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Facebook\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z\"\/><\/svg><\/a>\n        <a href=\"https:\/\/www.instagram.com\/smarthub.tech\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"Instagram\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"\/><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"\/><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"\/><\/svg><\/a>\n        <a href=\"https:\/\/www.tiktok.com\/@smart.hub.tech?is_from_webapp=1&sender_device=pc\" class=\"sh-foot-social-link\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"TikTok\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"\/><\/svg><\/a><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/footer>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>S SmartHub SmartRS Beranda Services Solusi Modul Penunjang Medis Modul Tata Kelola Komitmen SLA Harga Klien Jadwalkan Demo S SmartHub Beranda Services Solusi Harga Klien Jadwalkan Demo Portfolio &amp; Partnerships Transformasi Digital Bersama Faskes &amp; Mitra Lihat bagaimana SmartHub membantu berbagai fasilitas kesehatan dalam mengoptimalkan performa manajemen, mewujudkan kepatuhan regulasi, dan mempercepat alur administrasi medis. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-94","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/94","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/comments?post=94"}],"version-history":[{"count":9,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/94\/revisions"}],"predecessor-version":[{"id":150,"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/pages\/94\/revisions\/150"}],"wp:attachment":[{"href":"https:\/\/smarthubtech.co.id\/index\/wp-json\/wp\/v2\/media?parent=94"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}