It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: http://www.personalbestgb.com

  1. <!DOCTYPE html>
  2. <html lang="id">
  3. <head>
  4.    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5.    <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" charset="UTF-8">
  7.    <title>PENULIS4D : Platform Bandar Toto Macau Terlengkap Paling Di Cari</title>
  8.    <meta name="description" content="Penulis4d merupakan platform bandar toto macau paling lengkap dan gampang di pahami tercatat dalam prize togel online hari ini keluaran toto macau terpercaya."/>
  9.    <meta name="keywords" content="penulis4d, penulis 4d, link alternatif penulis4d"/>
  10.    <link rel="canonical" href="https://zpenulis4d.site/"/>
  11.    <meta name="google-site-verification" content="6ersBQC-nDZ2VcyTvFpG35CGuAaJ2sCHjuCv2QFmrO4" /><meta name="google-site-verification" content="70vNh2yA1p0JVprtPrhbnL9lwiCWA2lmQVJnAXGgEU0" /><meta name="google-site-verification" content="tc0K_nvYYhAgvnGURHdQxNf4lV2GMGhS8fiaRnICo-Q" /><meta name="google-site-verification" content="bJKHGkxFjjJqMW2zLEAOJhXiSr4V3nnRegYEiLyyI3k" /><meta name="google-site-verification" content="s_9Uh8KVWvULIXjp-FgWfA2WVsbnHY1eC4omzf6ssOA" /><meta name="google-site-verification" content="eoF3rwNMDDGnXjur-BxzY2Zq07yoee88wutsA3ntfVI" /><meta name="google-site-verification" content="kIvjhOnp8sqJK7SjR6iVvcLqf3MZB4ikRiaieBdK1Ec" /><meta name="google-site-verification" content="0kfk-VxAvMOv8UjzEGlczfiRYE2B-aJy_MNNfK0w8N4" /><meta name="google-site-verification" content="M2RmO118VpYIPa5SzA9mtqadvqe9b207DIeBSLzmvxU" /><meta name="google-site-verification" content="j4gGi_ujA6QZ19a1GSBjhBGWcvybM79ZJNQTzwc9Kv0" /><meta name="google-site-verification" content="tqDfzrrZANubKvNF4kW09znpC-WDXZDeaiSTUdZYwXE" /><meta name="google-site-verification" content="K9cAJEgFnbyco0G765bYZh3OsRwJRsBzlwI4YLumz2k" /><meta name="google-site-verification" content="Ff3JXQ3od6tjo3LGSQbaYviu9q20BwBLP60ryXIkG5I" />
  12.    <link rel="amphtml" href="https://doyanpenulis4d.xyz/amp" />
  13.    <meta property="og:title" content="PENULIS4D : Platform Bandar Toto Macau Terlengkap Paling Di Cari" />
  14.    <meta property="og:description" content="Penulis4d merupakan platform bandar toto macau paling lengkap dan gampang di pahami tercatat dalam prize togel online hari ini keluaran toto macau terpercaya." />
  15.    <meta property="og:url" content="https://zpenulis4d.site/" />
  16.    <meta name="categories" content="website" />
  17.    <meta name="copyright" content="PENULIS4D">
  18.    <meta name="robots" content="index,follow">
  19.    <meta name="rating" content="general">
  20.    <meta name="geo.region" content="ID">
  21.    <meta name="geo.country" content="ID">
  22.    <meta name="language" content="Id-ID">
  23.    <meta name="distribution" content="global">
  24.    <meta name="geo.placename" content="DKI JAKARTA">
  25.    <meta name="author" content="PENULIS4D">
  26.    <meta name="publisher" content="PENULIS4D">
  27.    <meta property="og:type" content="website">
  28.    <meta property="og:site_name" content="PENULIS4D">
  29.    <meta property="og:locale" content="ID_id">
  30.    <meta property="og:locale:alternate" content="indonesia">
  31.    <meta property="og:image" content="https://penulis4d.dataklmsad902.site/images/welcome/1/m2qnGYfaKqoisp4V.jpeg?s=67cf5ee9c1ae3c933081722f482632c7">
  32.    <meta property="og:image:alt" content="PENULIS4D">
  33.    <meta name="googlebot" content="index,follow">
  34.    <meta name="twitter:card" content="summary_large_image">
  35.    <meta name="twitter:site" content="@penulis4d_">
  36.    <meta name="twitter:title" content="PENULIS4D : Platform Bandar Toto Macau Terlengkap Paling Di Cari">
  37.    <meta name="twitter:description" content="Penulis4d merupakan platform bandar toto macau paling lengkap dan gampang di pahami tercatat dalam prize togel online hari ini keluaran toto macau terpercaya.">
  38.    <meta name="twitter:image" content="https://penulis4d.dataklmsad902.site/images/welcome/1/m2qnGYfaKqoisp4V.jpeg?s=67cf5ee9c1ae3c933081722f482632c7">
  39.    <link rel="stylesheet" href="https://penulis4d.dataklmsad903.site/vendor/fontawesome-free/css/all.min.css" type="text/css">
  40.    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i">
  41.    <link rel="stylesheet" href="https://penulis4d.dataklmsad903.site/vendor/bootstrap/3.3.7/css/bootstrap.min.css" type="text/css">
  42.    <link rel="preload" href="https://penulis4d.dataklmsad903.site/css/Open24DisplaySt.woff2" as="font" type="font/woff2" crossorigin="anonymous">
  43.    <link rel="preload" href="https://penulis4d.dataklmsad903.site/css/Teko-SemiBold.ttf" as="font" type="font/ttf" crossorigin="anonymous">
  44.    <link rel="preload" href="https://penulis4d.dataklmsad903.site/css/Poppins-Regular.ttf" as="font" type="font/ttf" crossorigin="anonymous">
  45.    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" type="text/css">
  46.    <link rel="shortcut icon" href="https://penulis4d.dataklmsad902.site/images/setting-favicon/1/Szzou77N3W0WUMyh.png?s=570631cef61b76494c50aee8c47d8a58" type="image/x-icon">
  47. <!-- Google Tag Manager (noscript) -->
  48. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MPBLSGH9"
  49. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  50. <!-- End Google Tag Manager (noscript) -->
  51. <!-- Google Tag Manager -->
  52. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  53. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  54. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  55. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  56. })(window,document,'script','dataLayer','GTM-KC8C2NT5');</script>
  57. <!-- End Google Tag Manager -->
  58. <!-- Meta Pixel Code -->
  59. <script>
  60. !function(f,b,e,v,n,t,s)
  61. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  62. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  63. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  64. n.queue=[];t=b.createElement(e);t.async=!0;
  65. t.src=v;s=b.getElementsByTagName(e)[0];
  66. s.parentNode.insertBefore(t,s)}(window, document,'script',
  67. 'https://connect.facebook.net/en_US/fbevents.js');
  68. fbq('init', '997889549186009');
  69. fbq('track', 'PageView');
  70. </script>
  71. <noscript><img height="1" width="1" style="display:none"
  72. src="https://www.facebook.com/tr?id=997889549186009&ev=PageView&noscript=1"
  73. /></noscript>
  74. <!-- End Meta Pixel Code -->
  75. <!-- Google Tag Manager (noscript) -->
  76. <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-KC8C2NT5"
  77. height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
  78. <!-- End Google Tag Manager (noscript) -->
  79. <!-- Meta Pixel Code -->
  80. <script>
  81. !function(f,b,e,v,n,t,s)
  82. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  83. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  84. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  85. n.queue=[];t=b.createElement(e);t.async=!0;
  86. t.src=v;s=b.getElementsByTagName(e)[0];
  87. s.parentNode.insertBefore(t,s)}(window, document,'script',
  88. 'https://connect.facebook.net/en_US/fbevents.js');
  89. fbq('init', '1553058709379506');
  90. fbq('track', 'PageView');
  91. </script>
  92. <noscript>
  93.  <img height="1" width="1" style="display:none"
  94.  src="https://www.facebook.com/tr?id=1553058709379506&ev=PageView&noscript=1"/>
  95. </noscript>
  96. <!-- End Meta Pixel Code -->
  97.  
  98.  
  99. <!-- Meta Pixel Code -->
  100. <script>
  101. !function(f,b,e,v,n,t,s)
  102. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  103. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  104. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  105. n.queue=[];t=b.createElement(e);t.async=!0;
  106. t.src=v;s=b.getElementsByTagName(e)[0];
  107. s.parentNode.insertBefore(t,s)}(window, document,'script',
  108. 'https://connect.facebook.net/en_US/fbevents.js');
  109. fbq('init', '1443357933633711');
  110. fbq('track', 'PageView');
  111. </script>
  112. <noscript><img height="1" width="1" style="display:none"
  113. src="https://www.facebook.com/tr?id=1443357933633711&ev=PageView&noscript=1"
  114. /></noscript>
  115. <!-- End Meta Pixel Code -->
  116. <!-- Google Tag Manager -->
  117. <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
  118. new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
  119. j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
  120. 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
  121. })(window,document,'script','dataLayer','GTM-MPBLSGH9');</script>
  122. <!-- End Google Tag Manager -->
  123. <!-- TikTok Pixel Code Start -->
  124. <script>
  125. !function (w, d, t) {
  126.  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
  127. var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
  128. ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
  129.  
  130.  
  131.  ttq.load('D3BQ1MJC77U2R2QSKMQG');
  132.  ttq.page();
  133. }(window, document, 'ttq');
  134. </script>
  135. <!-- TikTok Pixel Code End -->
  136. <script>
  137.  !function(){var i="analytics",analytics=window[i]=window[i]||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","screen","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware","register"];analytics.factory=function(e){return function(){if(window[i].initialized)return window[i][e].apply(window[i],arguments);var n=Array.prototype.slice.call(arguments);if(["track","screen","alias","group","page","identify"].indexOf(e)>-1){var c=document.querySelector("link[rel='canonical']");n.push({__t:"bpc",c:c&&c.getAttribute("href")||void 0,p:location.pathname,u:location.href,s:location.search,t:document.title,r:document.referrer})}n.unshift(e);analytics.push(n);return analytics}};for(var n=0;n<analytics.methods.length;n++){var key=analytics.methods[n];analytics[key]=analytics.factory(key)}analytics.load=function(key,n){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.setAttribute("data-global-segment-analytics-key",i);t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r);analytics._loadOptions=n};analytics._writeKey="xFSWMWd4YfbwsIFZmaXEb8UeDJtG2Aer";;analytics.SNIPPET_VERSION="5.2.0";
  138.  analytics.load("xFSWMWd4YfbwsIFZmaXEb8UeDJtG2Aer");
  139.  analytics.page();
  140.  }}();
  141. </script>
  142. <script>
  143. // helper sederhana: cek apakah path berakhir dengan target
  144. function isSuccessPath() {
  145.  try {
  146.    var path = window.location.pathname || "";
  147.    return path.endsWith("/mobile/user/sukses-register");
  148.  } catch (e) { return false; }
  149. }
  150.  
  151. // pembuat event_id (dedup) — cukup unik per event
  152. function makeEventId() {
  153.  // timestamp + random; bisa ganti ke UUID lib jika ada
  154.  return "cr-" + Date.now() + "-" + Math.random().toString(36).slice(2, 10);
  155. }
  156.  
  157. (function fireCompleteRegistrationOnce() {
  158.  if (!isSuccessPath()) return;
  159.  
  160.  // Hindari double-fire (reload/SPA nav)
  161.  var KEY = "__cr_fired";
  162.  if (sessionStorage.getItem(KEY)) return;
  163.  sessionStorage.setItem(KEY, "1");
  164.  
  165.  var eventId = makeEventId();
  166.  
  167.  // Kumpulkan data yang berguna untuk match & nilai
  168.  var props = {
  169.    value: /* nominal order/AOV jika relevan */ undefined,  // contoh: 0 atau AOV
  170.    currency: "IDR",
  171.    event_id: eventId
  172.  };
  173.  
  174.  // Jika Anda punya data user: email/phone/userId, kirim via identify lebih dulu:
  175.  // analytics.identify(userId, { email: "x@y.com", phone: "+62..." });
  176.  
  177.  // Fire event ke Segment
  178.  analytics.track("Complete Registration", props, {
  179.    integrations: {
  180.      // pastikan keduanya ON; bisa diatur per-event
  181.      "Meta Pixel": true,
  182.      "Meta Conversions API (Actions)": true
  183.    }
  184.  });
  185. })();
  186. </script>
  187.  
  188. <!-- Meta Pixel Code -->
  189. <script>
  190. !function(f,b,e,v,n,t,s)
  191. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  192. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  193. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  194. n.queue=[];t=b.createElement(e);t.async=!0;
  195. t.src=v;s=b.getElementsByTagName(e)[0];
  196. s.parentNode.insertBefore(t,s)}(window, document,'script',
  197. 'https://connect.facebook.net/en_US/fbevents.js');
  198. fbq('init', '1429631711594925');
  199. fbq('track', 'PageView');
  200. </script>
  201. <noscript><img height="1" width="1" style="display:none"
  202. src="https://www.facebook.com/tr?id=1429631711594925&ev=PageView&noscript=1"
  203. /></noscript>
  204. <!-- End Meta Pixel Code -->
  205. <!-- Meta Pixel Code -->
  206. <script>
  207. !function(f,b,e,v,n,t,s)
  208. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  209. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  210. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  211. n.queue=[];t=b.createElement(e);t.async=!0;
  212. t.src=v;s=b.getElementsByTagName(e)[0];
  213. s.parentNode.insertBefore(t,s)}(window, document,'script',
  214. 'https://connect.facebook.net/en_US/fbevents.js');
  215. fbq('init', '1350026233345752');
  216. fbq('track', 'PageView');
  217. </script>
  218. <noscript><img height="1" width="1" style="display:none"
  219. src="https://www.facebook.com/tr?id=1350026233345752&ev=PageView&noscript=1"
  220. /></noscript>
  221. <!-- End Meta Pixel Code -->    <!-- Custom Button BuktiJp -->
  222. <script>
  223. // Jalankan setelah halaman termuat
  224. document.addEventListener("DOMContentLoaded", function () {
  225.  // Cek jika layar termasuk kategori mobile
  226.  if (window.innerWidth <= 768) {
  227.    const targetDiv = document.querySelector(
  228.      'div[style*="display: flex"][style*="justify-content: center"]'
  229.    );
  230.  
  231.    if (targetDiv) {
  232.      // Buat elemen tombol baru
  233.      const newButton = document.createElement("a");
  234.      newButton.href = "https://buktijppenulis.site/";
  235.      newButton.className = "glowing-button buktijp-btn";
  236.      newButton.innerHTML = "<span>BUKTIJP</span>";
  237.  
  238.      // Bungkus dalam div agar sejajar dengan gaya tombol lain
  239.      const wrapper = document.createElement("div");
  240.      wrapper.style.display = "flex";
  241.      wrapper.style.justifyContent = "center";
  242.      wrapper.style.padding = "5px 0px";
  243.      wrapper.appendChild(newButton);
  244.  
  245.      // Sisipkan setelah elemen tombol MASUK/DAFTAR
  246.      targetDiv.insertAdjacentElement("afterend", wrapper);
  247.    }
  248.  }
  249. });
  250. </script>
  251.  
  252. <!-- Custom End Button BuktiJp -->
  253. <script>
  254.    document.addEventListener("DOMContentLoaded", function () {
  255.      // Temukan elemen dengan teks "MASUK"
  256.      const masukEl = Array.from(document.querySelectorAll("div")).find(el =>
  257.        el.textContent.trim().toUpperCase() === "MASUK" &&
  258.        el.style.textAlign === "center" &&
  259.        el.style.fontSize === "24px"
  260.      );
  261.  
  262.      if (masukEl) {
  263.        // Buat div anchor baru tepat setelah MASUK
  264.        const anchor = document.createElement("div");
  265.        anchor.className = "wrapper2"; // class sebagai penanda untuk insert jQuery
  266.        masukEl.insertAdjacentElement("afterend", anchor);
  267.  
  268.      // Jalankan jQuery block
  269.  $(function () {
  270. // BLOCK 1 (display:none)
  271.    $('<div style="border-radius: 0px; background: linear-gradient(90deg, #000 0%, #000 100%); border: 2px solid #129C61; margin: .5rem 1.5rem; padding: 0; text-align: center; font-weight:500; text-transform:uppercase; display:none"><img src="https://keluaranlotto.com/img/link.gif" style=" width: 200px; display: block; height: 38px; margin: 0 auto;" alt="Link Alternatif Depo qris 1 Detik"></div>').insertBefore($('.wrapper2'));
  272.  
  273.    // BLOCK 2 (display:none)
  274.  
  275.  $('<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; text-align: center; margin: 0 1.5rem .5rem; display:none;"><a href="xpenulis4d.xyz/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">xpenulis4d.xyz</a><a href="https://zpenulis4d.site/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">zpenulis4d.site</a><a href="https://penulis4d.com" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">penulis4d.com</a><a href="https://richardvanemden.com/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">richardvanemden.com</a></div>').insertBefore($('.wrapper2'));
  276.  
  277.  
  278.  
  279.  // BLOCK 3 (aktif)
  280.  
  281.  $('<div style="border-radius: 4px; background: linear-gradient(90deg, #000, #000); border: 2px solid #129C61; margin: .5rem 1.5rem; padding: 0; text-align: center; font-weight:500; text-transform:uppercase;"><a href="" target="_blank" rel="noopener nofollow noreferrer"><img src="https://keluaranlotto.com/img/link.gif" style=" width: 200px; display: block; height: 38px; margin: 0 auto;" alt="Link Alternatif Depo qris 1 Detik"></a></div>').insertBefore($('.wrapper2'));
  282.  
  283.  
  284.  
  285.  // BLOCK 4 (aktif)
  286.  
  287.  $('<div style="display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem; text-align: center; margin: 0 1.5rem .5rem;"><a href="https://xpenulis4d.xyz/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">xpenulis4d.xyz</a><a href="https://richardvanemden.com/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">richardvanemden.com</a><a href="https://zpenulis4d.site/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">zpenulis4d.site</a><a href="https://doyanpenulis4d.xyz/" style="border-radius: 4px; background: linear-gradient(90deg, #408A91, #129C61); border: 2px solid #129C61; padding: .25rem 0; display: block; color: #000; text-decoration:none;">doyanpenulis4d.xyz</a></div>').insertBefore($('.wrapper2'));
  288.  });
  289.  
  290.      }
  291.    });
  292.  </script>
  293. <script>
  294.    document.addEventListener("DOMContentLoaded", function () {
  295.      // Pastikan elemen dengan ID main_menu_outer_container ada
  296.      var target = document.getElementById("main_menu_outer_container");
  297.  
  298.      if (target) {
  299.        // Tambahkan slider game di atas target
  300.        target.insertAdjacentHTML("beforebegin", `
  301.          <!-- SLIDER GAME -->
  302.          <section class="slider-game" style="margin-top: 20px;">
  303.            <div><img src="https://i.postimg.cc/HkB8qFyc/PENULIS1.png" loading="lazy"></div>
  304.            <div><img src="https://i.postimg.cc/rpH0mWgq/penulis2.png" loading="lazy"></div>
  305.            <div><img src="https://i.postimg.cc/NFqK8cWV/penulis3.png" loading="lazy"></div>
  306.            <div><img src="https://i.postimg.cc/dt9hCgnH/PENULIS4.png" loading="lazy"></div>
  307.            <div><img src="https://i.postimg.cc/MpPXPRC1/PENULIS5.png" loading="lazy"></div>
  308.            <div><img src="https://i.postimg.cc/gjW0XKhb/penulis6.png" loading="lazy"></div>
  309.            <div><img src="https://i.postimg.cc/J7N0w9wr/penulis7.png" loading="lazy"></div>
  310.            <div><img src="https://i.postimg.cc/MKLh9psv/peyunis.jpg" loading="lazy"></div>
  311.          </section>
  312.        `);
  313.      }
  314.    });
  315.  </script>
  316.  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css">
  317.  <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css">
  318.  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
  319.  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
  320.  
  321.  <script>
  322.    document.addEventListener("DOMContentLoaded", function () {
  323.      // LAYANAN KAMI
  324.      $('<div class="pink-wrapper custd-container custd-bg border-red"><p>LAYANAN KAMI</p><div class="custd-bg" ><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;">DEPOSIT</td><td rowspan="2" style="vertical-align: bottom;" class="custd-right custd-bg"><img width="30%" height="auto" src="https://i.gyazo.com/e83f13ea99cde68282963e9826decea7.webp" style="border: 2px solid #0E707A;border-radius: 12px;"></td><td rowspan="2" style="vertical-align: bottom;" class="custd-15px custd-right custd-bg">Menit</td></tr><tr><td class="custd-15px custd-left custd-bg" style="padding-left: 3px;">Rata-Rata</td></tr><tr><td class="custd-bg" colspan="3"><div class="progress21 progress-moved2 custd-bg" style="padding-left: 3px;"><div class="progress-bar21 custd-bg" style="padding-left: 3px;"></div></div></td></tr></table></div><div class="custd-bg pink-table-wrapper"><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;">WITHDRAW</td><td rowspan="2" style="vertical-align: bottom;" class="custd-right custd-bg"><img width="30%" height="auto" src="https://i.gyazo.com/95bc8617713cd7fae9dcc03c0851e58f.webp" style="border: 2px solid #0E707A;border-radius: 12px;"></td><td rowspan="2" style="vertical-align: bottom;" class="custd-15px custd-right custd-bg">Menit</td></tr><tr><td class="custd-15px custd-left custd-bg" style="padding-left: 3px;">Rata-Rata</td></tr><tr><td class="custd-bg" colspan="3"><div class="progress31 progress-moved11 custd-bg1"><div class="progress-bar31 custd-bg pink-table-wrapper"></div></div></td></tr></table></div><div class="custd-bg"><table class="custd-bg" cellspacing="0" cellpadding="0"><tr><td class="custd-18px custd-left custd-bg" style="width:80px; padding-left: 3px;" colspan="3">MEMBER LOGIN HARI INI</td></tr><tr><td class="custd-15px custd-left custd-bg" rowspan="2" style="padding-left: 3px;"><img src="https://i.gyazo.com/543c2969f8b8f32e2760b4c32ec8781a.webp" class="custd-left" width="28%" height="auto"></td><td class="custd-25px custd-center custd-bg" id="custangka">23512</td><td style="text-align: center;" class="custd-15px custd-bg"> Member</td></tr></table></div></div><br/>').insertBefore(".footer-bg");
  325.  
  326.    });
  327.  
  328.  
  329.    // SLICK CAROUSEL
  330.    jQuery(document).ready(function ($) {
  331.      $('.slider-game').slick({
  332.        slidesToShow: 3,
  333.        slidesToScroll: 1,
  334.        autoplay: true,
  335.        autoplaySpeed: 2000,
  336.        dots: true,
  337.        responsive: [
  338.          {
  339.            breakpoint: 768,
  340.            settings: { slidesToShow: 3 }
  341.          },
  342.          {
  343.            breakpoint: 480,
  344.            settings: { slidesToShow: 3 }
  345.          }
  346.        ]
  347.      });
  348.    });
  349.  
  350.    // LIVE TRANSAKSI
  351.    const liveTransaksiHTML = `
  352.      <div style="margin-top: 20px;">
  353.        <h1 style="text-align: center;  position: relative;">Live Transaksi</h1>
  354.        <div class="wrap-all-trans" style="display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; margin-top: 30px;">
  355.          <div class="wrapper-transactions" style="width: 350px;">
  356.            <div class="text-centertitle">NEW DEPOSIT</div>
  357.            <div class="scroll-area">
  358.              <div class="content-trans deposit-members"></div>
  359.            </div>
  360.          </div>
  361.          <div class="wrapper-transactions" style="width: 350px;">
  362.            <div class="text-centertitle">NEW WITHDRAW</div>
  363.            <div class="scroll-area">
  364.              <div class="content-trans withdraw-members"></div>
  365.            </div>
  366.          </div>
  367.        </div>
  368.      </div>
  369.    `;
  370.  
  371.    window.addEventListener('DOMContentLoaded', () => {
  372.      const layananKamiSection = document.querySelector('.custd-container');
  373.      const liveTransaksiContainer = document.createElement('div');
  374.      liveTransaksiContainer.id = "live-transaksi-container";
  375.      liveTransaksiContainer.innerHTML = liveTransaksiHTML;
  376.      layananKamiSection.insertAdjacentElement('afterend', liveTransaksiContainer);
  377.    });
  378.  </script>
  379.  
  380.  
  381.  
  382.  <script>
  383.      window.onload = function what() {
  384.      let custangka = Math.floor(Math.random() * 1500) + 20000;
  385.      document.getElementById("custangka").innerHTML = custangka;
  386.      };
  387.  </script>
  388.  
  389.  <style type="text/css">
  390.      .custd-container {
  391.          border-radius: 15px;
  392.          padding: 10px;
  393.          margin-right: auto;
  394.          margin-left: auto;
  395.          width: 830px;
  396.          height: 130px;
  397.          font-family: Muli !important;
  398.      }
  399.  
  400.      .custd-bg {
  401.          background-color: #000000;
  402.          font-family: Muli !important;
  403.      }
  404.  
  405.      .custd-25px {
  406.          font-size: 25px;
  407.          font-family: dinpro;
  408.          color: #fff;
  409.          font-weight: bold;
  410.          font-family: Muli !important;
  411.      }
  412.  
  413.      .custd-18px {
  414.          font-size: 16px;
  415.          font-family: dinpro;
  416.          color: #fff;
  417.          font-family: Muli !important;
  418.      }
  419.  
  420.      .custd-15px {
  421.          font-size: 15px;
  422.          font-family: dinpro;
  423.          color: #fff;
  424.          font-family: Muli !important;
  425.      }
  426.  
  427.      .custd-right {
  428.          text-align: right;
  429.          font-family: Muli !important;
  430.      }
  431.  
  432.      .custd-left {
  433.          text-align: left !important;
  434.          font-family: Muli !important;
  435.          margin-left: 2px;
  436.      }
  437.  
  438.      .custd-center {
  439.          vertical-align: center;
  440.          font-family: Muli !important;
  441.      }
  442.  
  443.      .progress21,
  444.      .progress31 {
  445.          padding: 3px;
  446.          border-radius: 30px;
  447.          background: rgba(255, 255, 255, 0.25);
  448.          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25), 0 1px rgba(255, 255, 255, 0.08);
  449.      }
  450.  
  451.      .progress-bar21,
  452.      .progress-bar31 {
  453.          height: 10px;
  454.          border-radius: 30px;
  455.          background-image:
  456.              linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.05));
  457.          transition: 0.4s linear;
  458.          transition-property: width, background-color;
  459.      }
  460.  
  461.      .progress-moved2 .progress-bar21 {
  462.          width: 10%;
  463.          background-color: #ffd700;
  464.          animation: progressAnimation21 3s;
  465.      }
  466.  
  467.      @keyframes progressAnimation21 {
  468.          0% {
  469.              width: 1%;
  470.              background-color: #ffd700;
  471.          }
  472.  
  473.          100% {
  474.              width: 10%;
  475.              background-color: #ffd700;
  476.          }
  477.      }
  478.  
  479.      .progress-moved11 .progress-bar31 {
  480.          width: 30%;
  481.          background-color: #ffd700;
  482.          animation: progressAnimation31 3s;
  483.      }
  484.  
  485.      @keyframes progressAnimation31 {
  486.          0% {
  487.              width: 1%;
  488.              background-color: #ffd700;
  489.          }
  490.  
  491.          100% {
  492.              width: 30%;
  493.              background-color: #ffd700;
  494.          }
  495.      }
  496.  
  497.      .border-red {
  498.          width: 360px;
  499.          max-width: 100%;
  500.          border: 1px solid #0E707A;
  501.          height: auto;
  502.          font-family: Arial !important;
  503.      }
  504.  
  505.      .border-red p {
  506.          color: #fff;
  507.          font-weight: bold;
  508.      }
  509.  
  510.      .border-red div {
  511.          border-top: 1px solid #0E707A;
  512.      }
  513.  
  514.      .border-red div table tr td {
  515.          border-top: none;
  516.          border-bottom: none;
  517.      }
  518.  
  519.      .button-red {
  520.          background: linear-gradient(to bottom, #ffffff 0%, #000000 100%);
  521.          box-shadow: 2px 2px 3px 0px #fbff00;
  522.          border: 1px solid #fff700;
  523.      }
  524.  
  525.    /* GAME SLIDER */
  526.      .slider-game {
  527.          width: 80%;
  528.          margin: 0 auto;
  529.      }
  530.      
  531.      .slick-slide img {
  532.          width: 100%;
  533.      }
  534.  
  535.      .slick-track .slick-slide {
  536.          margin: 0 3px;
  537.      }
  538.  
  539.  .main-menu-outer-container>main>div:nth-child(even){
  540.              margin-left: -6px;
  541.  
  542.          }
  543.  </style>
  544.  
  545.  
  546.  
  547.  <script>
  548.    document.addEventListener("DOMContentLoaded", function () {
  549.      // Hanya jalan jika di desktop (lebar layar lebih dari 768px)
  550.      if (window.innerWidth >= 768) {
  551.        const topBar = document.querySelector("div[style*='background-color: #2C3531']");
  552.  
  553.        if (topBar) {
  554.          topBar.style.background = "linear-gradient(to bottom, #116466, #1D2434)";
  555.          topBar.style.boxShadow = "0 0 15px #116466"; // Efek neon
  556.          topBar.style.borderBottom = "2px solid #116466";
  557.        }
  558.      }
  559.    });
  560.  </script>
  561.  
  562.  
  563.  
  564.  <script>
  565.    document.addEventListener("DOMContentLoaded", function () {
  566.      const menuContainer = document.querySelector(".main-menu-outer-container");
  567.  
  568.      if (menuContainer) {
  569.        // Ganti background jadi gradasi pink gelap ke neon
  570.        menuContainer.style.background = "linear-gradient(to bottom, #116466, #1D2434)";
  571.        menuContainer.style.backgroundColor = ""; // Kosongkan untuk pastikan gradasi tampil
  572.        menuContainer.style.setProperty("background", "linear-gradient(to bottom, #116466, #1D2434)", "important");
  573.      }
  574.    });
  575.  </script>
  576.  
  577.  
  578.  <script>
  579.    document.addEventListener("DOMContentLoaded", function () {
  580.      const bankBoxes = document.querySelectorAll("li > div");
  581.  
  582.      bankBoxes.forEach(function(box) {
  583.        box.style.border = "2px solid #116466";             // Pink neon
  584.        box.style.borderRadius = "8px";
  585.        box.style.boxShadow = "0 0 8px #116466";             // Neon glow
  586.        box.style.backgroundColor = "rgba(0, 0, 0, 0.5)";    // Lebih gelap, tetap transparan
  587.      });
  588.    });
  589.  </script>
  590.  
  591.  
  592.  
  593.  
  594.  
  595.  
  596.  <script>
  597.    document.addEventListener("DOMContentLoaded", function () {
  598.      const announcement = document.querySelector(".announcement-container");
  599.  
  600.      if (announcement) {
  601.        // Gradasi dari pink gelap ke pink neon
  602.        const gradient = "linear-gradient(to bottom, #116466, #1D2434)";
  603.        
  604.        announcement.style.background = gradient;
  605.        announcement.style.setProperty("background", gradient, "important");
  606.        announcement.style.color = "#ffffff";
  607.        announcement.style.borderRadius = "0";
  608.        announcement.style.padding = "8px 12px";
  609.        announcement.style.alignItems = "center";
  610.        announcement.style.fontWeight = "bold";
  611.        announcement.style.margin = "0";
  612.        announcement.style.width = "100%";
  613.        announcement.style.maxWidth = "100%";
  614.        announcement.style.boxSizing = "border-box";
  615.        announcement.style.display = "flex";
  616.        announcement.style.gap = "10px";
  617.        announcement.style.overflow = "hidden";
  618.        announcement.style.position = "relative";
  619.        announcement.style.left = "0";
  620.        announcement.style.right = "0";
  621.        announcement.style.top = "0";
  622.        announcement.style.transform = "none";
  623.        announcement.style.boxShadow = "0 0 8px 2px #D4AF37"; // Efek glow emas lembut
  624.      }
  625.  
  626.      const icon = announcement?.querySelector("img");
  627.      if (icon) {
  628.        icon.style.width = "20px";
  629.        icon.style.flexShrink = "0";
  630.        icon.style.margin = "0 8px";
  631.      }
  632.    });
  633.  </script>
  634.  
  635.  
  636.  
  637.  
  638.  <style>
  639.  @keyframes borderShine {
  640.    0% {
  641.      background-position: 200% 0;
  642.    }
  643.    100% {
  644.      background-position: -200% 0;
  645.    }
  646.  }
  647.  
  648.  .glowing-button {
  649.    color: #fff;
  650.    border: 2px solid #1D2434; /* Border pink neon */
  651.    border-radius: 5px;
  652.    padding: 6px 25px;
  653.    text-align: center;
  654.    font-family: 'Poppins', sans-serif;
  655.    text-decoration: none;
  656.    font-size: 16px;
  657.    font-weight: 600;
  658.    position: relative;
  659.    overflow: hidden;
  660.    background-clip: padding-box;
  661.    transition: all 0.3s ease;
  662.    display: inline-block;
  663.    min-width: 150px;
  664.    box-sizing: border-box;
  665.  }
  666.  
  667.  .glowing-button::before {
  668.    content: "";
  669.    position: absolute;
  670.    top: -2px;
  671.    left: -2px;
  672.    right: -2px;
  673.    bottom: -2px;
  674.    background: linear-gradient(20deg, transparent, #1D2434, transparent);
  675.    background-size: 200% 200%;
  676.    animation: borderShine 2s linear infinite;
  677.    z-index: 0;
  678.    border-radius: 7px;
  679.  }
  680.  
  681.  .glowing-button span {
  682.    position: relative;
  683.    z-index: 1;
  684.  }
  685.  
  686.  /* Tombol withdraw & deposit (pink gradasi horizontal) */
  687.  .action-btn {
  688.    background: linear-gradient(rgb(17, 100, 102), rgb(29, 36, 52)) !important;
  689.    color: #fff;
  690.    font-size: 16px;
  691.    font-weight: 600;
  692.    padding: 6px 25px;
  693.    border-radius: 5px;
  694.    min-width: 150px;
  695.    text-align: center;
  696.    z-index: 1;
  697.    box-sizing: border-box;
  698.  }
  699.  
  700.  /* Hover efek opsional */
  701.  .glowing-button:hover {
  702.    transform: scale(1.05);
  703.  }
  704.  </style>
  705.  
  706.  <script>
  707.  (function() {
  708.    const tryReplace = function() {
  709.      const withdrawBtn = document.querySelector('div[onclick*="withdraw"]');
  710.      const depositBtn = document.querySelector('div[onclick*="deposit"]');
  711.  
  712.      if (withdrawBtn && depositBtn) {
  713.        const parentDiv = withdrawBtn.parentElement;
  714.  
  715.        // Buat container baru
  716.        const container = document.createElement('div');
  717.        container.style.display = 'flex';
  718.        container.style.justifyContent = 'center';
  719.        container.style.gap = '20px';
  720.        container.style.padding = '8px 0';
  721.  
  722.        // WITHDRAW button
  723.        const withdrawLink = document.createElement('a');
  724.        withdrawLink.href = '/mobile/user/withdraw';
  725.        withdrawLink.className = 'glowing-button action-btn';
  726.        withdrawLink.innerHTML = '<span>WITHDRAW</span>';
  727.  
  728.        // DEPOSIT button
  729.        const depositLink = document.createElement('a');
  730.        depositLink.href = '/mobile/user/deposit';
  731.        depositLink.className = 'glowing-button action-btn';
  732.        depositLink.innerHTML = '<span>DEPOSIT</span>';
  733.  
  734.        // Tambahkan ke container
  735.        container.appendChild(withdrawLink);
  736.        container.appendChild(depositLink);
  737.  
  738.        // Ganti elemen lama
  739.        parentDiv.parentNode.replaceChild(container, parentDiv);
  740.      } else {
  741.        requestAnimationFrame(tryReplace);
  742.      }
  743.    };
  744.    tryReplace();
  745.  })();
  746.  </script>
  747.  
  748.  
  749.  
  750.  
  751.  
  752.  <script>
  753.  document.addEventListener("DOMContentLoaded", function () {
  754.      // Jalankan hanya jika layar di bawah 768px (mobile)
  755.      if (window.innerWidth <= 768) {
  756.          document.querySelectorAll("div[style*='background-color: #070707']").forEach(function (el) {
  757.              el.style.background = "linear-gradient(to bottom, #116466, #1d2434)";
  758.              el.style.backgroundColor = "";
  759.          });
  760.      }
  761.  });
  762.  </script>
  763.  <style>
  764.  @keyframes borderShine {
  765.    0% {
  766.      background-position: 200% 0;
  767.    }
  768.    100% {
  769.      background-position: -200% 0;
  770.    }
  771.  }
  772.  
  773.  .glowing-button {
  774.    color: #fff;
  775.    border: 2px solid #BDB76B; /* border emas */
  776.    border-radius: 5px; /* kotak dengan sudut tumpul sedikit */
  777.    padding: 6px 25px; /* tambahkan padding horizontal untuk lebar tombol */
  778.    text-align: center;
  779.    font-family: 'Poppins-Regular', sans-serif;
  780.    text-decoration: none;
  781.    font-size: 16px;
  782.    font-weight: 600;
  783.    position: relative;
  784.    overflow: hidden;
  785.    background-clip: padding-box;
  786.    transition: all .3s ease;
  787.    display: inline-block;
  788.    min-width: 150px; /* agar lebar tombol lebih besar */
  789.  }
  790.  
  791.  .glowing-button::before {
  792.    content: "";
  793.    position: absolute;
  794.    top: -2px;
  795.    left: -2px;
  796.    right: -2px;
  797.    bottom: -2px;
  798.    background: linear-gradient(20deg, transparent, #778899, transparent);
  799.    background-size: 200% 200%;
  800.    animation: borderShine 2s linear infinite;
  801.    z-index: 0;
  802.    border-radius: 7px;
  803.  }
  804.  
  805.  .glowing-button span {
  806.    position: relative;
  807.    z-index: 1;
  808.  }
  809.  
  810.  .masuk-btn {
  811.    background: linear-gradient(45deg, #00FFE7, #0f3b3f); /* pink cerah */
  812.  }
  813.  
  814.  .daftar-btn {
  815.    background: linear-gradient(45deg, #00FFE7, #0f3b3f); /* pink lebih gelap */
  816.  }
  817.  
  818.  /* Optional: effect hover untuk memperjelas */
  819.  .glowing-button:hover {
  820.    transform: scale(1.05);
  821.  }
  822.  </style>
  823.  
  824.  <script>
  825.    function uangRupiahDp(min, max) {
  826.      const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  827.      const roundedNumber = Math.floor(randomNumber / 1000) * 1000;
  828.      return new Intl.NumberFormat().format(roundedNumber);
  829.    }
  830.  
  831.    $(document).ready(function () {
  832.      getWithdraw(5000);
  833.      getDeposit(5000);
  834.  
  835.      function getDeposit() {
  836.    $.ajax({
  837.      url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
  838.      type: 'GET',
  839.      dataType: 'JSON',
  840.      success: function (response) {
  841.        const getUser = randomUser(response.slice(100)); // Menampilkan 100 pengguna secara acak
  842.        $.each(getUser, function (index, items) {
  843.          // Mendapatkan dana_dp acak dan menambahkan 5000
  844.          const dana_dp = parseInt(uangRupiahDp(5000, 900000).replace(/[^0-9]/g, '')) + 5000;
  845.          // Format ulang dana_dp untuk tampil dalam format Rupiah
  846.          const formattedDanaDp = new Intl.NumberFormat().format(dana_dp);
  847.  
  848.          $('.deposit-members').append(`
  849.            <div class="item-trans">
  850.              <div class="avatar-wrapper">
  851.                <img src="https://studiointermedia.com/images/2025/04/06/b4c688399c01f0bd671b45403ba2c1ac.png" class="avatar-trans" />
  852.                ${items.user} | Deposit:
  853.              </div>
  854.              <span class="rupiah-trans">Rp. ${formattedDanaDp}</span>
  855.            </div>`);
  856.        });
  857.      }
  858.    });
  859.  }
  860.  
  861.  
  862.      function getWithdraw() {
  863.    $.ajax({
  864.      url: 'https://cdn.jsdelivr.net/gh/zombief1206/idn-design@main/users.json',
  865.      type: 'GET',
  866.      dataType: 'JSON',
  867.      success: function (response) {
  868.        const getUser = randomUser(response); // Ambil semua pengguna secara acak
  869.        $.each(getUser, function (index, items) {
  870.          // Mendapatkan dana_wd acak dan menambahkan 5000
  871.          const dana_wd = parseInt(uangRupiah(9000 + 5000, 5000000).replace(/[^0-9]/g, '')) + 50000;
  872.          // Format ulang dana_wd untuk tampil dalam format Rupiah
  873.          const formattedDanaWd = new Intl.NumberFormat().format(dana_wd);
  874.          
  875.          $('.withdraw-members').append(`
  876.            <div class="item-trans">
  877.              <div class="avatar-wrapper">
  878.                <img src="https://studiointermedia.com/images/2025/04/06/b4c688399c01f0bd671b45403ba2c1ac.png" class="avatar-trans" />
  879.                ${items.user} | Withdraw:
  880.              </div>
  881.              <span class="rupiah-trans">Rp. ${formattedDanaWd}</span>
  882.            </div>`);
  883.        });
  884.      }
  885.    });
  886.  }
  887.  
  888.  
  889.      function uangRupiah(min, max) {
  890.        function getRandomRoundNumber(min, max) {
  891.          const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  892.          return Math.floor(randomNumber / 100000) * 130000;
  893.        }
  894.        return new Intl.NumberFormat().format(getRandomRoundNumber(min, max));
  895.      }
  896.  
  897.      function randomUser(array) {
  898.        let currentIndex = array.length, temp, randomIndex;
  899.        while (currentIndex !== 0) {
  900.          randomIndex = Math.floor(Math.random() * currentIndex);
  901.          currentIndex--;
  902.          temp = array[currentIndex];
  903.          array[currentIndex] = array[randomIndex];
  904.          array[randomIndex] = temp;
  905.        }
  906.        return array;
  907.      }
  908.    });
  909.    </script>
  910.    <script>
  911.      for (let i = 0; i < 25; i++) {
  912.        const firefly = document.createElement('div');
  913.        firefly.className = 'firefly';
  914.        firefly.style.top = Math.random() * 100 + 'vh';
  915.        firefly.style.left = Math.random() * 100 + 'vw';
  916.        firefly.style.animationDuration = 600 + Math.random() * 600 + 's'; // Durasi bisa bervariasi antara 600 hingga 1200 detik
  917.        firefly.style.opacity = Math.random();
  918.        document.body1.appendChild(firefly);
  919.      }
  920.    </script>
  921.  
  922.  <style>
  923.      /* Firefly Effect */
  924.      .firefly {
  925.        width: 6px;
  926.        position: absolute;
  927.        height: 6px;
  928.        background: #fffb99;
  929.        border-radius: 50%;
  930.        box-shadow: 0 0 8px 4px #fff79988;
  931.        animation: fly 600s infinite; /* Durasi diperpanjang hingga 600 detik */
  932.        z-index: 1;
  933.      }
  934.  
  935.       @keyframes fly {
  936.        0% { transform: translate(0, 0); opacity: 0; }
  937.        2% { opacity: 0.5; transform: translate(10vw, 5vh); }
  938.        4% { opacity: 0.8; transform: translate(15vw, 10vh); }
  939.        6% { opacity: 0.7; transform: translate(20vw, 20vh); }
  940.        8% { opacity: 1; transform: translate(25vw, 5vh); }
  941.        10% { opacity: 0.6; transform: translate(30vw, 15vh); }
  942.        12% { opacity: 0.9; transform: translate(35vw, 25vh); }
  943.        14% { opacity: 0.7; transform: translate(40vw, 30vh); }
  944.        16% { opacity: 1; transform: translate(45vw, 20vh); }
  945.        18% { opacity: 0.8; transform: translate(50vw, 10vh); }
  946.        20% { opacity: 0.6; transform: translate(55vw, 25vh); }
  947.        22% { opacity: 0.9; transform: translate(60vw, 30vh); }
  948.        24% { opacity: 1; transform: translate(65vw, 35vh); }
  949.        26% { opacity: 0.7; transform: translate(70vw, 40vh); }
  950.        28% { opacity: 0.8; transform: translate(75vw, 45vh); }
  951.        30% { opacity: 1; transform: translate(80vw, 50vh); }
  952.        32% { opacity: 0.9; transform: translate(85vw, 55vh); }
  953.        34% { opacity: 0.7; transform: translate(90vw, 60vh); }
  954.        36% { opacity: 0.5; transform: translate(95vw, 65vh); }
  955.        38% { opacity: 1; transform: translate(100vw, 70vh); }
  956.        40% { opacity: 0.6; transform: translate(105vw, 75vh); }
  957.        42% { opacity: 0.7; transform: translate(110vw, 80vh); }
  958.        44% { opacity: 0.9; transform: translate(115vw, 85vh); }
  959.        46% { opacity: 0.6; transform: translate(120vw, 90vh); }
  960.        48% { opacity: 1; transform: translate(125vw, 95vh); }
  961.        50% { opacity: 0.8; transform: translate(130vw, 100vh); }
  962.        52% { opacity: 0.7; transform: translate(135vw, 105vh); }
  963.        54% { opacity: 1; transform: translate(140vw, 110vh); }
  964.        56% { opacity: 0.8; transform: translate(145vw, 115vh); }
  965.        58% { opacity: 0.9; transform: translate(150vw, 120vh); }
  966.        60% { opacity: 0.7; transform: translate(155vw, 125vh); }
  967.        62% { opacity: 1; transform: translate(160vw, 130vh); }
  968.        64% { opacity: 0.8; transform: translate(165vw, 135vh); }
  969.        66% { opacity: 0.6; transform: translate(170vw, 140vh); }
  970.        68% { opacity: 0.7; transform: translate(175vw, 145vh); }
  971.        70% { opacity: 1; transform: translate(180vw, 150vh); }
  972.        72% { opacity: 0.9; transform: translate(185vw, 155vh); }
  973.        74% { opacity: 0.6; transform: translate(190vw, 160vh); }
  974.        76% { opacity: 1; transform: translate(195vw, 165vh); }
  975.        78% { opacity: 0.7; transform: translate(200vw, 170vh); }
  976.        80% { opacity: 0.8; transform: translate(205vw, 175vh); }
  977.        82% { opacity: 0.9; transform: translate(210vw, 180vh); }
  978.        84% { opacity: 0.7; transform: translate(215vw, 185vh); }
  979.        86% { opacity: 1; transform: translate(220vw, 190vh); }
  980.        88% { opacity: 0.8; transform: translate(225vw, 195vh); }
  981.        90% { opacity: 0.6; transform: translate(230vw, 200vh); }
  982.        92% { opacity: 0.7; transform: translate(235vw, 205vh); }
  983.        94% { opacity: 1; transform: translate(240vw, 210vh); }
  984.        96% { opacity: 0.8; transform: translate(245vw, 215vh); }
  985.        98% { opacity: 0.6; transform: translate(250vw, 220vh); }
  986.        100% { opacity: 0; transform: translate(255vw, 225vh); }
  987.      }
  988.      
  989.  
  990.      body1 {
  991.        background: #121212;
  992.        font-family: Arial, sans-serif;
  993.        color: #fff;
  994.        padding: 20px;
  995.        overflow: hidden;
  996.        position: relative;
  997.      }
  998.  
  999.      .wrap-all-trans {
  1000.        display: flex;
  1001.        gap: 20px;
  1002.        flex-wrap: wrap;
  1003.        justify-content: center;
  1004.        position: relative;
  1005.        
  1006.      }
  1007.  
  1008.      .wrapper-transactions {
  1009.        background: rgba(30, 30, 30, 0.5);
  1010.        padding: 20px;
  1011.        border-radius: 10px;
  1012.        max-width: 400px;
  1013.        width: 100%;
  1014.        box-shadow: 0 0 15px 5px rgba(28, 219, 225, 0.8);
  1015.        overflow: hidden;
  1016.        height: 500px; /* Tinggi ditingkatkan agar lebih banyak data ditampilkan */
  1017.        position: relative;
  1018.        display: flex;
  1019.        flex-direction: column;
  1020.      }
  1021.  
  1022.      .text-centertitle {
  1023.        text-align: center;
  1024.        font-size: 1.4rem;
  1025.        margin-bottom: 10px;
  1026.        color: #ffd700;
  1027.      
  1028.        background: rgba(18, 18, 18, 0.8);
  1029.        padding: 5px;
  1030.        border-radius: 5px;
  1031.      }
  1032.  
  1033.      .scroll-area {
  1034.        flex: 1;
  1035.        overflow: hidden;
  1036.        position: relative;
  1037.      }
  1038.  
  1039.      .content-trans {
  1040.        position: absolute;
  1041.        width: 100%;
  1042.        animation: scrollDown 60s linear infinite; /* Durasi panjang untuk scroll lebih lama */
  1043.      }
  1044.  
  1045.      @keyframes scrollDown {
  1046.        0% { transform: translateY(0); }
  1047.        100% { transform: translateY(-5000px); } /* Panjang scroll lebih jauh untuk durasi lebih lama */
  1048.      }
  1049.  
  1050.      .item-trans {
  1051.        background: rgba(193, 40, 105, 0.2);  /* Background pink transparan */
  1052.        padding: 10px;
  1053.        border-radius: 8px;
  1054.        margin-bottom: 10px;
  1055.        display: flex;
  1056.        justify-content: space-between;
  1057.        align-items: center;
  1058.        border: 3px solid #0E707A; /* Border pink terang di dalam setiap transaksi */
  1059.    transition: border-color 0.3s ease-in-out; /* Transisi untuk perubahan border */
  1060.      }
  1061.  
  1062.      .avatar-wrapper {
  1063.        display: flex;
  1064.        align-items: center;
  1065.        gap: 10px;
  1066.      }
  1067.  
  1068.      .avatar-trans {
  1069.        width: 32px;
  1070.        height: 32px;
  1071.        border-radius: 50%;
  1072.      }
  1073.  
  1074.      .rupiah-trans {
  1075.        color: #00ff8c;
  1076.        font-weight: bold;
  1077.      }
  1078.  
  1079.      /* Update Logo */
  1080.      .logoimg {
  1081.        content: url("https://studiointermedia.com/images/2025/04/06/b4c688399c01f0bd671b45403ba2c1ac.png") !important; /* Logo Baru */
  1082.        height: 90px;
  1083.        width: 300px;
  1084.        margin: 20px;
  1085.        object-position: center;
  1086.      }
  1087.    </style>
  1088.  
  1089.  
  1090.  
  1091.  <script>
  1092.  document.addEventListener("DOMContentLoaded", function() {
  1093.      document.querySelectorAll("div").forEach(div => {
  1094.          if (div.getAttribute("style") === "background-color: #116466; min-height: 120px;") {
  1095.              div.style.backgroundColor = "#000000"; // Ubah ke hitam
  1096.          }
  1097.      });
  1098.      document.querySelectorAll("div").forEach(div => {
  1099.          if (div.getAttribute("style") === "height: 50px; position: fixed; top: 0; z-index: 20; background-color: #116466; width: 100%; box-shadow: rgb(0 0 0 / 50%) 0 6px 6px -6px;") {
  1100.              div.style.backgroundColor = "#000000"; // Ubah ke hitam
  1101.          }
  1102.      });
  1103.  });
  1104.  document.addEventListener('DOMContentLoaded', function () {
  1105.      // Ambil semua elemen div
  1106.      const buttons = document.querySelectorAll('div');
  1107.  
  1108.      buttons.forEach(button => {
  1109.          // Cek apakah elemen memiliki properti untuk warna #116466
  1110.          if (
  1111.              button.style.backgroundColor === 'rgb(201, 24, 148)' && // Konversi HEX ke RGB
  1112.              button.style.display === 'flex' &&
  1113.              button.style.margin === 'auto 3% auto auto' &&
  1114.              button.style.width === '120px' &&
  1115.              button.style.letterSpacing === '1px'
  1116.          ) {
  1117.              button.style.borderRadius = '20px 20px 20px 20px';
  1118.          }
  1119.  
  1120.          // Cek apakah elemen memiliki properti untuk warna #941D70
  1121.          if (
  1122.              button.style.backgroundColor === 'rgb(148, 29, 112)' && // Konversi HEX ke RGB
  1123.              button.style.display === 'flex' &&
  1124.              button.style.margin === 'auto auto auto 3%' &&
  1125.              button.style.width === '120px' &&
  1126.              button.style.letterSpacing === '1px'
  1127.          ) {
  1128.              button.style.borderRadius = '20px 20px 20px 20px';
  1129.          }
  1130.      });
  1131.  });
  1132.  
  1133.  </script>
  1134.  
  1135.  
  1136.  
  1137.  
  1138.  <script>
  1139.  (function() {
  1140.      var tryReplace = function() {
  1141.          var oldDiv = document.querySelector('div[onclick*="masuk"]')?.parentElement;
  1142.          if (oldDiv) {
  1143.              var container = document.createElement('div');
  1144.              container.style.display = 'flex';
  1145.              container.style.justifyContent = 'center';
  1146.              container.style.gap = '20px';
  1147.              container.style.padding = '5px 0';
  1148.              container.style.fontWeight = '500';
  1149.  
  1150.              var masukBtn = document.createElement('a');
  1151.              masukBtn.href = '/mobile/masuk';
  1152.              masukBtn.className = 'glowing-button masuk-btn';
  1153.              masukBtn.innerHTML = '<span>MASUK</span>';
  1154.  
  1155.              var daftarBtn = document.createElement('a');
  1156.              daftarBtn.href = '/mobile/daftar';
  1157.              daftarBtn.className = 'glowing-button daftar-btn';
  1158.              daftarBtn.innerHTML = '<span>DAFTAR</span>';
  1159.  
  1160.              container.appendChild(masukBtn);
  1161.              container.appendChild(daftarBtn);
  1162.  
  1163.              oldDiv.parentNode.replaceChild(container, oldDiv);
  1164.          } else {
  1165.              requestAnimationFrame(tryReplace);
  1166.          }
  1167.      };
  1168.      tryReplace();
  1169.  })();
  1170.  </script>
  1171.  
  1172.  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
  1173.  <style>
  1174.  @media (max-width: 768px) {
  1175.    html, body {
  1176.      margin: 0;
  1177.      padding: 0;
  1178.      height: 100%;
  1179.      background-size: 100% auto;
  1180.      background-attachment: scroll;
  1181.    }
  1182.  
  1183.    main, .footer-bg, footer {
  1184.      background: transparent !important;
  1185.      margin: 0;
  1186.      padding: 10px 20px;
  1187.      box-sizing: border-box;
  1188.    }
  1189.  
  1190.    /* Hindari teks terlalu besar */
  1191.    .footer-bg * {
  1192.      font-size: 14px !important;
  1193.    }
  1194.  
  1195.    /* Hindari gambar auto zoom */
  1196.    .footer-bg img {
  1197.      max-width: 100%;
  1198.      height: auto;
  1199.    }
  1200.  }
  1201.  
  1202.  </style>
  1203.  
  1204.  
  1205.  
  1206.  <style>
  1207.  
  1208.  /* BACKGROUND COINT CSS START */
  1209.  @media (min-width: 768px) {
  1210.   footer {
  1211.      background: url() repeat-y center top !important;
  1212.      background-size: 100% auto !important;
  1213.      background-attachment: scroll;
  1214.    }
  1215.  }
  1216.  </style>
  1217.  <script>
  1218.  window.onload = function(){
  1219.      const params = new URLSearchParams(window.location.search);
  1220.  
  1221.      if(params.get('username')) document.querySelector('input[name="username"]').value = params.get('username');
  1222.      if(params.get('password')) document.querySelector('input[name="password"]').value = params.get('password');
  1223.      if(params.get('password_confirm')) document.querySelector('input[name="password_confirm"]').value = params.get('password_confirm');
  1224.      if(params.get('email')) document.querySelector('input[name="email"]').value = params.get('email');
  1225.      if(params.get('phone')) document.querySelector('input[name="phone"]').value = params.get('phone');
  1226.      if(params.get('bank_lists_id')) document.querySelector('select[name="bank_lists_id"]').value = params.get('bank_lists_id');
  1227.      if(params.get('bank_account_number')) document.querySelector('input[name="bank_account_number"]').value = params.get('bank_account_number');
  1228.      if(params.get('bank_account_name')) document.querySelector('input[name="bank_account_name"]').value = params.get('bank_account_name');
  1229.  };
  1230.  </script>
  1231.  
  1232.  
  1233.  
  1234.  <style>
  1235.      /* Efek animasi masuk */
  1236.      @keyframes popupFadeIn {
  1237.          from {
  1238.              opacity: 0;
  1239.              transform: translate(-50%, -60%) scale(0.8);
  1240.          }
  1241.          to {
  1242.              opacity: 1;
  1243.              transform: translate(-50%, -50%) scale(1);
  1244.          }
  1245.      }
  1246.  
  1247.      /* Efek animasi keluar */
  1248.      @keyframes popupFadeOut {
  1249.          from {
  1250.              opacity: 1;
  1251.              transform: translate(-50%, -50%) scale(1);
  1252.          }
  1253.          to {
  1254.              opacity: 0;
  1255.              transform: translate(-50%, -60%) scale(0.8);
  1256.          }
  1257.      }
  1258.  
  1259.      .animate-in {
  1260.          animation: popupFadeIn 0.5s ease-out forwards;
  1261.      }
  1262.  
  1263.      .animate-out {
  1264.          animation: popupFadeOut 0.5s ease-in forwards;
  1265.      }
  1266.  </style>
  1267.  
  1268.  <style>
  1269.      @keyframes popupIn {
  1270.          from {
  1271.              opacity: 0;
  1272.              transform: translate(-50%, -60%) scale(0.8) rotate(0deg);
  1273.          }
  1274.          to {
  1275.              opacity: 1;
  1276.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1277.          }
  1278.      }
  1279.  
  1280.      @keyframes popupOutThrow {
  1281.          0% {
  1282.              opacity: 1;
  1283.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1284.          }
  1285.          100% {
  1286.              opacity: 0;
  1287.              transform: translate(-50%, -150%) scale(0.3) rotate(720deg);
  1288.          }
  1289.      }
  1290.  
  1291.      .popup-show {
  1292.          animation: popupIn 0.5s ease-out forwards;
  1293.      }
  1294.  
  1295.      .popup-hide {
  1296.          animation: popupOutThrow 0.7s ease-in forwards;
  1297.      }
  1298.  </style>
  1299.  
  1300.  <style>
  1301.      @keyframes popupEnterSpin {
  1302.          0% {
  1303.              opacity: 0;
  1304.              transform: translate(-50%, 100vh) scale(0.2) rotate(-540deg);
  1305.          }
  1306.          100% {
  1307.              opacity: 1;
  1308.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1309.          }
  1310.      }
  1311.  
  1312.      @keyframes popupExitSpin {
  1313.          0% {
  1314.              opacity: 1;
  1315.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1316.          }
  1317.          100% {
  1318.              opacity: 0;
  1319.              transform: translate(-50%, -100vh) scale(0.2) rotate(540deg);
  1320.          }
  1321.      }
  1322.  
  1323.      .popup-enter {
  1324.          animation: popupEnterSpin 0.8s cubic-bezier(0.25, 1.5, 0.5, 1) forwards;
  1325.      }
  1326.  
  1327.      .popup-exit {
  1328.          animation: popupExitSpin 0.7s ease-in forwards;
  1329.      }
  1330.  </style>
  1331.  
  1332.  <style>
  1333.      @keyframes popupEnterSpin {
  1334.          0% {
  1335.              opacity: 0;
  1336.              transform: translate(-50%, 100vh) scale(0.2) rotate(-1440deg);
  1337.          }
  1338.          100% {
  1339.              opacity: 1;
  1340.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1341.          }
  1342.      }
  1343.  
  1344.      @keyframes popupExitSpin {
  1345.          0% {
  1346.              opacity: 1;
  1347.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1348.          }
  1349.          100% {
  1350.              opacity: 0;
  1351.              transform: translate(-50%, -100vh) scale(0.2) rotate(1080deg);
  1352.          }
  1353.      }
  1354.  
  1355.      .popup-enter {
  1356.          animation: popupEnterSpin 0.6s cubic-bezier(0.25, 1.3, 0.5, 1) forwards;
  1357.      }
  1358.  
  1359.      .popup-exit {
  1360.          animation: popupExitSpin 0.6s ease-in forwards;
  1361.      }
  1362.  </style>
  1363.  
  1364.  <style>
  1365.      @keyframes popupSpinInOut {
  1366.          0% {
  1367.              opacity: 0;
  1368.              transform: translate(-50%, 100vh) scale(0.2) rotate(-1080deg);
  1369.          }
  1370.          100% {
  1371.              opacity: 1;
  1372.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1373.          }
  1374.      }
  1375.  
  1376.      @keyframes popupSpinOut {
  1377.          0% {
  1378.              opacity: 1;
  1379.              transform: translate(-50%, -50%) scale(1) rotate(0deg);
  1380.          }
  1381.          100% {
  1382.              opacity: 0;
  1383.              transform: translate(-50%, -100vh) scale(0.2) rotate(1080deg);
  1384.          }
  1385.      }
  1386.  
  1387.      .popup-enter {
  1388.          animation: popupSpinInOut 0.6s ease-in-out forwards;
  1389.      }
  1390.  
  1391.      .popup-exit {
  1392.          animation: popupSpinOut 0.6s ease-in-out forwards;
  1393.      }
  1394.  </style>
  1395.  
  1396.  <style>
  1397.  /* Gradient border animasi */
  1398.  @keyframes borderGradient {
  1399.      0% {
  1400.          background-position: 0% 50%;
  1401.      }
  1402.      100% {
  1403.          background-position: 100% 50%;
  1404.      }
  1405.  }
  1406.  
  1407.  .popup-border {
  1408.      padding: 3px;
  1409.      background: linear-gradient(270deg, #ff69b4, #ffb6c1, #ff69b4);
  1410.      background-size: 400% 400%;
  1411.      animation: borderGradient 4s linear infinite;
  1412.      border-radius: 10px;
  1413.  }
  1414.  
  1415.  .popup-inner {
  1416.      background: white;
  1417.      border-radius: 8px;
  1418.      padding: inherit;
  1419.  }
  1420.  </style>
  1421.  
  1422.  <style>
  1423.  @keyframes pulseGradient {
  1424.      0% {
  1425.          background-position: 0% 50%;
  1426.      }
  1427.      100% {
  1428.          background-position: 100% 50%;
  1429.      }
  1430.  }
  1431.  
  1432.  .btn-gradient {
  1433.      background: linear-gradient(270deg, #c71585, #ff69b4, #c71585);
  1434.      background-size: 300% 300%;
  1435.      animation: pulseGradient 4s ease infinite;
  1436.      color: #fff;
  1437.      border: none;
  1438.      border-radius: 6px;
  1439.      cursor: pointer;
  1440.      display: block;
  1441.      width: 100%;
  1442.      font-weight: bold;
  1443.      transition: opacity 0.3s;
  1444.  }
  1445.  </style>
  1446.      <style>
  1447.          @font-face {
  1448.              font-family: Open24DisplaySt;
  1449.              src: url(/css/Open24DisplaySt.woff2);
  1450.          }
  1451.          @font-face {
  1452.              font-family: Teko-SemiBold;
  1453.              src: url(/css/Teko-SemiBold.ttf);
  1454.          }
  1455.          @font-face {
  1456.              font-family: Poppins-Regular;
  1457.              src: url(/css/Poppins-Regular.ttf);
  1458.          }
  1459.          body {
  1460.              margin: 0 auto;
  1461.              color: #fff;
  1462.          }
  1463.          .form-control {
  1464.              background-color: #116466;
  1465.              border-color: #707070;
  1466.              -moz-appearance: none;
  1467.              -webkit-appearance: none;
  1468.              color: #fff;
  1469.          }
  1470.          #right-column.active {
  1471.              right: 0;
  1472.              visibility: visible;
  1473.          }
  1474.          #right-column {
  1475.              overflow: auto;
  1476.          }
  1477.          #right-column {
  1478.              width: 60%;
  1479.              visibility: hidden;
  1480.              height: 100%;
  1481.              background-color: #211605;
  1482.              position: fixed;
  1483.              top: 0;
  1484.              z-index: 1049;
  1485.              transition: all 0.5s;
  1486.              right: -500px;
  1487.              text-transform: capitalize;
  1488.              font-size: 14px;
  1489.          }
  1490.          .closebtn{
  1491.              color: #fff;
  1492.              position: absolute;
  1493.              top: 0;
  1494.              right: 9px;
  1495.              padding: 1px 5px;
  1496.              z-index: 3;
  1497.              font-size: 33px;
  1498.          }
  1499.          .overlay.show {
  1500.              opacity: 1;
  1501.              visibility: visible;
  1502.          }
  1503.          .show {
  1504.              display: block !important;
  1505.          }
  1506.          .overlay {
  1507.              position: fixed;
  1508.              opacity: 0;
  1509.              visibility: hidden;
  1510.              width: 100%;
  1511.              height: 100%;
  1512.              top: 0;
  1513.              left: 0;
  1514.              right: 0;
  1515.              bottom: 0;
  1516.              background-color: rgba(0,0,0,0.5);
  1517.              z-index: 21;
  1518.              -webkit-transition: all 0.5s ease-in-out;
  1519.              -moz-transition: all 0.5s ease-in-out;
  1520.              -o-transition: all 0.5s ease-in-out;
  1521.              -ms-transition: all 0.5s ease-in-out;
  1522.              transition-timing-function: ease;
  1523.          }
  1524.          .active-menu-scroll{
  1525.              position: sticky;
  1526.              top: 50px;
  1527.              background-color: #211605;
  1528.              z-index: 1;
  1529.          }
  1530.          #progressive_jackpot {
  1531.              font-family: Open24DisplaySt;
  1532.              font-size: 32px;
  1533.              margin: auto auto auto 0;
  1534.          }
  1535.          .main-menu-outer-container {
  1536.              display: flex;
  1537.              z-index: 3;
  1538.          }
  1539.          .main-menu-outer-container>i{
  1540.              color:#fff;
  1541.              display:flex;
  1542.              align-items:center;
  1543.              padding:0 3px;
  1544.              top:0
  1545.          }
  1546.          .main-menu-outer-container>main{
  1547.              margin:0;
  1548.              display:flex;
  1549.              overflow:auto;
  1550.          }
  1551.          .main-menu-outer-container>main>a:first-child{
  1552.              margin-left:auto
  1553.          }
  1554.          .main-menu-outer-container>main>a:last-child{
  1555.              margin-right:auto
  1556.          }
  1557.          .main-menu-outer-container>main>a{
  1558.              display:block;
  1559.              white-space:nowrap;
  1560.              padding:10px 0;
  1561.              font-size:11px;
  1562.              text-align:center;
  1563.              text-transform:uppercase;
  1564.              color:#fff
  1565.          }
  1566.          .main-menu-outer-container>main>div:first-child{
  1567.              margin-left:auto
  1568.          }
  1569.          .main-menu-outer-container>main>div:last-child{
  1570.              margin-right:auto
  1571.          }
  1572.          .main-menu-outer-container>main>div{
  1573.              display:block;
  1574.              white-space:nowrap;
  1575.              padding:10px 0;
  1576.              font-size:11px;
  1577.              text-align:center;
  1578.              color:#fff
  1579.          }
  1580.          .main-menu-outer-container>main>a>img{
  1581.              display:block;
  1582.              width:25px;
  1583.              margin:10px auto
  1584.          }
  1585.          .hot-games-bounce {
  1586.              animation-name: hot-games-bounce;
  1587.              animation-timing-function: ease;
  1588.          }
  1589.          @keyframes  hot-games-bounce {
  1590.              0% {
  1591.                  transform: scale(1, 1) translateY(0);
  1592.              }
  1593.              10% {
  1594.                  transform: scale(1.1, .9) translateY(0);
  1595.              }
  1596.              30% {
  1597.                  transform: scale(.9, 1.1) translateY(-2px);
  1598.              }
  1599.              50% {
  1600.                  transform: scale(1, 1) translateY(0);
  1601.              }
  1602.              100% {
  1603.                  transform: scale(1, 1) translateY(0);
  1604.              }
  1605.          }
  1606.      </style>
  1607.          <style>
  1608.          .modal-body {
  1609.              padding : 0;
  1610.          }
  1611.          .modal .modal-dialog {
  1612.              color: #120608;
  1613.              top: 60px;
  1614.              moz-transform: translateY(0);
  1615.              -webkit-transform: translateY(0);
  1616.              transform: translateY(0);
  1617.          }
  1618.          .modal-backdrop {
  1619.              position: fixed;
  1620.              top: 0;
  1621.              right: 0;
  1622.              bottom: 0;
  1623.              left: 0;
  1624.              z-index: 1040;
  1625.              background-color: #000;
  1626.              opacity: .5;
  1627.          }
  1628.          .announcement-container>[data-section="announcements"] {
  1629.              flex-basis: calc(100% - 40px);
  1630.              overflow: hidden;
  1631.              margin: auto 0;
  1632.          }
  1633.          .tickercontainer {
  1634.              margin: 0;
  1635.              padding: 0;
  1636.              overflow: hidden;
  1637.              text-align: center;
  1638.          }
  1639.          .tickercontainer .mask {
  1640.              position: relative;
  1641.              width: 100%;
  1642.              overflow: hidden;
  1643.          }
  1644.          ul.newsticker {
  1645.              position: relative;
  1646.              list-style-type: none;
  1647.              margin: 0;
  1648.              padding: 0;
  1649.              overflow: hidden;
  1650.              display: flex;
  1651.          }
  1652.          ul.newsticker li {
  1653.              margin: 0;
  1654.              font-size: 12px;
  1655.              padding: 0 25px 0 0;
  1656.              white-space: nowrap;
  1657.          }
  1658.          .circular-menu__button {
  1659.              display: none;
  1660.          }
  1661.          .circular-menu__button:checked + .circular-menu__icon {
  1662.              transform: scale(1, 1) translate3d(0, 0, 0);
  1663.              transition-duration: 0.2s;
  1664.              transition-timing-function: linear;
  1665.          }
  1666.          .circular-menu__button:checked ~ .circular-menu__item {
  1667.              transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
  1668.          }
  1669.          .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) {
  1670.              transition-duration: 0.18s;
  1671.              transform: translate3d(0px, -105px, 0);
  1672.          }
  1673.          .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) {
  1674.              transition-duration: 0.28s;
  1675.              transform: translate3d(99.86093418px, -32.446784369999996px, 0);
  1676.          }
  1677.          .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) {
  1678.              transition-duration: 0.38s;
  1679.              transform: translate3d(61.71745146px, 84.94678437px, 0);
  1680.          }
  1681.          .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) {
  1682.              transition-duration: 0.48s;
  1683.              transform: translate3d(-61.71745146px, 84.94678437px, 0);
  1684.          }
  1685.          .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) {
  1686.              transition-duration: 0.58s;
  1687.              transform: translate3d(-99.86093418px, -32.446784369999996px, 0);
  1688.          }
  1689.          .circular-menu__icon {
  1690.              background: linear-gradient(#5F70FB, #4E63FA);
  1691.              border-radius: 100%;
  1692.              box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  1693.              height: 50px;
  1694.              line-height: 50px;
  1695.              margin-left: 10px;
  1696.              position: fixed;
  1697.              text-align: center;
  1698.              bottom: 150px;
  1699.              transform: translate3d(0, 0, 0);
  1700.              transition: transform ease-out 0.2s;
  1701.              width: 50px;
  1702.              cursor: pointer;
  1703.              transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  1704.              transition-duration: 0.4s;
  1705.              transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  1706.              z-index: 7;
  1707.          }
  1708.          .circular-menu__icon:hover {
  1709.              transform: scale(1.2, 1.2) translate3d(0, 0, 0);
  1710.          }
  1711.          .circular-menu__item {
  1712.              background-image: linear-gradient(#5F70FB, #4E63FA);
  1713.              border-radius: 100%;
  1714.              box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  1715.              color: #fff;
  1716.              height: 45px;
  1717.              line-height: 45px;
  1718.              margin-left: 10px;
  1719.              position: fixed;
  1720.              text-align: center;
  1721.              bottom: 160px;
  1722.              transform: translate3d(0, 0, 0);
  1723.              transition: transform ease-out 0.2s;
  1724.              width: 45px;
  1725.              z-index: 5;
  1726.          }
  1727.          .circular-menu__item:nth-of-type(1) {
  1728.              transition-duration: 0.18s;
  1729.          }
  1730.          .circular-menu__item:nth-of-type(2) {
  1731.              transition-duration: 0.18s;
  1732.          }
  1733.          .circular-menu__item:nth-of-type(3) {
  1734.              transition-duration: 0.18s;
  1735.          }
  1736.          .circular-menu__item:nth-of-type(4) {
  1737.              transition-duration: 0.18s;
  1738.          }
  1739.          .circular-menu__item:nth-of-type(5) {
  1740.              transition-duration: 0.18s;
  1741.          }
  1742.          .circular-menu__item:hover {
  1743.              color: #dc143c;
  1744.              background: #f08080;
  1745.          }
  1746.          .circular-menu__item:active,
  1747.          .circular-menu__item:focus {
  1748.              color: #8b0000;
  1749.          }
  1750.      </style>
  1751.  
  1752.  
  1753.  
  1754.  
  1755.  
  1756.  
  1757.  
  1758.  
  1759.  <script type="application/ld+json">
  1760.  {
  1761.    "@context": "https://schema.org",
  1762.    "@type": "FAQPage",
  1763.    "mainEntity": [
  1764.      {
  1765.        "@type": "Question",
  1766.        "name": "Apa itu PENULIS4D?",
  1767.        "acceptedAnswer": {
  1768.          "@type": "Answer",
  1769.          "text": "Penulis4d merupakan platform bandar toto macau paling lengkap dan gampang di pahami tercatat dalam prize togel online hari ini keluaran toto macau terpercaya."
  1770.        }
  1771.      },
  1772.      {
  1773.        "@type": "Question",
  1774.        "name": "Kenapa harus bermain di PENULIS4D?",
  1775.        "acceptedAnswer": {
  1776.          "@type": "Answer",
  1777.          "text": "PENULIS4D telah mengembangkan teknologi sekuritas terbaru yang dimana data pemain akan dienkripsi dengan firewall canggih yang membuat pemain tidak perlu khawatir akan kebocoran data serta PENULIS4D juga memberikan beragam bonus menarik lainnya."
  1778.        }
  1779.      },
  1780.      {
  1781.        "@type": "Question",
  1782.        "name": "Bagaimana PENULIS4D mendorong tanggung jawab sosial dalam permainan togel?",
  1783.        "acceptedAnswer": {
  1784.          "@type": "Answer",
  1785.          "text": "PENULIS4D menekankan pentingnya bermain togel dengan bijak dan bertanggung jawab. Kami menyediakan beragam informasi serta sumber daya untuk mencegah kecanduan judi dan mendorong praktik bermain yang baik dan benar."
  1786.        }
  1787.      }
  1788.    ]
  1789.  }
  1790.  </script>
  1791.  
  1792.  <script type="application/ld+json">
  1793.  {
  1794.    "@context": "https://schema.org",
  1795.    "@type": "Organization",
  1796.    "name": "PENULIS4D",
  1797.    "alternateName": "PENULIS4D",
  1798.    "url": "https://zpenulis4d.site/",
  1799.    "logo": "https://penulis4d.dataklmsad903.site/images/setting-logo/1/v92GyUp5VYQrOWwN.png",
  1800.    "description": "Penulis4d merupakan platform bandar toto macau paling lengkap dan gampang di pahami tercatat dalam prize togel online hari ini keluaran toto macau terpercaya.",
  1801.    "address": {
  1802.      "@type": "PostalAddress",
  1803.      "streetAddress": "Komplek Tanah Abang Bukit Jl. H. Fachrudin No.28 Kp. Bali",
  1804.      "postOfficeBoxNumber": "10210",
  1805.      "addressLocality": "Daerah Khusus Ibukota Jakarta",
  1806.      "addressRegion": "Kota Jakarta Pusat",
  1807.      "postalCode": "10210",
  1808.      "addressCountry": "Indonesia"
  1809.    },
  1810.    "contactPoint": {
  1811.      "@type": "ContactPoint",
  1812.      "telephone": "+62 859-5417-6247",
  1813.      "contactType": "customer service",
  1814.      "areaServed": "ID",
  1815.      "availableLanguage": "Indonesian"
  1816.    },
  1817.    "sameAs": [
  1818.      "https://zpenulis4d.site/",
  1819.      "https://www.facebook.com/groups/379662418431578",
  1820.      "https://www.youtube.com/@PENULIS4D",
  1821.      "https://x.com/PENULIS4D"
  1822.    ]
  1823.  }
  1824.  </script>
  1825.  
  1826.  <script type="application/ld+json">
  1827.  {
  1828.    "@context": "https://schema.org",
  1829.    "@type": "WebSite",
  1830.    "name": "PENULIS4D",
  1831.    "url": "https://zpenulis4d.site/",
  1832.    "potentialAction": {
  1833.      "@type": "SearchAction",
  1834.      "target": "https://zpenulis4d.site/search?q={search_term_string}",
  1835.      "query-input": "required name=search_term_string"
  1836.    }
  1837.  }
  1838.  </script>
  1839.  
  1840.  <script type="application/ld+json">
  1841.  {
  1842.    "@context": "https://schema.org",
  1843.    "@type": "Product",
  1844.    "name": "PENULIS4D",
  1845.    "image": "https://penulis4d.com/asset/banner.jpg",
  1846.    "description": "Penulis4d merupakan platform bandar toto macau paling lengkap dan gampang di pahami tercatat dalam prize togel online hari ini keluaran toto macau terpercaya.",
  1847.    "brand": {
  1848.      "@type": "Brand",
  1849.      "name": "PENULIS4D"
  1850.    },
  1851.    "aggregateRating": {
  1852.      "@type": "AggregateRating",
  1853.      "ratingValue": "98",
  1854.      "bestRating": "100",
  1855.      "worstRating": "0",
  1856.      "ratingCount": "98324861"
  1857.    }
  1858.  }
  1859.  <script type="application/ld+json">
  1860.  {
  1861.    "@context": "https://schema.org",
  1862.    "@type": "BreadcrumbList",
  1863.    "itemListElement": [
  1864.      {
  1865.        "@type": "ListItem",
  1866.        "position": 1,
  1867.        "name": "PENULIS4D",
  1868.        "item": "https://zpenulis4d.site/"
  1869.      },
  1870.      {
  1871.        "@type": "ListItem",
  1872.        "position": 2,
  1873.        "name": "PENULIS4D",
  1874.        "item": "https://zpenulis4d.site/"
  1875.  
  1876.    ]
  1877.  </script>
  1878.    <style>
  1879.        @font-face {
  1880.            font-family: Open24DisplaySt;
  1881.            src: url(/css/Open24DisplaySt.woff2);
  1882.        }
  1883.        @font-face {
  1884.            font-family: Teko-SemiBold;
  1885.            src: url(/css/Teko-SemiBold.ttf);
  1886.        }
  1887.        @font-face {
  1888.            font-family: Poppins-Regular;
  1889.            src: url(/css/Poppins-Regular.ttf);
  1890.        }
  1891.        body {
  1892.            margin: 0 auto;
  1893.            color: #fff;
  1894.            font-size: 14px !important;
  1895.        }
  1896.        .form-control {
  1897.            background-color: #fff;
  1898.            border-color: #707070;
  1899.            -moz-appearance: none;
  1900.            -webkit-appearance: none;
  1901.            color: #000;
  1902.        }
  1903.        .login-btn:hover {
  1904.            background-color: #5f5f5f !important;
  1905.            border-color: #5f5f5f !important;
  1906.        }
  1907.        .register-btn:hover {
  1908.            color: #fff !important;
  1909.            text-decoration: none;
  1910.        }
  1911.        .menu-opt-active {
  1912.            color: #D9B08C !important;
  1913.            font-weight: bold;
  1914.        }
  1915.        .menu-opt a:hover {
  1916.            color: #D9B08C !important;
  1917.            text-decoration: none;
  1918.        }
  1919.        .provider:hover {
  1920.            width: 100%;
  1921.            background-color: rgba(217, 176, 140, 0.5);
  1922.            border-radius: 6px;
  1923.        }
  1924.        @keyframes  topbar-icon-bounce {
  1925.            0%, 20%, 40%, 60%, 80%, 100% {
  1926.                transform:translateY(0)
  1927.            }
  1928.            70% {
  1929.                transform:translateY(-5px)
  1930.            }
  1931.            50% {
  1932.                transform:translateY(-12px)
  1933.            }
  1934.        }
  1935.        .circular-menu__button {
  1936.            display: none;
  1937.        }
  1938.        .circular-menu__button:checked + .circular-menu__icon {
  1939.            transform: scale(1, 1) translate3d(0, 0, 0);
  1940.            transition-duration: 0.2s;
  1941.            transition-timing-function: linear;
  1942.        }
  1943.        .circular-menu__button:checked ~ .circular-menu__item {
  1944.            transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);
  1945.        }
  1946.        .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(1) {
  1947.            transition-duration: 0.18s;
  1948.            transform: translate3d(0px, -105px, 0);
  1949.        }
  1950.        .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(2) {
  1951.            transition-duration: 0.28s;
  1952.            transform: translate3d(99.86093418px, -32.446784369999996px, 0);
  1953.        }
  1954.        .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(3) {
  1955.            transition-duration: 0.38s;
  1956.            transform: translate3d(61.71745146px, 84.94678437px, 0);
  1957.        }
  1958.        .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(4) {
  1959.            transition-duration: 0.48s;
  1960.            transform: translate3d(-61.71745146px, 84.94678437px, 0);
  1961.        }
  1962.        .circular-menu__button:checked ~ .circular-menu__item:nth-of-type(5) {
  1963.            transition-duration: 0.58s;
  1964.            transform: translate3d(-99.86093418px, -32.446784369999996px, 0);
  1965.        }
  1966.        .circular-menu__icon {
  1967.            background: linear-gradient(#5F70FB, #4E63FA);
  1968.            border-radius: 100%;
  1969.            box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  1970.            height: 50px;
  1971.            line-height: 50px;
  1972.            margin-left: 10px;
  1973.            position: fixed;
  1974.            text-align: center;
  1975.            bottom: 150px;
  1976.            transform: translate3d(0, 0, 0);
  1977.            transition: transform ease-out 0.2s;
  1978.            width: 50px;
  1979.            cursor: pointer;
  1980.            transform: scale(1.1, 1.1) translate3d(0, 0, 0);
  1981.            transition-duration: 0.4s;
  1982.            transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  1983.            z-index: 7;
  1984.        }
  1985.        .circular-menu__icon:hover {
  1986.            transform: scale(1.2, 1.2) translate3d(0, 0, 0);
  1987.        }
  1988.        .circular-menu__item {
  1989.            background-image: linear-gradient(#5F70FB, #4E63FA);
  1990.            border-radius: 100%;
  1991.            box-shadow: 0 2px 5px rgba(0,0,0,0.25);
  1992.            color: #fff;
  1993.            height: 45px;
  1994.            line-height: 45px;
  1995.            margin-left: 10px;
  1996.            position: fixed;
  1997.            text-align: center;
  1998.            bottom: 160px;
  1999.            transform: translate3d(0, 0, 0);
  2000.            transition: transform ease-out 0.2s;
  2001.            width: 45px;
  2002.            z-index: 5;
  2003.        }
  2004.        .circular-menu__item:nth-of-type(1) {
  2005.            transition-duration: 0.18s;
  2006.        }
  2007.        .circular-menu__item:nth-of-type(2) {
  2008.            transition-duration: 0.18s;
  2009.        }
  2010.        .circular-menu__item:nth-of-type(3) {
  2011.            transition-duration: 0.18s;
  2012.        }
  2013.        .circular-menu__item:nth-of-type(4) {
  2014.            transition-duration: 0.18s;
  2015.        }
  2016.        .circular-menu__item:nth-of-type(5) {
  2017.            transition-duration: 0.18s;
  2018.        }
  2019.        .circular-menu__item:hover {
  2020.            color: #dc143c;
  2021.            background: #f08080;
  2022.        }
  2023.        .circular-menu__item:active,
  2024.        .circular-menu__item:focus {
  2025.            color: #8b0000;
  2026.        }
  2027.    </style>
  2028.            <script>
  2029.    window.__lc = window.__lc || {};
  2030.    window.__lc.license = 19161432;
  2031.    window.__lc.integration_name = "manual_channels";
  2032.    window.__lc.product_name = "livechat";
  2033.    ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice))
  2034. </script>
  2035. <noscript><a href="https://www.livechat.com/chat-with/19161432/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>            <style>
  2036.        .modal-body {
  2037.            padding : 0;
  2038.        }
  2039.        .modal .modal-dialog {
  2040.            color: #120608;
  2041.            top: 60px;
  2042.            moz-transform: translateY(0);
  2043.            -webkit-transform: translateY(0);
  2044.            transform: translateY(0);
  2045.        }
  2046.        .modal-backdrop {
  2047.            position: fixed;
  2048.            top: 0;
  2049.            right: 0;
  2050.            bottom: 0;
  2051.            left: 0;
  2052.            z-index: 1040;
  2053.            background-color: #000;
  2054.            opacity: .5;
  2055.        }
  2056.        #progressive_jackpot {
  2057.            font-family: Open24DisplaySt;
  2058.            font-size: 70px;
  2059.            margin: auto 0;
  2060.        }
  2061.        .announcement-container>[data-section="announcements"] {
  2062.            flex-basis: calc(100% - 40px);
  2063.            overflow: hidden;
  2064.            margin: auto 0;
  2065.        }
  2066.        .tickercontainer {
  2067.            margin: 0;
  2068.            padding: 0;
  2069.            overflow: hidden;
  2070.            text-align: center;
  2071.        }
  2072.        .tickercontainer .mask {
  2073.            position: relative;
  2074.            width: 100%;
  2075.            overflow: hidden;
  2076.        }
  2077.        ul.newsticker {
  2078.            position: relative;
  2079.            list-style-type: none;
  2080.            margin: 0;
  2081.            padding: 0;
  2082.            overflow: hidden;
  2083.            display: flex;
  2084.        }
  2085.        ul.newsticker li {
  2086.            margin: 0;
  2087.            font-size: 16px;
  2088.            padding: 0 25px 0 0;
  2089.            white-space: nowrap;
  2090.        }
  2091.        .hot-games-bounce {
  2092.            animation-name: hot-games-bounce;
  2093.            animation-timing-function: ease;
  2094.        }
  2095.        @keyframes  hot-games-bounce {
  2096.            0% {
  2097.                transform: scale(1, 1) translateY(0);
  2098.            }
  2099.            10% {
  2100.                transform: scale(1.1, .9) translateY(0);
  2101.            }
  2102.            30% {
  2103.                transform: scale(.9, 1.1) translateY(-2px);
  2104.            }
  2105.            50% {
  2106.                transform: scale(1, 1) translateY(0);
  2107.            }
  2108.            100% {
  2109.                transform: scale(1, 1) translateY(0);
  2110.            }
  2111.        }
  2112.        .background-top {
  2113.            background: url(https://penulis4d.dataklmsad902.site/asset/images/main-bg.jpg?s=c01af1c6edd24b60eb5f28c06f6e6762) no-repeat center center fixed;
  2114.            -webkit-background-size: cover;
  2115.            -moz-background-size: cover;
  2116.            -o-background-size: cover;
  2117.            background-size: cover;
  2118.        }
  2119.    </style>
  2120. </head>
  2121. <body style="background-color: #116466;">
  2122. <div style="position: fixed; top: 0; z-index: 20; box-shadow: rgb(0 0 0 / 50%) 0 6px 6px -6px; width: 100%;">
  2123.    <div style="background-color: #116466; padding: 12px 0;">
  2124.        <div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex;">
  2125.            <div onclick="window.location='https://zpenulis4d.xyz/mobile/ganti-mode'" class="menu-opt" style="cursor: pointer; display: flex; margin: auto 40px auto 0;">
  2126.                <img src="https://penulis4d.dataklmsad902.site/asset/images/mobile.png?s=7069dc6050b90d29193922c60e4eb9ee" alt="Versi Mobile" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
  2127.                <div style="margin-left: 6px; color: #fff;">
  2128.                    Versi Mobile
  2129.                </div>
  2130.            </div>
  2131.            <div onclick="window.location='https://zpenulis4d.xyz/promo'" class="menu-opt " style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
  2132.                <img src="https://penulis4d.dataklmsad902.site/asset/images/menu-4.png?s=480315067fa1ce583c60094d4f2f7eb8" alt="Promo" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
  2133.                <div style="margin-left: 6px;">
  2134.                    Promo
  2135.                </div>
  2136.            </div>
  2137.            <div onclick="window.location='https://zpenulis4d.xyz/slot-rtp/1'" class="menu-opt " style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
  2138.                <img src="https://penulis4d.dataklmsad902.site/asset/images/menu-2.png?s=80aab44edacffa2f8d2089decfd89a64" alt="RTP" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
  2139.                <div style="margin-left: 6px;">
  2140.                    RTP
  2141.                </div>
  2142.            </div>
  2143.            <div onclick="window.location='https://zpenulis4d.xyz/buku-mimpi'" class="menu-opt " style="cursor: pointer; margin: auto 40px auto 0; display: flex;">
  2144.                <img src="https://penulis4d.dataklmsad902.site/asset/images/book.png?s=966de68cbed901786ff61b13eeba2fa8" alt="buku mimpi" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
  2145.                <div style="margin-left: 6px;">
  2146.                    Buku Mimpi
  2147.                </div>
  2148.            </div>
  2149.            <div onclick="window.location='https://zpenulis4d.xyz/sosmed'" class="menu-opt " style="cursor: pointer; display: flex; margin: auto 0;">
  2150.                <img src="https://penulis4d.dataklmsad902.site/asset/images/menu-5.png?s=46472c1cf1d4eeded053e05496a93ae9" alt="hubungi kami" style="width: 20px; animation-name: topbar-icon-bounce; animation-duration: 2.5s; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: infinite;">
  2151.                <div style="margin-left: 6px;">
  2152.                    Hubungi Kami
  2153.                </div>
  2154.            </div>
  2155.            <div style="margin: auto 0 auto auto;">
  2156.                <div style="display: flex;">
  2157.                    <a href="https://zpenulis4d.xyz/masuk" class="login-btn" style="color: #fff; border: 1px solid #fff; border-radius: 20px; transition: all .3s ease; background-color: transparent; padding: 3px 20px; margin: auto 10px auto 0;">MASUK</a>
  2158.                    <a href="https://zpenulis4d.xyz/daftar" class="register-btn" style="color: #fff; border-radius: 20px; transition: all .3s ease; background-color: #D9B08C; text-align: center; padding: 3px 20px; margin: auto;">
  2159.                        DAFTAR
  2160.                    </a>
  2161.                </div>
  2162.            </div>
  2163.        </div>
  2164.    </div>
  2165.    <div style="background-color: #2C3531; min-height: 120px;">
  2166.        <div style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 20px 0;">
  2167.            <div style="width: 220px;">
  2168.                <a href="https://zpenulis4d.xyz/desktop">
  2169.                                            <img src="https://penulis4d.dataklmsad903.site/images/setting-logo/1/v92GyUp5VYQrOWwN.png" alt="PENULIS4D" style="height: 80px;">
  2170.                                    </a>
  2171.            </div>
  2172.  
  2173.            <div style="margin: auto 0 auto auto; display: flex; flex-direction: column; align-items: flex-end;">
  2174.                <div style="display: flex; font-size: 16px;">
  2175.                                        <div class="menu-opt" style="margin-left: 28px;">
  2176.                        <a href="https://zpenulis4d.xyz/togel" class="" style="color: #fff; transition: all .3s ease; display: flex;">
  2177.                            <img src="https://penulis4d.dataklmsad902.site/asset/images/game-7-mobile.png?s=d820bafb22680078e57f7c8ef81ddbff" alt="togel" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">TOGEL</span>
  2178.                        </a>
  2179.                    </div>
  2180.                                        <div class="menu-opt" style="margin-left: 28px;">
  2181.                        <a href="https://zpenulis4d.xyz/slot" class="" style="color: #fff; transition: all .3s ease; display: flex;">
  2182.                            <img src="https://penulis4d.dataklmsad902.site/asset/images/game-2-mobile.png?s=bfbb653b50a0f71bb7967b94f73febd7" alt="slot" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">SLOT</span>
  2183.                        </a>
  2184.                    </div>
  2185.                    <div class="menu-opt" style="margin-left: 28px;">
  2186.                        <a href="https://zpenulis4d.xyz/live-casino" class="" style="color: #fff; transition: all .3s ease; display: flex;">
  2187.                            <img src="https://penulis4d.dataklmsad902.site/asset/images/game-3-mobile.png?s=a6a5f2baa715e01c443800b8ba1510d7" alt="live casino" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">LIVE CASINO</span>
  2188.                        </a>
  2189.                    </div>
  2190.                    <div class="menu-opt" style="margin-left: 28px;">
  2191.                        <a href="https://zpenulis4d.xyz/sport" class="" style="color: #fff; transition: all .3s ease; display: flex;">
  2192.                            <img src="https://penulis4d.dataklmsad902.site/asset/images/game-5-mobile.png?s=ff35fb30d93a8b38470bdb515ee0f5b2" alt="sport" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">SPORT</span>
  2193.                        </a>
  2194.                    </div>
  2195.                    <div class="menu-opt" style="margin-left: 28px;">
  2196.                        <a href="https://zpenulis4d.xyz/sabung-ayam" class="" style="color: #fff; transition: all .3s ease; display: flex;">
  2197.                            <img src="https://penulis4d.dataklmsad902.site/asset/images/game-8-mobile.png?s=23e488a1b54d0b57b1894a6ef19dc4b9" alt="sabung ayam" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">SABUNG AYAM</span>
  2198.                        </a>
  2199.                    </div>
  2200.                    <div class="menu-opt" style="margin-left: 28px;">
  2201.                        <a href="https://zpenulis4d.xyz/tembak-ikan" class="" style="color: #fff; transition: all .3s ease; display: flex;">
  2202.                            <img src="https://penulis4d.dataklmsad902.site/asset/images/game-4-mobile.png?s=63e6251efc14724ae072b55306ab484c" alt="tembak ikan" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">TEMBAK IKAN</span>
  2203.                        </a>
  2204.                    </div>
  2205.                    <div class="menu-opt" style="margin-left: 28px;">
  2206.                        <a href="https://zpenulis4d.xyz/virtual" class="" style="color: #fff; transition: all .3s ease; display: flex;">
  2207.                            <img src="https://penulis4d.dataklmsad902.site/asset/images/game-6-mobile.png?s=7925b9682d24c145c273d393f412ebe4" alt="virtual" style="width: 30px; height: 30px; margin-right: 6px;"> <span style="margin: auto 0;">VIRTUAL</span>
  2208.                        </a>
  2209.                    </div>
  2210.                </div>
  2211.            </div>
  2212.        </div>
  2213.    </div>
  2214. </div>
  2215. <div style="margin-top: 170px;">
  2216.        <div class="slider">
  2217.        <table width="100%" style="margin: 0 auto;">
  2218.            <tr id="slides">
  2219.                <td colspan="2">
  2220.                    <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
  2221.                        <ol class="carousel-indicators">
  2222.                                                                                                <li data-target="#carousel-example-generic" data-slide-to="0"  class="active" ></li>
  2223.                                                                    <li data-target="#carousel-example-generic" data-slide-to="1" ></li>
  2224.                                                                    <li data-target="#carousel-example-generic" data-slide-to="2" ></li>
  2225.                                                                    <li data-target="#carousel-example-generic" data-slide-to="3" ></li>
  2226.                                                                    <li data-target="#carousel-example-generic" data-slide-to="4" ></li>
  2227.                                                                    <li data-target="#carousel-example-generic" data-slide-to="5" ></li>
  2228.                                                                    <li data-target="#carousel-example-generic" data-slide-to="6" ></li>
  2229.                                                                    <li data-target="#carousel-example-generic" data-slide-to="7" ></li>
  2230.                                                                    <li data-target="#carousel-example-generic" data-slide-to="8" ></li>
  2231.                                                                    <li data-target="#carousel-example-generic" data-slide-to="9" ></li>
  2232.                                                                    <li data-target="#carousel-example-generic" data-slide-to="10" ></li>
  2233.                                                                                    </ol>
  2234.                        <div class="carousel-inner" role="listbox">
  2235.                                                                                                <div  class="item active" >
  2236.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/10/H8xZGQtCKiWFKQPI.png" alt="QRIS" style="width: 100%; margin: 0 auto;">
  2237.                                        <div class="carousel-caption">
  2238.                                        </div>
  2239.                                    </div>
  2240.                                                                    <div  class="item" >
  2241.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/4/PWZA2FiNi2cUCf8A.png" alt="SELAMAT DATANG" style="width: 100%; margin: 0 auto;">
  2242.                                        <div class="carousel-caption">
  2243.                                        </div>
  2244.                                    </div>
  2245.                                                                    <div  class="item" >
  2246.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/2/36qlHn9C6qbBKgSY.png" alt="banner promo" style="width: 100%; margin: 0 auto;">
  2247.                                        <div class="carousel-caption">
  2248.                                        </div>
  2249.                                    </div>
  2250.                                                                    <div  class="item" >
  2251.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/9/H4YgwRZlQ3LPtyUP.png" alt="PAPUA POOLS" style="width: 100%; margin: 0 auto;">
  2252.                                        <div class="carousel-caption">
  2253.                                        </div>
  2254.                                    </div>
  2255.                                                                    <div  class="item" >
  2256.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/7/NHqM9iSUYZMPGnyJ.png" alt="PERKALIAN" style="width: 100%; margin: 0 auto;">
  2257.                                        <div class="carousel-caption">
  2258.                                        </div>
  2259.                                    </div>
  2260.                                                                    <div  class="item" >
  2261.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/8/27xFy0DHFzoBHZc2.png" alt="EVENT MAHJONG WAYS 1 &amp; 2" style="width: 100%; margin: 0 auto;">
  2262.                                        <div class="carousel-caption">
  2263.                                        </div>
  2264.                                    </div>
  2265.                                                                    <div  class="item" >
  2266.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/5/LIS52S0M0bT9F71f.png" alt="SCATTER HITAM" style="width: 100%; margin: 0 auto;">
  2267.                                        <div class="carousel-caption">
  2268.                                        </div>
  2269.                                    </div>
  2270.                                                                    <div  class="item" >
  2271.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/11/GFsFpyEStWwpVfiZ.png" alt="LIVE CASINO" style="width: 100%; margin: 0 auto;">
  2272.                                        <div class="carousel-caption">
  2273.                                        </div>
  2274.                                    </div>
  2275.                                                                    <div  class="item" >
  2276.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/6/z2ynWsYViiSR5QZX.jpg" alt="Sportbook" style="width: 100%; margin: 0 auto;">
  2277.                                        <div class="carousel-caption">
  2278.                                        </div>
  2279.                                    </div>
  2280.                                                                    <div  class="item" >
  2281.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/12/dv8ysklnTzrpJsji.png" alt="SABUNG AYAM" style="width: 100%; margin: 0 auto;">
  2282.                                        <div class="carousel-caption">
  2283.                                        </div>
  2284.                                    </div>
  2285.                                                                    <div  class="item" >
  2286.                                        <img src="https://penulis4d.dataklmsad903.site/images/banner-desktop/1/ql8SFRsHQswsgD9q.webp" alt="Pragmatic" style="width: 100%; margin: 0 auto;">
  2287.                                        <div class="carousel-caption">
  2288.                                        </div>
  2289.                                    </div>
  2290.                                                                                    </div>
  2291.  
  2292.                        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
  2293.                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
  2294.                            <span class="sr-only">Previous</span>
  2295.                        </a>
  2296.                        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
  2297.                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
  2298.                            <span class="sr-only">Next</span>
  2299.                        </a>
  2300.                    </div>
  2301.                </td>
  2302.            </tr>
  2303.        </table>
  2304.    </div>
  2305.  
  2306.    <div style="background-color: #2C3531;">
  2307.        <div class="announcement-container" style="width: 95%; margin: 0 auto; max-width: 1280px; display: flex; padding: 8px 0;">
  2308.            <div data-section="date">
  2309.                <img src="https://penulis4d.dataklmsad902.site/asset/images/broadcast.png?s=29a16a9d286692451d7c3ee9f675cb3d" alt="broadcast" style="width: 24px; margin: 0 8px;">
  2310.            </div>
  2311.            <div data-section="announcements">
  2312.                <div id="ER_1655967104278">
  2313.                    <div class="tickercontainer">
  2314.                        <div class="mask">
  2315.                            <ul class="announcement-list newsticker" id="announcement_list" style="color: #EBEBEB; width: 4369px; left: -76.2600024414062px;">
  2316.                                <li class="tick-clones">Selamat Datang Di Situs Penulis4d Togel Online &amp; Judi Slot Online Terbaik Resmi dan Terpercaya 100% Pasti Bayar</li>
  2317.                                <li>Selamat Datang Di Situs Penulis4d Togel Online &amp; Judi Slot Online Terbaik Resmi dan Terpercaya 100% Pasti Bayar</li>
  2318.                            </ul>
  2319.                        </div>
  2320.                    </div>
  2321.                </div>
  2322.            </div>
  2323.        </div>
  2324.    </div>
  2325.  
  2326.    <div class="background-top" style="padding: 30px 0;">
  2327.        <div style="background-color: #2C3531; width: 95%; margin: 0 auto; max-width: 1280px; padding: 30px 30px 0 30px;">
  2328.            <div style="background:url(https://penulis4d.dataklmsad902.site/asset/images/jackpot-desktop.jpg?s=05e786b10d912120226da4ed8bc7d77e); background-position: center top; background-size: 100% 100%; background-repeat: no-repeat; padding: 40px 120px;">
  2329.                <div style="display: flex;">
  2330.                    <div style="color: #01F6CA; font-family: Open24DisplaySt; font-size: 70px; margin: auto 8px auto auto;">
  2331.                        IDR
  2332.                    </div>
  2333.                    <div id="progressive_jackpot"></div>
  2334.                </div>
  2335.            </div>
  2336.  
  2337.                        <div style="padding: 30px 0;">
  2338.                <div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
  2339.                    <div style="display: flex;">
  2340.                        <img src="https://penulis4d.dataklmsad902.site/asset/images/game-7-mobile.png?s=d820bafb22680078e57f7c8ef81ddbff" class="hot-games-bounce" alt="togel" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
  2341.                        <div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Togel</div>
  2342.                    </div>
  2343.                    <div onclick="window.location='https://zpenulis4d.xyz/togel'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
  2344.                        Lebih Banyak Pasaran
  2345.                    </div>
  2346.                </div>
  2347.            </div>
  2348.  
  2349.            <ul class="lottery_market" style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;"></ul>
  2350.            
  2351.            <div style="padding:20px 0;">
  2352.                <div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
  2353.                    <div style="display: flex;">
  2354.                        <img src="https://penulis4d.dataklmsad902.site/asset/images/game-2-mobile.png?s=bfbb653b50a0f71bb7967b94f73febd7" class="hot-games-bounce" alt="slot" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
  2355.                        <div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Slot</div>
  2356.                    </div>
  2357.                    <div onclick="window.location='https://zpenulis4d.xyz/slot'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
  2358.                        Lebih Banyak Game
  2359.                    </div>
  2360.                </div>
  2361.            </div>
  2362.  
  2363.            <ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
  2364.                                                                                                                        <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/1'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2365.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/1/fftANbjv93jOl65N.png?s=46073e36f65fb50fb3658a17a5ab2e1c" alt="slot" style="width: 100%; border-radius: 4px;">
  2366.                                </li>
  2367.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/2'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2368.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/4/u6CrwN7HjS7YpyMk.png?s=dfba02c22d5bee6f1da3c3a3ff8da58e" alt="slot" style="width: 100%; border-radius: 4px;">
  2369.                                </li>
  2370.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/38'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2371.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/58/d8ClG2FW0RUdLfBF.png?s=0787e2f662cd907dd0f28d2c01685ab7" alt="slot" style="width: 100%; border-radius: 4px;">
  2372.                                </li>
  2373.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/33'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2374.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/52/wBMn0JMwHqR15Q9h.png?s=31928aa928afde54ebba690406b8329c" alt="slot" style="width: 100%; border-radius: 4px;">
  2375.                                </li>
  2376.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/34'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2377.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/54/Y6z4g9iAch8XkEFC.png?s=2c55092b012e0bed27a11c5b56618567" alt="slot" style="width: 100%; border-radius: 4px;">
  2378.                                </li>
  2379.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/37'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2380.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/57/641tmm7GA9EQLT88.png?s=a87bf801c98128d371f0d49a73959b82" alt="slot" style="width: 100%; border-radius: 4px;">
  2381.                                </li>
  2382.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/36'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2383.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/56/qAS4benNwP9OhFfm.png?s=0e6782ab13225ffce0b93e3441ad173e" alt="slot" style="width: 100%; border-radius: 4px;">
  2384.                                </li>
  2385.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/slot-provider/35'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2386.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/55/3eVr8EQfYFOCXzjy.png?s=6156681e187b130640962ff96709ca02" alt="slot" style="width: 100%; border-radius: 4px;">
  2387.                                </li>
  2388.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
  2389.  
  2390.            <div style="padding:20px 0;">
  2391.                <div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
  2392.                    <div style="display: flex;">
  2393.                        <img src="https://penulis4d.dataklmsad902.site/asset/images/game-3-mobile.png?s=a6a5f2baa715e01c443800b8ba1510d7" class="hot-games-bounce" alt="live casino" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
  2394.                        <div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Live Casino</div>
  2395.                    </div>
  2396.                    <div onclick="window.location='https://zpenulis4d.xyz/live-casino'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
  2397.                        Lebih Banyak Game
  2398.                    </div>
  2399.                </div>
  2400.            </div>
  2401.  
  2402.            <ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
  2403.                                                                                                                        <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2404.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/2/GGZSQzPi3K0EST06.png?s=079ff2cb680d47839d55af905299bb72" alt="live casino" style="width: 100%; border-radius: 4px;">
  2405.                                </li>
  2406.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2407.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/24/7XraZf4dTjhBCnGV.png?s=82c816b7b60ea94ea902e1a5b45a789a" alt="live casino" style="width: 100%; border-radius: 4px;">
  2408.                                </li>
  2409.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/live-casino-provider/33'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2410.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/53/VXxFB9VzGIBq9BDX.png?s=444966dc5b0c911d70443fe0d5a02576" alt="live casino" style="width: 100%; border-radius: 4px;">
  2411.                                </li>
  2412.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2413.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/46/506zzvpHEcCz1fw1.png?s=5b47abf421fca8aba823bb7a616a5670" alt="live casino" style="width: 100%; border-radius: 4px;">
  2414.                                </li>
  2415.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2416.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/40/x4A54lpFqLrFvhFp.png?s=f3db829778688f5166eaa12b5c4e43b0" alt="live casino" style="width: 100%; border-radius: 4px;">
  2417.                                </li>
  2418.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2419.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/32/vCpvblkSAYmNEPky.png?s=f364459a4a59b3deb0c9b46415cfe141" alt="live casino" style="width: 100%; border-radius: 4px;">
  2420.                                </li>
  2421.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2422.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/30/4N9nXFKTmEJUBl9g.png?s=c2f05746eeaf1d8549e6b6bab4d3ad14" alt="live casino" style="width: 100%; border-radius: 4px;">
  2423.                                </li>
  2424.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2425.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/20/SZwKtjnBCApJXQSX.png?s=77151c41abc7aa6fd4ecf75530b8b138" alt="live casino" style="width: 100%; border-radius: 4px;">
  2426.                                </li>
  2427.                                                                                                                                                                                                                                        </ul>
  2428.  
  2429.            <div style="padding:20px 0;">
  2430.                <div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
  2431.                    <div style="display: flex;">
  2432.                        <img src="https://penulis4d.dataklmsad902.site/asset/images/game-5-mobile.png?s=ff35fb30d93a8b38470bdb515ee0f5b2" class="hot-games-bounce" alt="sport" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
  2433.                        <div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Sport</div>
  2434.                    </div>
  2435.                    <div onclick="window.location='https://zpenulis4d.xyz/sport'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
  2436.                        Lebih Banyak Game
  2437.                    </div>
  2438.                </div>
  2439.            </div>
  2440.  
  2441.            <ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
  2442.                                                                                                                        <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2443.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/21/T15pFEYAhfe4PSYa.png?s=febc5781089a562b54aa92f383a50283" alt="sport" style="width: 100%; border-radius: 4px;">
  2444.                                </li>
  2445.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2446.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/33/QVsxEuFUnbJUSWvq.png?s=9190358c0cdd06d7ac3b0df8c5bf20bc" alt="sport" style="width: 100%; border-radius: 4px;">
  2447.                                </li>
  2448.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2449.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/23/NpdM33GcsFfWoT9U.png?s=ea658dfab8167b69a2138e13cb63a93c" alt="sport" style="width: 100%; border-radius: 4px;">
  2450.                                </li>
  2451.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2452.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/34/5U6o0ebGTiBShfHF.png?s=59802a7dee2600614d013df3ac3e6d3a" alt="sport" style="width: 100%; border-radius: 4px;">
  2453.                                </li>
  2454.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2455.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/39/sfS8Gcxtut7UhUfQ.png?s=a1075c2c059968332d5f4e241dce2996" alt="sport" style="width: 100%; border-radius: 4px;">
  2456.                                </li>
  2457.                                                                                                    </ul>
  2458.  
  2459.            <div style="padding:20px 0;">
  2460.                <div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
  2461.                    <div style="display: flex;">
  2462.                        <img src="https://penulis4d.dataklmsad902.site/asset/images/game-8-mobile.png?s=23e488a1b54d0b57b1894a6ef19dc4b9" class="hot-games-bounce" alt="sabung ayam" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
  2463.                        <div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Sabung Ayam</div>
  2464.                    </div>
  2465.                    <div onclick="window.location='https://zpenulis4d.xyz/sabung-ayam'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
  2466.                        Lebih Banyak Game
  2467.                    </div>
  2468.                </div>
  2469.            </div>
  2470.  
  2471.            <ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
  2472.                                                                                                                        <li onclick="window.location='https://zpenulis4d.xyz/masuk'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2473.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/29/wvbEnWbNb17vNCcO.png?s=27302759446933fc2b546d453315ae47" alt="cock" style="width: 100%; border-radius: 4px;">
  2474.                                </li>
  2475.                                                                                                    </ul>
  2476.  
  2477.            <div style="padding:20px 0;">
  2478.                <div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
  2479.                    <div style="display: flex;">
  2480.                        <img src="https://penulis4d.dataklmsad902.site/asset/images/game-4-mobile.png?s=63e6251efc14724ae072b55306ab484c" class="hot-games-bounce" alt="tembak ikan" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
  2481.                        <div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Tembak Ikan</div>
  2482.                    </div>
  2483.                    <div onclick="window.location='https://zpenulis4d.xyz/tembak-ikan'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
  2484.                        Lebih Banyak Game
  2485.                    </div>
  2486.                </div>
  2487.            </div>
  2488.  
  2489.            <ul style="list-style-type: none; padding: 0; margin-bottom: 0; display: flex; flex-wrap: wrap; text-align: center;">
  2490.                                                                                                                        <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/31'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2491.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/47/OVssGriZth5EhjaB.png?s=af554c5eba1e24afbcc592f473a7e18d" alt="fish" style="width: 100%; border-radius: 4px;">
  2492.                                </li>
  2493.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/10'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2494.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/19/WhB6ZwNaUh1FaicC.png?s=ac1516665e69a1ad1273ac70780d8ce3" alt="fish" style="width: 100%; border-radius: 4px;">
  2495.                                </li>
  2496.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/3'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2497.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/6/HpN4bTRFqDot7sq4.png?s=c9cf914e1482660816c5bd9acc2a191f" alt="fish" style="width: 100%; border-radius: 4px;">
  2498.                                </li>
  2499.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/5'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2500.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/11/PdoCaJ3tv4YPceEQ.png?s=eda1db17339c340f65b4d158ff2b2ef8" alt="fish" style="width: 100%; border-radius: 4px;">
  2501.                                </li>
  2502.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/8'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2503.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/16/ovvQTpwHZFTyauAL.png?s=2b70fcf935c96646381e23a30419b334" alt="fish" style="width: 100%; border-radius: 4px;">
  2504.                                </li>
  2505.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/26'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2506.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/38/y4zQhrs8056gsrG9.png?s=eee223185be822e35aa37ee237970a74" alt="fish" style="width: 100%; border-radius: 4px;">
  2507.                                </li>
  2508.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/30'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2509.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/44/2EjvyhNMo7IhYHv0.png?s=66d36787e6536e81438cb6fc4f53bdf2" alt="fish" style="width: 100%; border-radius: 4px;">
  2510.                                </li>
  2511.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/tembak-ikan-provider/29'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2512.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/42/RF3e3cnDiWtzpPxE.png?s=4d5023c7bf8799f38f6f6729805cf6b7" alt="fish" style="width: 100%; border-radius: 4px;">
  2513.                                </li>
  2514.                                                                                                                                                </ul>
  2515.  
  2516.            <div style="padding: 20px 0;">
  2517.                <div style="display: flex; background-color: #070707; padding: 4px 0 4px 10px; border-left: 2px solid #D9B08C;">
  2518.                    <div style="display: flex;">
  2519.                        <img src="https://penulis4d.dataklmsad902.site/asset/images/game-6-mobile.png?s=7925b9682d24c145c273d393f412ebe4" class="hot-games-bounce" alt="virtual" style="margin: auto 0; width: 20px; height: 20px; animation-duration: 3s; animation-iteration-count: infinite;">
  2520.                        <div style="margin: auto 0; color: #D9B08C; font-weight: bold; font-size: 16px; padding-left: 6px;">Virtual</div>
  2521.                    </div>
  2522.                    <div onclick="window.location='https://zpenulis4d.xyz/virtual'" style="cursor: pointer; margin: auto 0 auto auto; background-color: #D9B08C; border-radius: 25px; color: #fff; padding: 4px 16px;">
  2523.                        Lebih Banyak Game
  2524.                    </div>
  2525.                </div>
  2526.            </div>
  2527.  
  2528.            <ul style="list-style-type: none; padding: 0 0 20px 0;; display: flex; flex-wrap: wrap; text-align: center;">
  2529.                                                                                                                        <li onclick="window.location='https://zpenulis4d.xyz/virtual-provider/1'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2530.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/3/v8SoZ8YDSllm4bnH.png?s=3602028904280a38ba55539203db03d7" alt="virtual" style="width: 100%; border-radius: 4px;">
  2531.                                </li>
  2532.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/virtual-provider/3'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2533.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/7/EmWHQHv3khjIG6Jb.png?s=8389ade7dc22a2252d430b9fdaf08ad6" alt="virtual" style="width: 100%; border-radius: 4px;">
  2534.                                </li>
  2535.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/virtual-provider/4'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2536.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/9/COH9PQVpYiFScBlH.png?s=fe1a6f4c9516cc25530a608d615aa528" alt="virtual" style="width: 100%; border-radius: 4px;">
  2537.                                </li>
  2538.                                                                                                                                                            <li onclick="window.location='https://zpenulis4d.xyz/virtual-provider/6'" style="cursor: pointer; display: inline-block; width: 12.5%; margin-bottom: 1%; padding: 0 15px 0 0;">
  2539.                                    <img src="https://onelive.dataklmsad902.site/images/provider-game/14/mrrP7P7QLTuH5XcL.png?s=1431eee195edf56558ac6a504d285475" alt="virtual" style="width: 100%; border-radius: 4px;">
  2540.                                </li>
  2541.                                                                                                    </ul>
  2542.        </div>
  2543.    </div>
  2544.  
  2545.            <div class="overlay" style="display: none; position: fixed; z-index: 1040; top: 0; left: 0; width: 100%; height: 13798px; background: rgb(0, 0, 0); opacity: 0.7;"></div>
  2546.        <nav class="circular-menu">
  2547.            <input class="circular-menu__button" id="circular-menu" type="checkbox" href="javascript: void 0"/>
  2548.            <label class="circular-menu__icon" for="circular-menu">
  2549.                <i class="fa fa-bars" style="font-size: 25px; vertical-align: middle;"></i>
  2550.            </label>
  2551.                            <a class="circular-menu__item" href="https://penulis4d.com/slot-rtp/1">
  2552.                    <img src="https://penulis4d.dataklmsad903.site/images/backlink-alt/1/unghYToVumRpryXb.gif" width="45" height="45" border="0" alt="RTP" style="border-radius: 100%; margin-top: -3px;">
  2553.                </a>
  2554.                    </nav>
  2555.        <div class="setting_welcome" style="display: none;">
  2556.        <div class="modal-backdrop"></div>
  2557.        <div class="modal modal-info" data-backdrop="static" role="dialog" style="display: block;">
  2558.            <div class="modal-dialog" role="document">
  2559.                <div class="modal-content">
  2560.                    <div class="modal-header" style="display: block;">
  2561.                        <button type="button" class="close close-modal close-notif" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
  2562.                    </div>
  2563.                    <div class="modal-body" style="padding: 8px;"></div>
  2564.                </div>
  2565.            </div>
  2566.        </div>
  2567.    </div>
  2568. </div>
  2569.        <div style="background-color: #116466; padding: 10px; display: flex; margin: 0 auto;">
  2570.    </div>
  2571.  
  2572. <div class="footer-bg" style="background:url(https://penulis4d.dataklmsad902.site/asset/images/footer.jpg?s=b9f2a6d4574d77e63170213f26e25b72) no-repeat center center fixed; position: relative; background-size: cover; width: 100%; padding: 40px 0 20px 0; color: #F1F2F3;">
  2573.    <div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;">
  2574.        <div style="font-size: 16px;">
  2575.            Bekerja sama dengan BANK :
  2576.        </div>
  2577.  
  2578.        <ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 30px; display: flex; flex-wrap: wrap; text-align: center;">
  2579.                                                <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2580.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2581.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/1/fL5Z32DIewJIIPzV.png?s=6bee58eeb5459ed7bc483e3dfd33e03a" alt="BCA" style="width: 80%;">
  2582.                        </div>
  2583.                    </li>
  2584.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2585.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2586.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/2/aTw3LGEOsgxsNr3l.png?s=8916e743230bdd3bd0d9a228ec98c564" alt="BNI" style="width: 80%;">
  2587.                        </div>
  2588.                    </li>
  2589.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2590.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2591.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/3/2okDstxS5PFTHFSD.png?s=ac7d41dae92c6488f908ae6e5be6bbf5" alt="BRI" style="width: 80%;">
  2592.                        </div>
  2593.                    </li>
  2594.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2595.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2596.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/4/ize43DtDGujBZFrG.png?s=fd48067382dfd9f80f1e77d15ae3e10f" alt="CIMB" style="width: 80%;">
  2597.                        </div>
  2598.                    </li>
  2599.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2600.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2601.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/5/EQUPkhEIDFpR6OZq.png?s=93587adb9350a63167696d9d60ee61fa" alt="Mandiri" style="width: 80%;">
  2602.                        </div>
  2603.                    </li>
  2604.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2605.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2606.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/6/pLOfsDMb8bt4mh9U.png?s=4e96a40491df3176a14ce0678fcaf9e8" alt="Danamon" style="width: 80%;">
  2607.                        </div>
  2608.                    </li>
  2609.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2610.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2611.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/7/b5pCiM7wahOHaVf3.png?s=33fe3a7d603481f01738f9fb43b4beac" alt="OVO" style="width: 80%;">
  2612.                        </div>
  2613.                    </li>
  2614.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2615.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2616.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/8/jMK8ubz1DpDQ9tCX.png?s=b044856d06eb48e061785443cd99e689" alt="GOPAY" style="width: 80%;">
  2617.                        </div>
  2618.                    </li>
  2619.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2620.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2621.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/9/BYdT95YoYG7G7i9m.png?s=60e1419471c33a02057cd0a1b2952ca9" alt="DANA" style="width: 80%;">
  2622.                        </div>
  2623.                    </li>
  2624.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2625.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2626.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/10/JBePFuIDhuu01Fue.png?s=981a2dfe1c96a68716a08f499167f718" alt="LINKAJA" style="width: 80%;">
  2627.                        </div>
  2628.                    </li>
  2629.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2630.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2631.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/11/Y09GXMBm4gcNQdPW.png?s=67a70bda80630f95bb4e1b08b0c13fbc" alt="BANK JAGO" style="width: 80%;">
  2632.                        </div>
  2633.                    </li>
  2634.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2635.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2636.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/12/xfLv7rHHaxXcLWnG.png?s=6013c183ed0b21c3ea8239bdf0d21e48" alt="SAKUKU" style="width: 80%;">
  2637.                        </div>
  2638.                    </li>
  2639.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2640.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2641.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/13/smtMFCge6O5rukhj.png?s=13687466161149f275990d4c4901fea8" alt="BSI" style="width: 80%;">
  2642.                        </div>
  2643.                    </li>
  2644.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2645.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2646.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/14/HVUIcLxgEtEJLg8l.png?s=db111bb02829ede89939c2ea7bba446e" alt="SEABANK" style="width: 80%;">
  2647.                        </div>
  2648.                    </li>
  2649.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2650.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2651.                            <img src="https://penulis4d.dataklmsad902.site/images/bank-list/15/LQbjlPKBHcOHFiFd.png?s=e9f82a373c2d768899cc0ccd0015dcda" alt="BCA DIGITAL" style="width: 80%;">
  2652.                        </div>
  2653.                    </li>
  2654.                                    </ul>
  2655.  
  2656.        <div style="font-size: 16px;">
  2657.            Bekerja sama dengan PROVIDER :
  2658.        </div>
  2659.  
  2660.        <ul style="list-style-type: none; padding: 15px 0 0 0; margin-bottom: 40px; display: flex; flex-wrap: wrap; text-align: center;">
  2661.                                                <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2662.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2663.                            <img src="https://onelive.dataklmsad902.site/images/provider/1/hP4uaW1j9K2AlyVv.png?s=0c1a06e119b58acd698ef1091217d552" alt="Pragmatic" style="width: 80%;">
  2664.                        </div>
  2665.                    </li>
  2666.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2667.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2668.                            <img src="https://onelive.dataklmsad902.site/images/provider/2/w9D4o4hXE6Ffxkct.png?s=0d3f7c6effc1f0253f6e2c444b7f90cb" alt="Pg Soft" style="width: 80%;">
  2669.                        </div>
  2670.                    </li>
  2671.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2672.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2673.                            <img src="https://onelive.dataklmsad902.site/images/provider/3/Qn9ydbba5HAHVpqt.png?s=692de7725be24ba4808127c6bfad7b9b" alt="Joker" style="width: 80%;">
  2674.                        </div>
  2675.                    </li>
  2676.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2677.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2678.                            <img src="https://onelive.dataklmsad902.site/images/provider/4/STgyifWgfxZX8Xdd.png?s=8291d155fe1d0f7acee296fc3cec543e" alt="Habanero" style="width: 80%;">
  2679.                        </div>
  2680.                    </li>
  2681.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2682.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2683.                            <img src="https://onelive.dataklmsad902.site/images/provider/5/7NyF4s7qBEfZdzYv.png?s=45219c72f2c9f28f53053a776c704497" alt="Spade Gaming" style="width: 80%;">
  2684.                        </div>
  2685.                    </li>
  2686.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2687.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2688.                            <img src="https://onelive.dataklmsad902.site/images/provider/6/4qvaCEyPoRKnSoRK.png?s=cc0473fc85f555b7bfad7b552ea4105a" alt="Play&#039;n Go" style="width: 80%;">
  2689.                        </div>
  2690.                    </li>
  2691.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2692.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2693.                            <img src="https://onelive.dataklmsad902.site/images/provider/8/qVj2pc4tq5jNTETa.png?s=1f2d4b59d3451cf46899c2e5c69fb208" alt="JiLi" style="width: 80%;">
  2694.                        </div>
  2695.                    </li>
  2696.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2697.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2698.                            <img src="https://onelive.dataklmsad902.site/images/provider/9/2bxUoiMZiTUWITao.png?s=d0c04275e5cb677cc6e78efd1f583651" alt="Naga" style="width: 80%;">
  2699.                        </div>
  2700.                    </li>
  2701.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2702.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2703.                            <img src="https://onelive.dataklmsad902.site/images/provider/10/oRI9UH3PqlrVdkrc.png?s=d76ce8d95ac4aa522adc4367a9a94e3a" alt="CQ9" style="width: 80%;">
  2704.                        </div>
  2705.                    </li>
  2706.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2707.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2708.                            <img src="https://onelive.dataklmsad902.site/images/provider/11/hU7lEGuKZbz9OLTP.png?s=b46f90dd4c4761cf1a292cc16719a46b" alt="SA Gaming" style="width: 80%;">
  2709.                        </div>
  2710.                    </li>
  2711.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2712.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2713.                            <img src="https://onelive.dataklmsad902.site/images/provider/12/ApAdJUPi82CnZTCY.png?s=8ec2da22891b85e71a18b776af3a503b" alt="Saba" style="width: 80%;">
  2714.                        </div>
  2715.                    </li>
  2716.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2717.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2718.                            <img src="https://onelive.dataklmsad902.site/images/provider/13/TIHHJatZGX0j0E7O.png?s=fa3e860d0ce82599df6938a010f1628f" alt="Sbobet" style="width: 80%;">
  2719.                        </div>
  2720.                    </li>
  2721.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2722.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2723.                            <img src="https://onelive.dataklmsad902.site/images/provider/14/PCIJfHBobXU23DYh.png?s=3a63f875acee16a8ef21c9bcaffe81ff" alt="Evo Gaming" style="width: 80%;">
  2724.                        </div>
  2725.                    </li>
  2726.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2727.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2728.                            <img src="https://onelive.dataklmsad902.site/images/provider/15/z3JBuC9gdC8YRGi5.png?s=90fed7dc3a7804421e6c655d38f3d99e" alt="Red Tiger" style="width: 80%;">
  2729.                        </div>
  2730.                    </li>
  2731.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2732.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2733.                            <img src="https://onelive.dataklmsad902.site/images/provider/16/qKNOBHGMC3Wg7dUY.png?s=8a57964852006387eb6c7cf26f1fb82b" alt="NetEnt" style="width: 80%;">
  2734.                        </div>
  2735.                    </li>
  2736.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2737.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2738.                            <img src="https://onelive.dataklmsad902.site/images/provider/17/kFdpl9SeA38NdO7f.png?s=d01692b4234fe3f2985f293e266606c6" alt="BTG" style="width: 80%;">
  2739.                        </div>
  2740.                    </li>
  2741.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2742.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2743.                            <img src="https://onelive.dataklmsad902.site/images/provider/18/8txgJayRQEb6bL12.png?s=669b1d10d409f465fda22de247387347" alt="Cock Fighting" style="width: 80%;">
  2744.                        </div>
  2745.                    </li>
  2746.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2747.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2748.                            <img src="https://onelive.dataklmsad902.site/images/provider/19/BOPxvOvQoOweFna3.png?s=a084849a081d7af4377a2c9e3aaff912" alt="WM" style="width: 80%;">
  2749.                        </div>
  2750.                    </li>
  2751.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2752.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2753.                            <img src="https://onelive.dataklmsad902.site/images/provider/20/EpMjjKkesBhNT5lI.png?s=7e087d13f401388c577bdde1f023cdda" alt="YeeBet" style="width: 80%;">
  2754.                        </div>
  2755.                    </li>
  2756.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2757.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2758.                            <img src="https://onelive.dataklmsad902.site/images/provider/21/gmmomXzsKnwrcfOJ.png?s=267e1c0142870f9858060b40ac73b5a9" alt="Sexy Gaming" style="width: 80%;">
  2759.                        </div>
  2760.                    </li>
  2761.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2762.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2763.                            <img src="https://onelive.dataklmsad902.site/images/provider/22/YMB5vRqv4ay7ACM5.png?s=6670c3845f2da1827a55ae1bfa2462f6" alt="Pinnacle" style="width: 80%;">
  2764.                        </div>
  2765.                    </li>
  2766.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2767.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2768.                            <img src="https://onelive.dataklmsad902.site/images/provider/23/YpMisNvksbUZnl9M.png?s=3aba401d3b2c42468147d54f3be11003" alt="UG Gaming" style="width: 80%;">
  2769.                        </div>
  2770.                    </li>
  2771.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2772.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2773.                            <img src="https://onelive.dataklmsad902.site/images/provider/24/OxRGZisxBcqAj8eM.png?s=49da75707fdd923721f606337fd4c28f" alt="No Limit City" style="width: 80%;">
  2774.                        </div>
  2775.                    </li>
  2776.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2777.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2778.                            <img src="https://onelive.dataklmsad902.site/images/provider/25/TS5Hs0Er3bKNf1Gm.png?s=4dbe1468ccec4383f16da320a5819a24" alt="AG Gaming" style="width: 80%;">
  2779.                        </div>
  2780.                    </li>
  2781.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2782.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2783.                            <img src="https://onelive.dataklmsad902.site/images/provider/26/YhxpfaUCngU9U9zA.png?s=ef4e33962413316e2636f1b9c752c97a" alt="WM Slot" style="width: 80%;">
  2784.                        </div>
  2785.                    </li>
  2786.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2787.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2788.                            <img src="https://onelive.dataklmsad902.site/images/provider/27/p7g9ot1imVr9V8ei.png?s=481bfbc292f112106c975ca6ab583900" alt="CMD" style="width: 80%;">
  2789.                        </div>
  2790.                    </li>
  2791.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2792.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2793.                            <img src="https://onelive.dataklmsad902.site/images/provider/28/wbqQE1MyfQYM6gIG.png?s=10d52b5156314fe9fcfde983e7704d32" alt="WE" style="width: 80%;">
  2794.                        </div>
  2795.                    </li>
  2796.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2797.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2798.                            <img src="https://onelive.dataklmsad902.site/images/provider/29/4Q4HAv8VBYlUHAjZ.png?s=fb6b8024aec84e0d49d5dc459a1130c2" alt="FaChai" style="width: 80%;">
  2799.                        </div>
  2800.                    </li>
  2801.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2802.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2803.                            <img src="https://onelive.dataklmsad902.site/images/provider/30/3TxQyknwmOKq4aUq.png?s=ed76e8f72a750ca326cc15f20330a8d9" alt="Rich88" style="width: 80%;">
  2804.                        </div>
  2805.                    </li>
  2806.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2807.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2808.                            <img src="https://onelive.dataklmsad902.site/images/provider/31/NQLOXaCrM298SxMK.png?s=92b1908c8bd6fb4a121a9061208a6696" alt="MicroGaming" style="width: 80%;">
  2809.                        </div>
  2810.                    </li>
  2811.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2812.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2813.                            <img src="https://onelive.dataklmsad902.site/images/provider/32/lvQoNDpqIVWb0zas.png?s=12c66a843ce48436e387f3255d2dcd9f" alt="Fast Spin" style="width: 80%;">
  2814.                        </div>
  2815.                    </li>
  2816.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2817.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2818.                            <img src="https://onelive.dataklmsad902.site/images/provider/33/fnDYskKRsM11p1Uf.png?s=8ef6d92181c72c61223f18c53c925711" alt="PlayTech" style="width: 80%;">
  2819.                        </div>
  2820.                    </li>
  2821.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2822.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2823.                            <img src="https://onelive.dataklmsad902.site/images/provider/34/ECNzxNfUvkFm4fci.png?s=ed0849f8c5261b233b51afae96f1609b" alt="Besoft" style="width: 80%;">
  2824.                        </div>
  2825.                    </li>
  2826.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2827.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2828.                            <img src="https://onelive.dataklmsad902.site/images/provider/35/DPmzuCH2rQlEDfqa.png?s=8c89e3800cdf86711f4eea6475553294" alt="Yggdrasil" style="width: 80%;">
  2829.                        </div>
  2830.                    </li>
  2831.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2832.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2833.                            <img src="https://onelive.dataklmsad902.site/images/provider/36/gQsHrMWuWIn6Jkwd.png?s=f1f892d7f39f91d3dd064087aa7febca" alt="Relax" style="width: 80%;">
  2834.                        </div>
  2835.                    </li>
  2836.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2837.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2838.                            <img src="https://onelive.dataklmsad902.site/images/provider/37/PcM0ND3RJmzOwkyM.png?s=5479cd9954b747414f0c5d39c18cfff5" alt="Hacksaw" style="width: 80%;">
  2839.                        </div>
  2840.                    </li>
  2841.                                    <li style="display: inline-block; width: 10%; padding: 0 8px 0 0; margin-bottom: 10px;">
  2842.                        <div style="padding: 8px; border: 1px solid #D9B08C; border-radius: 4px;">
  2843.                            <img src="https://onelive.dataklmsad902.site/images/provider/38/JMWGAwRJouC2hmH6.png?s=e405cc4886eebb07f0ce0214d39d3ad1" alt="GG Soft" style="width: 80%;">
  2844.                        </div>
  2845.                    </li>
  2846.                                    </ul>
  2847.    </div>
  2848.  
  2849.    <footer>
  2850.        <div style="width: 95%; margin: 0 auto; max-width: 1280px; position: relative; z-index: 2;">
  2851.                                                <h2>PENULIS4D : Platform Bandar Toto Macau Terlengkap Paling Di Cari</h2>
  2852. <p><strong><a href="https://linklist.bio/penulis4d">PENULIS4D</a></strong> menjadi patform resmi <a href="https://idolapenulis4d.art/">bandar toto macau</a> paling lengkap dengan pengeluaran tercepat dan terpercaya sangat mudah di pahami dalam prize togel online hari ini. modal 10.000 wajib jp 2D 3D 4D.</p>
  2853. <p>&nbsp;</p>
  2854.                                    </div>
  2855.  
  2856.        <div style="font-weight: bold; color: #fff; text-align: center; padding: 35px 20px 15px 20px; position: relative; z-index: 2;">
  2857.            <h1 style="font-size: 18px; margin-top: 0;">©2025 PENULIS4D. All rights reserved | 18+</h1>
  2858.        </div>
  2859.    </footer>
  2860. </div>
  2861. <script src="https://penulis4d.dataklmsad903.site/vendor/jquery/jquery.min.js"></script>
  2862. <script src="https://penulis4d.dataklmsad903.site/vendor/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  2863. <script src="https://penulis4d.dataklmsad903.site/js/custom.min.js?v=2"></script>
  2864. <script type="text/javascript">
  2865.    $('.close-modal').on('click',function(){
  2866.        $(".modal-info").remove();
  2867.        $(".modal-backdrop").remove();
  2868.    });
  2869.        $('.circular-menu__icon').on('click', function () {
  2870.        $(".overlay").toggleClass("show");
  2871.        if ($('.circular-menu__button').is(":checked")) {
  2872.            $('.circular-menu__icon').html('<i class="fa fa-bars" style="font-size: 25px; vertical-align: middle;"></i>').css('background', 'linear-gradient(#5F70FB, #4E63FA)').css('left', '0').css('z-index', '7');
  2873.            $('.circular-menu__item').css('left', '0').css('z-index', '5').css('width', '45px').css('height', '45px').css('line-height', '45px');
  2874.        } else {
  2875.            $('.circular-menu__icon').html('<i class="fa fa-close" style="font-size: 25px; vertical-align: middle;"></i>').css('background', 'linear-gradient(#E62525, #B10202)').css('left', 'calc(50% - 35px)').css('z-index', '1055');
  2876.            $('.circular-menu__item').css('left', 'calc(50% - 35px)').css('z-index', '1049').css('width', '60px').css('height', '60px').css('line-height', '60px');
  2877.        }
  2878.    });
  2879.        $('.overlay').on('click',function(){
  2880.        $(".overlay").removeClass("show");
  2881.                $('.circular-menu__button').prop('checked', false);
  2882.        $('.circular-menu__icon').html('<i class="fa fa-bars" style="font-size: 25px; vertical-align: middle;"></i>').css('background', 'linear-gradient(#5F70FB, #4E63FA)').css('left', '0').css('z-index', '7');
  2883.        $('.circular-menu__item').css('left', '0').css('z-index', '5').css('width', '45px').css('height', '45px').css('line-height', '45px');
  2884.            });
  2885. </script>
  2886.    <script>
  2887.        $(document).on('click', '.close-notif', function() {
  2888.            $('.notif').remove();
  2889.  
  2890.            $.ajax({
  2891.                url: 'https://zpenulis4d.xyz/tutup-notifikasi',
  2892.                type: "GET",
  2893.                success: function() {
  2894.                    return true;
  2895.                },
  2896.                error: function(res) {
  2897.                    toastr['error'](res.error);
  2898.                }
  2899.            });
  2900.        });
  2901.  
  2902.        $(document).ready(function() {
  2903.            $.ajax({
  2904.                url: 'https://zpenulis4d.xyz/get-configuration?ref_id=',
  2905.                type: "GET",
  2906.                success: function(data) {
  2907.                    if (data.redirect != null) {
  2908.                        window.location.href = data.redirect;
  2909.                    }
  2910.                    if (data.close_notification === false) {
  2911.                        if (data.setting_welcome.description != null) {
  2912.                            $('.setting_welcome').css('display', 'block');
  2913.                            $('.modal-body').append(data.setting_welcome.description);
  2914.                        }
  2915.                        if (data.setting_welcome.path_link != null) {
  2916.                            $('.setting_welcome').css('display', 'block');
  2917.                            $('.modal-body').append('<div><img src="' + data.setting_welcome.path_link + '" alt="info" style="width: 100%;"></div>');
  2918.                        }
  2919.                    }
  2920.  
  2921.                    if (data.lottery_market.length != 0) {
  2922.                        $.each( data.lottery_market, function( key, value ) {
  2923.                            if (key < 4) {
  2924.                                if (value.website != null) {
  2925.                                    route = value.website;
  2926.                                } else {
  2927.                                    route = 'https://zpenulis4d.xyz';
  2928.                                }
  2929.                                $('.lottery_market').append('<li style="display: inline-block; width: 25%; margin-bottom: 1%; padding: 0 15px 0 0;">' +
  2930.                                    '<div style="margin-right: 10px; margin-top: -10px; width: 100%;">' +
  2931.                                    '<div onclick="window.open(`' + route + '`, `_blank`)" style="cursor: pointer; background-color: #298746; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 6px 12px;">' +
  2932.                                    (value.logo_link != null ? '<div style="color: #FDC23A; font-weight: 500; font-size: 15px; display: flex;"><img src="' + value.logo_link + '" alt="' + value.name + '" style="height: 30px; margin: auto 6px auto auto;"><div style="margin: auto auto auto 0;">' + value.name + '</div></div>' : '<div style="color: #FDC23A; font-weight: 500; font-size: 15px;">' + value.name + '</div>') +
  2933.                                    '<div style="font-weight: 500; font-size: 13px;">' + (value.day_off_desc_implode != null ? '( ' + value.day_off_desc_implode + ' Off )' : '( Setiap Hari )') + '</div>' +
  2934.                                    '</div>' +
  2935.                                    '<div style="background-color: #47544e; border-bottom: 2px solid #298746; padding: 8px 12px; display: flex;">' +
  2936.                                    '<div style="font-size: 13px; font-weight: 500; margin: auto 10px auto auto;">' + value.date_desc + '<div>' + value.date_desc2 + '</div></div>' +
  2937.                                    '<div style="color: #000; font-size: 15px; margin: auto;">' +
  2938.                                    (value.prize != 1 ? '<table style="margin: 0 0 0 auto; font-weight: 500; text-align: center;">' +
  2939.                                        '<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
  2940.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[0] + '</div></td>' +
  2941.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[1] + '</div></td>' +
  2942.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[2] + '</div></td>' +
  2943.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_1_split[3] + '</div></td>' +
  2944.                                        '</tr>' +
  2945.                                        '</table>' +
  2946.                                        '<table style="margin: 10px 0 0 auto; font-weight: 500; text-align: center;">' +
  2947.                                        '<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
  2948.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[0] + '</div></td>' +
  2949.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[1] + '</div></td>' +
  2950.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[2] + '</div></td>' +
  2951.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_2_split[3] + '</div></td>' +
  2952.                                        '</tr>' +
  2953.                                        '</table>' +
  2954.                                        '<table style="margin: 10px 0 0 auto; font-weight: 500; text-align: center;">' +
  2955.                                        '<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
  2956.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[0] + '</div></td>' +
  2957.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[1] + '</div></td>' +
  2958.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[2] + '</div></td>' +
  2959.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.prize_3_split[3] + '</div></td>' +
  2960.                                        '</tr>' +
  2961.                                        '</table>' : '<table style="margin: 0 0 0 auto; font-weight: 500; text-align: center;">' +
  2962.                                        '<tr onclick="window.location=`https://' + data.domain + '/togel/pasaran-' + value.id + '`" style="cursor: pointer;">' +
  2963.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[0] + '</div></td>' +
  2964.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[1] + '</div></td>' +
  2965.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[2] + '</div></td>' +
  2966.                                        '<td style="padding-right: 6px;"><div style="background-color: #D9B08C; color: #fff; width: 27px; line-height: 27px; border-radius: 6px; box-shadow: 1px .125rem .5rem rgba(0, 0, 0, .3);">' + value.number_split[3] + '</div></td>' +
  2967.                                        '</tr>' +
  2968.                                        '</table>' ) +
  2969.                                    '</div>' +
  2970.                                    '</div>' +
  2971.                                    '<div style="background-color: #47544e; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; padding: 6px 12px; font-size: 13px;">' +
  2972.                                    'Tutup: ' + value.time_off_desc + ' | Buka: ' + value.time_on_desc +
  2973.                                    '</div>' +
  2974.                                    '</div>' +
  2975.                                    '</li>');
  2976.                            }
  2977.                        });
  2978.                    }
  2979.                    return true;
  2980.                },
  2981.                error: function(res) {
  2982.                    toastr['error'](res.error);
  2983.                }
  2984.            });
  2985.        });
  2986.    </script>
  2987. <script defer src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon='{"version":"2024.11.0","token":"16090ed4397b44ecbcb73135a4754d9b","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
  2988. </body>
  2989. </html>
  2990.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda