{"id":341,"date":"2026-02-09T08:42:36","date_gmt":"2026-02-09T08:42:36","guid":{"rendered":"https:\/\/candilogistik.com\/?page_id=341"},"modified":"2026-02-10T11:23:41","modified_gmt":"2026-02-10T11:23:41","slug":"game","status":"publish","type":"page","link":"https:\/\/candilogistik.com\/index.php\/game\/","title":{"rendered":"Lovapoly &#8211; Game"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"341\" class=\"elementor elementor-341\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-38e9053 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"38e9053\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0feb7b3\" data-id=\"0feb7b3\" 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-932998f elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"932998f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#elementor-action%3Aaction%3Dpopup%3Aopen%26settings%3DeyJpZCI6IjM4MiIsInRvZ2dsZSI6ZmFsc2V9\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\ud83c\udfb2 Lempar Dadu<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-bf2449c\" data-id=\"bf2449c\" 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-fc406ea elementor-mobile-align-center elementor-widget elementor-widget-button\" data-id=\"fc406ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\ud83d\udcdc Ambil Kartu<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-fa34685 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"fa34685\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3dcf597\" data-id=\"3dcf597\" 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-ae224ab elementor-widget elementor-widget-template\" data-id=\"ae224ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"template.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-template\">\n\t\t\t\t\t<div data-elementor-type=\"popup\" data-elementor-id=\"382\" class=\"elementor elementor-382\" data-elementor-settings=\"{&quot;entrance_animation&quot;:&quot;fadeInDown&quot;,&quot;exit_animation&quot;:&quot;fadeInDown&quot;,&quot;avoid_multiple_popups&quot;:&quot;yes&quot;,&quot;entrance_animation_duration&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:1.2,&quot;sizes&quot;:[]},&quot;a11y_navigation&quot;:&quot;yes&quot;,&quot;triggers&quot;:{&quot;page_load&quot;:&quot;yes&quot;,&quot;scrolling&quot;:&quot;yes&quot;,&quot;scrolling_to&quot;:&quot;yes&quot;,&quot;click&quot;:&quot;yes&quot;,&quot;inactivity&quot;:&quot;yes&quot;,&quot;exit_intent&quot;:&quot;yes&quot;,&quot;adblock_detection&quot;:&quot;yes&quot;,&quot;page_load_delay&quot;:0,&quot;scrolling_direction&quot;:&quot;down&quot;,&quot;scrolling_offset&quot;:50,&quot;click_times&quot;:1,&quot;inactivity_time&quot;:30,&quot;adblock_detection_delay&quot;:0},&quot;timing&quot;:{&quot;page_views&quot;:&quot;yes&quot;,&quot;sessions&quot;:&quot;yes&quot;,&quot;times&quot;:&quot;yes&quot;,&quot;url&quot;:&quot;yes&quot;,&quot;sources&quot;:&quot;yes&quot;,&quot;logged_in&quot;:&quot;yes&quot;,&quot;devices&quot;:&quot;yes&quot;,&quot;browsers&quot;:&quot;yes&quot;,&quot;schedule&quot;:&quot;yes&quot;,&quot;page_views_views&quot;:3,&quot;sessions_sessions&quot;:2,&quot;times_times&quot;:3,&quot;url_action&quot;:&quot;show&quot;,&quot;sources_sources&quot;:[&quot;search&quot;,&quot;external&quot;,&quot;internal&quot;],&quot;logged_in_users&quot;:&quot;all&quot;,&quot;devices_devices&quot;:[&quot;desktop&quot;,&quot;mobile&quot;,&quot;tablet&quot;],&quot;browsers_browsers&quot;:&quot;all&quot;,&quot;schedule_timezone&quot;:&quot;site&quot;,&quot;schedule_server_datetime&quot;:&quot;2026-05-30 08:10:09&quot;}}\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-50026db0 elementor-section-full_width elementor-section-height-min-height elementor-section-items-stretch elementor-section-height-default\" data-id=\"50026db0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-22f466d8\" data-id=\"22f466d8\" data-element_type=\"column\" data-e-type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\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-7c3e26f1 elementor-widget elementor-widget-heading\" data-id=\"7c3e26f1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Hasil Dadu<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04f118c elementor-widget elementor-widget-html\" data-id=\"04f118c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"dice\"\r\nstyle=\"font-family:Tahoma;font-weight:bold;font-size:60px;text-align:center;\">\r\n1\r\n<\/div>\r\n\r\n<button id=\"rollBtn\"\r\nstyle=\"display:block;margin:20px auto;padding:12px 24px;font-size:18px;\">\r\nLempar Dadu\r\n<\/button>\r\n\r\n<script>\r\ndocument.getElementById(\"rollBtn\").onclick = function(){\r\n\r\n  var dice = document.getElementById(\"dice\");\r\n  var count = 0;\r\n\r\n  var interval = setInterval(function(){\r\n\r\n    dice.innerHTML = Math.floor(Math.random()*4)+1;\r\n    count++;\r\n\r\n    if(count >= 12){\r\n      clearInterval(interval);\r\n\r\n      var hasil = Math.floor(Math.random()*4)+1;\r\n      dice.innerHTML = hasil;\r\n\r\n      if(typeof terimaHasilDadu === \"function\"){\r\n        terimaHasilDadu(hasil);\r\n      }else{\r\n        alert(\"Game engine belum aktif\");\r\n      }\r\n    }\r\n\r\n  },100);\r\n};\r\n<\/script>\r\n\r\n<script>\r\n...\r\nif(typeof terimaHasilDadu === \"function\"){\r\n    terimaHasilDadu(hasil);\r\n}\r\n<\/script>\r\n\r\n\t\t\t\t<\/div>\n\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\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b2985cb elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b2985cb\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3a00e73\" data-id=\"3a00e73\" 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-5182445 elementor-absolute elementor-widget elementor-widget-image\" data-id=\"5182445\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"pion1\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/candilogistik.com\/wp-content\/uploads\/elementor\/thumbs\/Desain-tanpa-judul-16-rixu17j97e76u4ftcf9q7fmbek3s6ljb497en7uhx6.png\" title=\"Desain tanpa judul (16)\" alt=\"Desain tanpa judul (16)\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-dfe38e7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"dfe38e7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6840b8b\" data-id=\"6840b8b\" 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-daca285 elementor-widget elementor-widget-html\" data-id=\"daca285\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\n\/* =========================\r\n   STATE GAME\r\n========================= *\/\r\nvar game = {\r\n  posisi: 1,\r\n  totalKotak: 34,\r\n  sedangJalan: false\r\n};\r\n\r\n\/* =========================\r\n   KOORDINAT KOTAK (%)\r\n   (boleh disesuaikan nanti)\r\n========================= *\/\r\nvar kotak = {\r\n  1:{x:6, y:88},  2:{x:16,y:88}, 3:{x:26,y:88}, 4:{x:36,y:88},\r\n  5:{x:46,y:88}, 6:{x:56,y:88}, 7:{x:66,y:88}, 8:{x:76,y:88},\r\n  9:{x:86,y:88},\r\n\r\n  10:{x:88,y:76},11:{x:88,y:66},12:{x:88,y:56},13:{x:88,y:46},\r\n  14:{x:88,y:36},15:{x:88,y:26},16:{x:88,y:16},\r\n\r\n  17:{x:76,y:14},18:{x:66,y:14},19:{x:56,y:14},20:{x:46,y:14},\r\n  21:{x:36,y:14},22:{x:26,y:14},23:{x:16,y:14},24:{x:6,y:14},\r\n\r\n  25:{x:4,y:26},26:{x:4,y:36},27:{x:4,y:46},\r\n  28:{x:4,y:56},29:{x:4,y:66},30:{x:4,y:76},\r\n\r\n  31:{x:30,y:50},32:{x:40,y:50},33:{x:50,y:50},34:{x:60,y:50}\r\n};\r\n\r\n\/* =========================\r\n   RENDER PION\r\n========================= *\/\r\nfunction renderPion(pos){\r\n  var pion = document.getElementById(\"pion1\");\r\n  var board = document.querySelector(\".draw-attention img\");\r\n  if(!pion || !board || !kotak[pos]) return;\r\n\r\n  var rect = board.getBoundingClientRect();\r\n  var x = rect.width  * (kotak[pos].x \/ 100);\r\n  var y = rect.height * (kotak[pos].y \/ 100);\r\n\r\n  pion.style.position = \"absolute\";\r\n  pion.style.left = x + \"px\";\r\n  pion.style.top  = y + \"px\";\r\n  pion.style.transform = \"translate(-50%, -50%)\";\r\n}\r\n\r\n\/* =========================\r\n   JALAN STEP BY STEP\r\n========================= *\/\r\nfunction jalan(step){\r\n  if(game.sedangJalan) return;\r\n  game.sedangJalan = true;\r\n\r\n  var target = game.posisi + step;\r\n  if(target > game.totalKotak) target = game.totalKotak;\r\n\r\n  var interval = setInterval(function(){\r\n\r\n    if(game.posisi < target){\r\n      game.posisi++;\r\n      renderPion(game.posisi);\r\n    }else{\r\n      clearInterval(interval);\r\n      game.sedangJalan = false;\r\n    }\r\n\r\n  },400);\r\n}\r\n\r\n\/* =========================\r\n   DIPANGGIL DARI POPUP DADU\r\n========================= *\/\r\nfunction terimaHasilDadu(hasil){\r\n  jalan(hasil);\r\n}\r\n\r\n\/* =========================\r\n   POSISI AWAL\r\n========================= *\/\r\nwindow.addEventListener(\"load\", function(){\r\n  renderPion(game.posisi);\r\n});\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2331e9c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2331e9c\" data-element_type=\"section\" data-e-type=\"section\" id=\"board-wrapper\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e5f3d3d\" data-id=\"e5f3d3d\" 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-4e18621 elementor-widget elementor-widget-shortcode\" data-id=\"4e18621\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n<style>\n\t#hotspot-368 .hotspots-image-container,\n\t#hotspot-368 .leaflet-container {\n\t\tbackground: #efefef\t}\n\n\t#hotspot-368 .hotspots-placeholder {\n\t\tbackground: #ffffff;\n\t\tborder: 0 #ffffff solid;\n\t\tcolor: #ffffff;\n\t}\n\n\t#hotspot-368 .hotspot-title {\n\t\tcolor: #0a0a0a;\n\t}\n\n\t\t\t#hotspot-368 .hotspot-default {\n\t\t\tstroke-width: 1;\n\t\t\tfill: #ffffff;\n\t\t\tfill-opacity: 0;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0;\n\t\t}\n\t\t#hotspot-368 .hotspot-default:hover,\n\t\t#hotspot-368 .hotspot-default:focus-visible,\n\t\t#hotspot-368 .hotspot-default.hotspot-active {\n\t\t\tfill: #cccccc;\n\t\t\tfill-opacity: 0.81;\n\t\t\tstroke: #ffffff;\n\t\t\tstroke-opacity: 0.81;\n\t\t}\n\t\t#hotspot-368 .leaflet-tooltip,\n\t#hotspot-368 .leaflet-rrose-content-wrapper {\n\t\tbackground: #ffffff;\n\t\tborder-color: #ffffff;\n\t\tcolor: #ffffff;\n\t}\n\n\t#hotspot-368 a.leaflet-rrose-close-button {\n\t\tcolor: #0a0a0a;\n\t}\n\n\t#hotspot-368 .leaflet-rrose-tip {\n\t\tbackground: #ffffff;\n\t}\n\n\t#hotspot-368 .leaflet-popup-scrolled {\n\t\tborder-bottom-color: #ffffff;\n\t\tborder-top-color: #ffffff;\n\t}\n\n\t#hotspot-368 .leaflet-tooltip-top:before {\n\t\tborder-top-color: #ffffff;\n\t}\n\n\t#hotspot-368 .leaflet-tooltip-bottom:before {\n\t\tborder-bottom-color: #ffffff;\n\t}\n\t#hotspot-368 .leaflet-tooltip-left:before {\n\t\tborder-left-color: #ffffff;\n\t}\n\t#hotspot-368 .leaflet-tooltip-right:before {\n\t\tborder-right-color: #ffffff;\n\t}\n<\/style>\n\n\t\n\t<div class=\"hotspots-container  layout-left event-click\" id=\"hotspot-368\" data-layout=\"left\" data-trigger=\"click\">\n\t\t<div class=\"hotspots-interaction\">\n\t\t\t\t<div class=\"hotspots-placeholder\" id=\"content-hotspot-368\">\n\t\t<div class=\"hotspot-initial\">\n\t\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<div class=\"hotspots-image-container\">\n\t<img\n\t\twidth=\"2560\"\n\t\theight=\"2560\"\n\t\tsrc=\"https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/lovapoly-scaled-e1770631214318.png\"\n\t\talt=\"\"\n\t\tclass=\"hotspots-image skip-lazy\"\n\t\tusemap=\"#hotspots-image-368\"\n\t\tdata-image-title=\"\"\n\t\tdata-image-description=\"\"\n\t\tdata-event-trigger=\"click\"\n\t\tdata-always-visible=\"false\"\n\t\tdata-id=\"368\"\n\t\tdata-no-lazy=\"1\"\n\t\tdata-lazy-src=\"\"\n\t\tdata-lazy=\"false\"\n\t\tloading=\"eager\"\n\t\tdata-skip-lazy=\"1\"\n\t\t>\n<\/div>\t\t<\/div>\n\t\t<map name=\"hotspots-image-368\" class=\"hotspots-map\">\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"19,2191,19,2023,343,2023,343,2191\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-0\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-1\"\n\t\t\t\t\talt=\"kotak-1\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"19,1820,19,1660,341,1660,341,1820\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-1\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-2\"\n\t\t\t\t\talt=\"kotak-2\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"15,1654,15,1466,357,1466,357,1654\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-2\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-3\"\n\t\t\t\t\talt=\"kotak-3\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"21,1448,21,1284,337,1284,337,1448\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-3\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-4\"\n\t\t\t\t\talt=\"kotak-4\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"7,1273,7,1095,355,1095,355,1273\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-4\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-5\"\n\t\t\t\t\talt=\"kotak-5\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"19,1087,19,919,339,919,339,1087\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-5\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-6\"\n\t\t\t\t\talt=\"kotak-6\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"17,718,17,554,343,554,343,718\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-6\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-7\"\n\t\t\t\t\talt=\"kotak-7\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"-1,550,-1,362,359,362,359,550\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-7\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-8\"\n\t\t\t\t\talt=\"kotak-8\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"365,341,365,13,533,13,533,341\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-8\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-9\"\n\t\t\t\t\talt=\"kotak-9\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"737,339,737,17,901,17,901,339\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-9\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-10\"\n\t\t\t\t\talt=\"kotak-10\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"909,355,909,0,1092,0,1092,355\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-10\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-11\"\n\t\t\t\t\talt=\"kotak-11\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1106,346,1106,16,1272,16,1272,346\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-11\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-12\"\n\t\t\t\t\talt=\"kotak-12\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1278,346,1278,4,1462,4,1462,346\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-12\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-13\"\n\t\t\t\t\talt=\"kotak-13\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1476,339,1476,17,1636,17,1636,339\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-13\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-14\"\n\t\t\t\t\talt=\"kotak-14\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1838,339,1838,25,2000,25,2000,339\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-14\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-15\"\n\t\t\t\t\talt=\"kotak-15\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2020,359,2020,9,2194,9,2194,359\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-15\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-16\"\n\t\t\t\t\talt=\"kotak-16\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2212,536,2212,372,2542,372,2542,536\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-16\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-17\"\n\t\t\t\t\talt=\"kotak-17\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2212,902,2212,740,2542,740,2542,902\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-17\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-18\"\n\t\t\t\t\talt=\"kotak-18\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2200,1096,2200,910,2554,910,2554,1096\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-18\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-19\"\n\t\t\t\t\talt=\"kotak-19\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2218,1269,2218,1107,2538,1107,2538,1269\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-19\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-20\"\n\t\t\t\t\talt=\"kotak-20\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2198,1463,2198,1279,2550,1279,2550,1463\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-20\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-21\"\n\t\t\t\t\talt=\"kotak-21\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2214,1647,2214,1471,2542,1471,2542,1647\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-21\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-22\"\n\t\t\t\t\talt=\"kotak-22\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2212,2007,2212,1846,2534,1846,2534,2007\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-22\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-23\"\n\t\t\t\t\talt=\"kotak-23\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2202,2198,2202,2014,2552,2014,2552,2198\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-23\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-24\"\n\t\t\t\t\talt=\"kotak-24\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"2028,2540,2028,2218,2192,2218,2192,2540\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-24\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-25\"\n\t\t\t\t\talt=\"kotak-25\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1828,2554,1828,2199,2016,2199,2016,2554\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-25\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-26\"\n\t\t\t\t\talt=\"kotak-26\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1656,2535,1656,2215,1828,2215,1828,2535\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-26\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-27\"\n\t\t\t\t\talt=\"kotak-27\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1464,2557,1464,2197,1644,2197,1644,2557\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-27\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-28\"\n\t\t\t\t\talt=\"kotak-28\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1294,2538,1294,2218,1458,2218,1458,2538\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-28\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-29\"\n\t\t\t\t\talt=\"kotak-29\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"1098,2556,1098,2202,1278,2202,1278,2556\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-29\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-30\"\n\t\t\t\t\talt=\"kotak-30\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"919,2546,919,2212,1088,2212,1088,2546\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-30\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-31\"\n\t\t\t\t\talt=\"kotak-31\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"727,2555,727,2201,911,2201,911,2555\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-31\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-32\"\n\t\t\t\t\talt=\"kotak-32\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"559,2537,559,2213,717,2213,717,2537\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-32\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-33\"\n\t\t\t\t\talt=\"kotak-33\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t<area\n\t\t\t\t\tshape=\"polygon\"\n\t\t\t\t\tcoords=\"365,2555,365,2202,543,2202,543,2555\"\n\t\t\t\t\thref=\"#hotspot-hotspot-368-33\"\n\t\t\t\t\trel=\"\"\n\t\t\t\t\ttitle=\"kotak-34\"\n\t\t\t\t\talt=\"kotak-34\"\n\t\t\t\t\tdata-action=\"\"\n\t\t\t\t\tdata-color-scheme=\"\"\n\t\t\t\t\ttarget=\"\"\n\t\t\t\t\tclass=\"more-info-area\"\n\t\t\t\t\t>\n\t\t\t\t\t<\/map>\n\n\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-0\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-1<\/h2>\t\t\t\t\t\t\t\t\t<div class=\"hotspot-thumb\">\n\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"800\" height=\"489\" src=\"https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/01-Pijat-Bahu-1024x626.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/01-Pijat-Bahu-1024x626.png 1024w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/01-Pijat-Bahu-300x183.png 300w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/01-Pijat-Bahu-768x469.png 768w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/01-Pijat-Bahu-1536x939.png 1536w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/01-Pijat-Bahu-2048x1252.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-1\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-2<\/h2>\t\t\t\t\t\t\t\t\t<div class=\"hotspot-thumb\">\n\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"489\" src=\"https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/02-Kecup-Pipi-1024x626.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/02-Kecup-Pipi-1024x626.png 1024w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/02-Kecup-Pipi-300x183.png 300w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/02-Kecup-Pipi-768x469.png 768w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/02-Kecup-Pipi-1536x939.png 1536w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/02-Kecup-Pipi-2048x1252.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-2\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-3<\/h2>\t\t\t\t\t\t\t\t\t<div class=\"hotspot-thumb\">\n\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"489\" src=\"https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/03-cium-bibir-1024x626.png\" class=\"attachment-large size-large\" alt=\"\" srcset=\"https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/03-cium-bibir-1024x626.png 1024w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/03-cium-bibir-300x183.png 300w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/03-cium-bibir-768x469.png 768w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/03-cium-bibir-1536x939.png 1536w, https:\/\/candilogistik.com\/wp-content\/uploads\/2026\/02\/03-cium-bibir-2048x1252.png 2048w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-3\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-4<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-4\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-5<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-5\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-6<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-6\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-7<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-7\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-8<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-8\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-9<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-9\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-10<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-10\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-11<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-11\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-12<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-12\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-13<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-13\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-14<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-14\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-15<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-15\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-16<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-16\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-17<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-17\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-18<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-18\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-19<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-19\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-20<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-20\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-21<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-21\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-22<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-22\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-23<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-23\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-24<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-24\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-25<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-25\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-26<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-26\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-27<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-27\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-28<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-28\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-29<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-29\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-30<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-30\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-31<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-31\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-32<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-32\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-33<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t<div class=\"hotspot-info \" id=\"hotspot-hotspot-368-33\">\n\t\t\t\t\n\t\t\t\t<h2 class=\"hotspot-title\">kotak-34<\/h2>\t\t\t\t\t\t\t\t<div class=\"hotspot-content\">\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/div>\n\n\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-035855f elementor-widget elementor-widget-html\" data-id=\"035855f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div id=\"pion1\"><\/div>\r\n\r\n<style>\r\n#board-wrapper{\r\n  position: relative;\r\n}\r\n\r\n#pion1{\r\n  width: 24px;\r\n  height: 24px;\r\n  background: red;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  z-index: 9999;\r\n  left: 6%;\r\n  top: 88%;\r\n  transform: translate(-50%, -50%);\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-646d357 elementor-widget elementor-widget-html\" data-id=\"646d357\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script>\r\nvar posisi = 1;\r\n\r\nvar kotak = {\r\n  1:{x:6,y:88},2:{x:16,y:88},3:{x:26,y:88},4:{x:36,y:88},\r\n  5:{x:46,y:88},6:{x:56,y:88},7:{x:66,y:88},8:{x:76,y:88},\r\n  9:{x:86,y:88}\r\n};\r\n\r\nfunction render(){\r\n  var pion = document.getElementById(\"pion1\");\r\n  pion.style.left = kotak[posisi].x + \"%\";\r\n  pion.style.top  = kotak[posisi].y + \"%\";\r\n}\r\n\r\n\/* TEST GERAK *\/\r\ndocument.addEventListener(\"click\", function(){\r\n  posisi++;\r\n  if(posisi > 9) posisi = 1;\r\n  render();\r\n});\r\n\r\nrender();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\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>\ud83c\udfb2 Lempar Dadu \ud83d\udcdc Ambil Kartu<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-341","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/pages\/341","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/comments?post=341"}],"version-history":[{"count":88,"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/pages\/341\/revisions"}],"predecessor-version":[{"id":461,"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/pages\/341\/revisions\/461"}],"wp:attachment":[{"href":"https:\/\/candilogistik.com\/index.php\/wp-json\/wp\/v2\/media?parent=341"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}