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: https://bullhandy.com//

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>Sukatoto: Situs Terbaik Game Online Gacor Gampang Menang</title>
  7.        <meta name="google-site-verification" content="LNgmrfcar1KhNwS2LGA9dwARxas7yF3875mQUz8UQno" />
  8. <meta name="google-site-verification" content="2tJs__xgwXiMKi04b1nUKbwhv8sxqC_76M8NIk4CWEk" />
  9. <meta name="google-site-verification" content="Jnr5kX1sFYhssBBhg_6HhhrHsCNitlOOGhNbRIh7c4k" />
  10. <meta name="google-site-verification" content="SJo8RmvqktLcF2veDb4mdo-KxiHspTuDfzimX5TPG-s" />
  11. <meta name="google-site-verification" content="qviBRmR9zWnlOdBh5N4Oowa_fPa7yBz_Z0cpdhAgSto" />
  12. <meta name="google-site-verification" content="YAd4F7ae9aujBggAn5C2u0JUG4kQm2hWmwhEym0g8mc" />
  13. <meta name="google-site-verification" content="Dw0hvR37aevNnqIG8Vp-VlEMhDsQ9Bbtyq7cOJ2vU0Y" />
  14. <meta name="google-site-verification" content="_fCjIWVQpVz-cQE5viIefKcs6zfXCpwGf08NFAeZaU4" />
  15. <meta name="google-site-verification" content="fEDJV0XrSkTAst7KTk2TmSvWRq2kuL_013hKPBVPgZg" />
  16. <meta name="description" content="Sukatoto adalah situs terpercaya game online gacor gampang menang yang menawarkan pengalaman bermain terbaik, peluang menang tinggi dan berbagai pilihan game." />
  17. <meta name="keywords" content="sukatoto, game online gacor, situs game online terbaik, jackpot besar, promosi game online, game seru, game online terpercaya, peluang menang tinggi, main game online, menang terus" />
  18. <meta property="og:locale" content="id-ID" />
  19. <meta property="og:type" content="website" />
  20. <meta property="og:title" content="Sukatoto: Situs Terbaik Game Online Gacor Gampang Menang" />
  21. <meta property="og:description" content="Sukatoto adalah situs terpercaya game online gacor gampang menang yang menawarkan pengalaman bermain terbaik, peluang menang tinggi dan berbagai pilihan game." />
  22. <meta property="og:url" content="https://vipsukatoto.com" />
  23. <meta property="og:site_name" content="sukatoto" />
  24. <meta name="language" content="id-ID" />
  25. <meta name="geo.region" content="Indonesia" />
  26. <meta name="geo.placename" content="Jakarta" />
  27. <meta name="categories" content="website" />
  28. <link rel="amphtml" href="https://gameonline.it.com/vipsukatoto/">
  29. <link rel="canonical" href="https://vipsukatoto.com" />
  30. <meta name="robots" content="index,follow"/>
  31. <meta name="googlebot" content="index,follow"/>
  32. <link rel="shortcut icon" type="image/x-icon" href="https://apksktt.xyz/image/favicon.png" />
  33.  
  34. <div id="banner1" style="position: fixed;bottom: 320px;left: 10px;z-index: 100;width: 50px;height: 50px;">
  35. <!--Mulai disini-->
  36. <a href="https://rebrand.ly/whatsappsukatoto" target="_blank" rel="nofollow"><img src="https://apksktt.xyz/img/whatsapp.gif" width="50" height="50"></a>
  37. <!--Akhir disini-->
  38. </div>
  39. <div id="banner2" style="position: fixed;bottom: 265px;left: 10px;z-index: 100;width: 50px;height: 50px;">
  40. <!--Mulai disini-->
  41. <a href="https://rebrand.ly/rtpsukatoto" target="_blank" rel="nofollow"><img src="https://apksktt.xyz/img/rtpslot.gif" width="50" height="50"></a>
  42. <!--Akhir disini-->
  43. </div>
  44. <div id="banner3" style="position: fixed;bottom: 210px;left: 10px;z-index: 100;width: 50px;height: 50px;">
  45. <!--Mulai disini-->
  46. <a href="https://rebrand.ly/sukaputar" target="_blank" rel="nofollow"><img src="https://apksktt.xyz/img/luckyspin.gif" width="50" height="50"></a>
  47. <!--Akhir disini-->
  48. </div>
  49.  
  50. <style>
  51. .menu-item>label{font-weight:bold!important;font-family: 'Abel'!important;color:#fff!important;font-size: 1.2rem;}
  52. .menu-item>label:hover, .bantuan-item:hover {color: #ffce00!important;}
  53. .menu-item desktop-only {color: #ffce00!important;}
  54. .btn-promosi {background: transparent!important;font-weight: bold!important;font-family: 'Abel'!important;color: #fff!important;-webkit-text-fill-color:#fff!important;font-size:1.2rem!important;}
  55. .btn-promosi:hover {color: #ffce00!important;-webkit-text-fill-color:#ffce00!important;}
  56. .marquee{background: linear-gradient(180deg,#c08f28 0%,#fee799 50%,#c08f28)!important;font-weight:bold;font-size: 1rem!important;}
  57. .running>.marquee-shadow{background:none!important;}
  58. div.menu-mobile div:nth-child(1) {background: linear-gradient(180deg,#c08f28 0%,#fee799 50%,#c08f28)!important;}
  59. div.menu-mobile div:nth-child(2) {background: linear-gradient(180deg,#c08f28 0%,#fee799 50%,#c08f28)!important;}
  60. div#menu-mobile div {background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)!important}
  61. .result>.tanggal {background: linear-gradient(180deg,#c08f28 0%,#fee799 50%,#c08f28)!important;font-weight:bold;}
  62. @media only screen and (max-width: 1000px) {.menu-item>img {filter: brightness(2);}}
  63. @media only screen and (max-width: 1000px) {.result>.tanggal {background: transparent!important;}}
  64. @media only screen and (max-width: 1000px) {.footer {padding-bottom: 140px!important;}}
  65. .footer {background: #3c2d00!important;border-top: 2px solid #9d8640!important;}
  66. .footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 {color: #ffce00!important;font-weight: bold!important;text-transform: uppercase;font-family: abel;}
  67. .footer a{color: #ffce00!important;text-decoration: none!important;font-weight: bold;}
  68. .my-navbar{height: 75px!important;box-shadow:none!important}
  69. .navbar-item-content{top:0!important;padding: 8px;}
  70. .navbar-item-content>label {font-size: 1.2rem!important;font-family: abel;}
  71. .promo-sukatoto {width: 100%;border-top: 0px;margin-top: 0px;}
  72. .promo-sukatoto p {text-align:justify;}
  73. .promo-sukatoto ol {text-align:justify;}
  74. .promo-sukatoto h1, .promo-sukatoto h2, .promo-sukatoto h3 {color:gold;}
  75. .promo-sukatoto strong {letter-spacing: 1px;color:gold;}
  76. .promo-sukatoto .promo-title {font-size: 29px;}
  77. .promo-sukatoto .center {text-align: center;}
  78. .promo-sukatoto img {width: 100%;max-width: 100%;}
  79. .promo-sukatoto .collapsible {cursor: pointer;padding: 0px;width: 100%;border: 0 none;text-align: left;outline: none;font-size: 15px;margin-bottom: 2px;background: none;background-color: transparent;}
  80. .promo-sukatoto .content {padding: 0 18px;display: none;overflow: hidden;clear: both;}
  81. .promo-sukatoto .promo ul {padding: 0;margin: 0 0 10px 40px;list-style: disc;}
  82. .promo-sukatoto .promo ul li, .promo-sukatoto .promo ol li {padding: 0;margin: 0 0 3px;float: inherit;}
  83. </style>
  84.  
  85. <script>
  86.   (function(){
  87.    addEventListener("click", function(e) {
  88.      if((e.target.classList && e.target.classList.contains("collapsible")) || (e.target.parentNode.classList && e.target.parentNode.classList.contains("collapsible"))) {
  89.        var target = e.target.classList && e.target.classList.contains("collapsible") ? e.target : e.target.parentNode;
  90.        target.classList.toggle("active");
  91.         var content = target.nextElementSibling;
  92.        if (content.style.display === "block") {
  93.          content.style.display = "none";
  94.        } else {
  95.          content.style.display = "block";
  96.        }
  97.      }
  98.    })
  99.   })();
  100.  </script>
  101. <!-- promo -->
  102.  
  103. <style>
  104. .hover {top: 162px!important;}
  105. .server {margin: 10px;}
  106. .server-select {max-width: 400px;padding: 8px 12px;font-size: 18px;color: #dec64a; /* Warna teks default hijau */background-color: #111827;border: 1px solid #dec64a;cursor: pointer;margin: 0 auto;display: block;transition: all 0.2s ease;}
  107. .server-select:hover {background-color: #1f2937;border-color: #dec64a;box-shadow: 0 0 10px rgba(34, 197, 94, 0.2);}
  108. .server-select:focus {outline: none;border-color: #dec64a;box-shadow: 0 0 0 2px rgba(34, 197, 94, 0.3);}
  109. .server-select option {background-color: #111827;color: #dec64a !important; /* Warna teks option hijau & force dengan !important */padding: 8px;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
  110. .server-select option:first-child {color: #dec64a !important; /* Memastikan warna konsisten */font-weight: bold;text-align: center;}
  111. /* Loading overlay */
  112. .loading-overlay {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);justify-content: center;align-items: center;z-index: 1000;}
  113. .loading-content {text-align: center;color: #dec64a;font-size: 20px;font-weight: bold;}
  114. .loading-spinner {border: 4px solid rgba(34, 197, 94, 0.1);border-left: 4px solid #dec64a;border-radius: 50%;width: 40px;height: 40px;animation: spin 1s linear infinite;margin: 0 auto 15px auto;}
  115. @keyframes spin {0% { transform: rotate(0deg); }100% { transform: rotate(360deg); }}
  116. /* Tambahan untuk memastikan konsistensi di mobile */
  117. @media (max-width: 768px) {.server-select option {color: #dec64a !important;}}
  118. </style>
  119.  
  120. <!-- Loading Overlay -->
  121. <div class="loading-overlay" id="loadingOverlay">
  122. <div class="loading-content">
  123. <div class="loading-spinner"></div>
  124. <div id="loadingText">Connecting to server...</div>
  125. </div>
  126. </div>
  127.  
  128. <div class="server">
  129. <select class="server-select" id="serverSelect">
  130. <option value="">PILIH SERVER</option>
  131. <option value="101.228.303.889|Thailand">[ 101.228.303.889 ] Server Thailand</option>
  132. <option value="60.212.369.777|Indonesia">[ 60.212.369.777 ] Server Indonesia</option>
  133. <option value="88.222.101.69|Kamboja">[ 88.222.101.69 ] Server Kamboja</option>
  134. <option value="20.588.362.99|Hongkong">[ 20.588.362.99 ] Server Hongkong</option>
  135. <option value="102.165.3.255|Malaysia">[ 102.165.3.255 ] Server Malaysia</option>
  136. <option value="1.0.127.255|Japan">[ 1.0.127.255 ] Server Japan</option>
  137. <option value="100.43.78.255|Rusia">[ 100.43.78.255 ] Server Rusia</option>
  138. </select>
  139. </div>
  140.  
  141. <script>
  142. document.addEventListener('DOMContentLoaded', function() {
  143. const select = document.getElementById('serverSelect');
  144. const loadingOverlay = document.getElementById('loadingOverlay');
  145. const loadingText = document.getElementById('loadingText');
  146.  
  147. // Load saved server selection
  148. const savedServer = localStorage.getItem('selectedServer');
  149. if (savedServer) {
  150. select.value = savedServer;
  151. }
  152.  
  153. select.addEventListener('change', function() {
  154. if (this.value) {
  155. // Save selection
  156. localStorage.setItem('selectedServer', this.value);
  157.  
  158. // Get server details
  159. const [ip, country] = this.value.split('|');
  160.  
  161. // Show loading overlay
  162. loadingOverlay.style.display = 'flex';
  163. loadingText.textContent = `Connecting to Server ${country}...
  164. IP: ${ip}`;
  165.  
  166. // Reload after delay
  167. setTimeout(() => {
  168. window.location.reload();
  169. }, 1500);
  170. }
  171. });
  172. });
  173. </script>
  174.  
  175. <!-- Meta Pixel Code -->
  176. <script>
  177. !function(f,b,e,v,n,t,s)
  178. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  179. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  180. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  181. n.queue=[];t=b.createElement(e);t.async=!0;
  182. t.src=v;s=b.getElementsByTagName(e)[0];
  183. s.parentNode.insertBefore(t,s)}(window, document,'script',
  184. 'https://connect.facebook.net/en_US/fbevents.js');
  185. fbq('init', '3978873275690208');
  186. fbq('track', 'PageView');
  187. </script>
  188. <noscript><img height="1" width="1" style="display:none"
  189. src="https://www.facebook.com/tr?id=3978873275690208&ev=PageView&noscript=1"
  190. /></noscript>
  191. <!-- End Meta Pixel Code -->
  192.  
  193. <!-- Meta Pixel Code -->
  194. <script>
  195. !function(f,b,e,v,n,t,s)
  196. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  197. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  198. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  199. n.queue=[];t=b.createElement(e);t.async=!0;
  200. t.src=v;s=b.getElementsByTagName(e)[0];
  201. s.parentNode.insertBefore(t,s)}(window, document,'script',
  202. 'https://connect.facebook.net/en_US/fbevents.js');
  203. fbq('init', '1196700332465997');
  204. fbq('track', 'PageView');
  205. </script>
  206. <noscript><img height="1" width="1" style="display:none"
  207. src="https://www.facebook.com/tr?id=1196700332465997&ev=PageView&noscript=1"
  208. /></noscript>
  209. <!-- End Meta Pixel Code -->
  210.  
  211. <!-- Meta Pixel Code -->
  212. <script>
  213. !function(f,b,e,v,n,t,s)
  214. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  215. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  216. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  217. n.queue=[];t=b.createElement(e);t.async=!0;
  218. t.src=v;s=b.getElementsByTagName(e)[0];
  219. s.parentNode.insertBefore(t,s)}(window, document,'script',
  220. 'https://connect.facebook.net/en_US/fbevents.js');
  221. fbq('init', '2078549162558724');
  222. fbq('track', 'PageView');
  223. </script>
  224. <noscript><img height="1" width="1" style="display:none"
  225. src="https://www.facebook.com/tr?id=2078549162558724&ev=PageView&noscript=1"
  226. /></noscript>
  227. <!-- End Meta Pixel Code -->
  228.  
  229. <!-- Meta Pixel Code -->
  230. <script>
  231. !function(f,b,e,v,n,t,s)
  232. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  233. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  234. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  235. n.queue=[];t=b.createElement(e);t.async=!0;
  236. t.src=v;s=b.getElementsByTagName(e)[0];
  237. s.parentNode.insertBefore(t,s)}(window, document,'script',
  238. 'https://connect.facebook.net/en_US/fbevents.js');
  239. fbq('init', '1185016502505625');
  240. fbq('track', 'PageView');
  241. </script>
  242. <noscript><img height="1" width="1" style="display:none"
  243. src="https://www.facebook.com/tr?id=1185016502505625&ev=PageView&noscript=1"
  244. /></noscript>
  245. <!-- End Meta Pixel Code -->
  246.  
  247. <!-- Meta Pixel Code -->
  248. <script>
  249. !function(f,b,e,v,n,t,s)
  250. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  251. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  252. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  253. n.queue=[];t=b.createElement(e);t.async=!0;
  254. t.src=v;s=b.getElementsByTagName(e)[0];
  255. s.parentNode.insertBefore(t,s)}(window, document,'script',
  256. 'https://connect.facebook.net/en_US/fbevents.js');
  257. fbq('init', '1913428859401722');
  258. fbq('track', 'PageView');
  259. </script>
  260. <noscript><img height="1" width="1" style="display:none"
  261. src="https://www.facebook.com/tr?id=1913428859401722&ev=PageView&noscript=1"
  262. /></noscript>
  263. <!-- End Meta Pixel Code -->
  264.  
  265. <!-- Meta Pixel Code -->
  266. <script>
  267. !function(f,b,e,v,n,t,s)
  268. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  269. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  270. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  271. n.queue=[];t=b.createElement(e);t.async=!0;
  272. t.src=v;s=b.getElementsByTagName(e)[0];
  273. s.parentNode.insertBefore(t,s)}(window, document,'script',
  274. 'https://connect.facebook.net/en_US/fbevents.js');
  275. fbq('init', '519384217895343');
  276. fbq('track', 'PageView');
  277. </script>
  278. <noscript><img height="1" width="1" style="display:none"
  279. src="https://www.facebook.com/tr?id=519384217895343&ev=PageView&noscript=1"
  280. /></noscript>
  281. <!-- End Meta Pixel Code -->
  282.  
  283. <!-- Meta Pixel Code -->
  284. <script>
  285. !function(f,b,e,v,n,t,s)
  286. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  287. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  288. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  289. n.queue=[];t=b.createElement(e);t.async=!0;
  290. t.src=v;s=b.getElementsByTagName(e)[0];
  291. s.parentNode.insertBefore(t,s)}(window, document,'script',
  292. 'https://connect.facebook.net/en_US/fbevents.js');
  293. fbq('init', '1029167655819199');
  294. fbq('track', 'PageView');
  295. </script>
  296. <noscript><img height="1" width="1" style="display:none"
  297. src="https://www.facebook.com/tr?id=1029167655819199&ev=PageView&noscript=1"
  298. /></noscript>
  299. <!-- End Meta Pixel Code -->
  300.  
  301. <!-- Meta Pixel Code -->
  302. <script>
  303. !function(f,b,e,v,n,t,s)
  304. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  305. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  306. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  307. n.queue=[];t=b.createElement(e);t.async=!0;
  308. t.src=v;s=b.getElementsByTagName(e)[0];
  309. s.parentNode.insertBefore(t,s)}(window, document,'script',
  310. 'https://connect.facebook.net/en_US/fbevents.js');
  311. fbq('init', '1947350882844586');
  312. fbq('track', 'PageView');
  313. </script>
  314. <noscript><img height="1" width="1" style="display:none"
  315. src="https://www.facebook.com/tr?id=1947350882844586&ev=PageView&noscript=1"
  316. /></noscript>
  317. <!-- End Meta Pixel Code -->
  318.  
  319. <!-- Meta Pixel Code -->
  320. <script>
  321. !function(f,b,e,v,n,t,s)
  322. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  323. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  324. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  325. n.queue=[];t=b.createElement(e);t.async=!0;
  326. t.src=v;s=b.getElementsByTagName(e)[0];
  327. s.parentNode.insertBefore(t,s)}(window, document,'script',
  328. 'https://connect.facebook.net/en_US/fbevents.js');
  329. fbq('init', '1195942469209781');
  330. fbq('track', 'PageView');
  331. </script>
  332. <noscript><img height="1" width="1" style="display:none"
  333. src="https://www.facebook.com/tr?id=1195942469209781&ev=PageView&noscript=1"
  334. /></noscript>
  335. <!-- End Meta Pixel Code -->
  336.  
  337. <!-- Meta Pixel Code -->
  338. <script>
  339. !function(f,b,e,v,n,t,s)
  340. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  341. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  342. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  343. n.queue=[];t=b.createElement(e);t.async=!0;
  344. t.src=v;s=b.getElementsByTagName(e)[0];
  345. s.parentNode.insertBefore(t,s)}(window, document,'script',
  346. 'https://connect.facebook.net/en_US/fbevents.js');
  347. fbq('init', '1619654215404038');
  348. fbq('track', 'PageView');
  349. </script>
  350. <noscript><img height="1" width="1" style="display:none"
  351. src="https://www.facebook.com/tr?id=1619654215404038&ev=PageView&noscript=1"
  352. /></noscript>
  353. <!-- End Meta Pixel Code -->
  354.  
  355. <!-- Meta Pixel Code -->
  356. <script>
  357. !function(f,b,e,v,n,t,s)
  358. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  359. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  360. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  361. n.queue=[];t=b.createElement(e);t.async=!0;
  362. t.src=v;s=b.getElementsByTagName(e)[0];
  363. s.parentNode.insertBefore(t,s)}(window, document,'script',
  364. 'https://connect.facebook.net/en_US/fbevents.js');
  365. fbq('init', '1482723979771391');
  366. fbq('track', 'PageView');
  367. </script>
  368. <noscript><img height="1" width="1" style="display:none"
  369. src="https://www.facebook.com/tr?id=1482723979771391&ev=PageView&noscript=1"
  370. /></noscript>
  371. <!-- End Meta Pixel Code -->
  372.  
  373. <!-- Meta Pixel Code -->
  374. <script>
  375. !function(f,b,e,v,n,t,s)
  376. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  377. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  378. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  379. n.queue=[];t=b.createElement(e);t.async=!0;
  380. t.src=v;s=b.getElementsByTagName(e)[0];
  381. s.parentNode.insertBefore(t,s)}(window, document,'script',
  382. 'https://connect.facebook.net/en_US/fbevents.js');
  383. fbq('init', '1405438453971905');
  384. fbq('track', 'PageView');
  385. </script>
  386. <noscript><img height="1" width="1" style="display:none"
  387. src="https://www.facebook.com/tr?id=1405438453971905&ev=PageView&noscript=1"
  388. /></noscript>
  389. <!-- End Meta Pixel Code -->                <meta name="viewport" content="width=1200, initial-scale=0.33">
  390.        
  391.        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  392.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  393.  
  394.        <!--<link rel="stylesheet" href="/css/old/template/LD.css">-->
  395.        <link rel="stylesheet" href="/css/old/template/LD.css">
  396.        <link rel="stylesheet" href="/css/old/variable.css">
  397.        
  398.                <link rel="stylesheet" href="/css/old/dark.css">
  399.                
  400.        <link rel="stylesheet" href="/css/old/style.css">
  401.        <link rel="icon" type="image/png" href="favicon.png">
  402.  
  403.  
  404.        <script src="/js/old/jquery-3.6.4.min.js"></script>
  405.        
  406.        <style>
  407.            
  408.            .login-input-field {
  409.                font-size: 1rem;
  410.            }
  411.            
  412.            .btn-aduan {
  413.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  414.                -webkit-background-clip: text;
  415.                -webkit-text-fill-color: transparent;
  416.                background-size: 300% 300%;
  417.                animation: gradient 2s ease infinite;
  418.            }
  419.            
  420.            .transaksi-title {
  421.                place-items: start;
  422.            }
  423.  
  424.            
  425.            @media only screen and (max-width: 1000px) {
  426.                
  427.            .transaksi-title {
  428.                place-items: center;
  429.            }
  430.                
  431.                .login-input-field {
  432.                    font-size: 1.2rem;
  433.                }      
  434.            }
  435.            
  436.            
  437.            
  438.        </style>
  439.  
  440.    </head>
  441.    
  442.    
  443.  
  444.    <body id="desktop">
  445.        
  446.        
  447. <div id="hover" class="hover desktop-only">
  448.  
  449.    <div id="hover-togel" class="hover-menu">
  450.        <a href="/?content=register" class="hover-item">
  451.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  452.            <figcaption>TOGEL</figcaption>
  453.        </a>          
  454.    </div>
  455.  
  456.    <div id="hover-slot" class="hover-menu">
  457.        <a href="/?content=slot&provider=pp" class="hover-item">
  458.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  459.            <figcaption>PRAGMATIC PLAY</figcaption>
  460.        </a>
  461.  
  462.        <a href="/?content=slot&provider=pg" class="hover-item">
  463.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  464.            <figcaption>PG SOFT</figcaption>
  465.        </a>
  466.  
  467.        <a href="/?content=slot&provider=hb" class="hover-item">
  468.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  469.            <figcaption>HABANERO</figcaption>
  470.        </a>
  471.  
  472.        <a href="/?content=slot&provider=jl" class="hover-item">
  473.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  474.            <figcaption>JILI</figcaption>
  475.        </a>
  476.        
  477.        <a href="/?content=slot&provider=sg" class="hover-item">
  478.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  479.            <figcaption>SPADEGAMING</figcaption>
  480.        </a>
  481.        
  482.        <a href="/?content=slot&provider=fgs" class="hover-item">
  483.            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
  484.            <figcaption>5G GAMES</figcaption>
  485.        </a>
  486.  
  487.        <a href="/?content=slot&provider=jg" class="hover-item">
  488.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  489.            <figcaption>JOKER</figcaption>
  490.        </a>
  491.  
  492.        <a href="/?content=slot&provider=mg" class="hover-item">
  493.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  494.            <figcaption>MICROGAMING</figcaption>
  495.        </a>
  496.  
  497.        <a href="/?content=slot&provider=hks" class="hover-item">
  498.            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
  499.            <figcaption>HACKSAW GAMING</figcaption>
  500.        </a>
  501.  
  502.        <a href="/?content=slot&provider=fs" class="hover-item">
  503.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  504.            <figcaption>FASTSPIN</figcaption>
  505.        </a>
  506.  
  507.        <!-- <a href="/?content=slot&provider=nlc" class="hover-item">
  508.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  509.            <figcaption>NOLIMIT CITY</figcaption>
  510.        </a> -->
  511.        
  512.        <a href="/?content=slot&provider=ps" class="hover-item">
  513.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  514.            <figcaption>PLAYSTAR</figcaption>
  515.        </a>
  516.  
  517.        <a href="/?content=slot&provider=pt" class="hover-item">
  518.            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
  519.            <figcaption>PLAYTECH</figcaption>
  520.        </a>
  521.  
  522.        <a href="/?content=slot&provider=adv" class="hover-item">
  523.            <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
  524.            <figcaption>ADVANT PLAY</figcaption>
  525.        </a>
  526.  
  527.        <a href="/?content=slot&provider=l22" class="hover-item">
  528.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  529.            <figcaption>LIVE22</figcaption>
  530.        </a>
  531.        
  532.        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
  533.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  534.            <figcaption>NETENT</figcaption>
  535.        </a> -->
  536.        
  537.        <a href="/?content=slot&provider=cq9" class="hover-item">
  538.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  539.            <figcaption>CQ9</figcaption>
  540.        </a>    
  541.      
  542.        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
  543.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  544.            <figcaption>TOPTREND GAMING</figcaption>
  545.        </a> -->
  546.  
  547.        <a href="/?content=slot&provider=ss" class="hover-item">
  548.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  549.            <figcaption>SBO SLOT</figcaption>
  550.        </a>
  551.    </div>
  552.  
  553.    <div id="hover-live" class="hover-menu" >
  554.        <a href="/?content=casino&provider=pplc" class="hover-item">
  555.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  556.            <figcaption>PRAGMATIC PLAY</figcaption>
  557.        </a>
  558.  
  559.        <a href="/?content=casino&provider=evo" class="hover-item">
  560.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  561.            <figcaption>EVOLUTION</figcaption>
  562.        </a>
  563.  
  564.        <a href="/?content=casino&provider=mg" class="hover-item">
  565.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
  566.            <figcaption>MICROGAMING</figcaption>
  567.        </a>
  568.  
  569.        <a href="/?content=casino&provider=ion" class="hover-item">
  570.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  571.            <figcaption>ION CASINO</figcaption>
  572.        </a>
  573.  
  574.        <a href="/?content=casino&provider=sx" class="hover-item">
  575.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  576.            <figcaption>SEXY GAMING</figcaption>
  577.        </a>
  578.  
  579.        <a href="/?content=casino&provider=sa" class="hover-item">
  580.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  581.            <figcaption>SA GAMING</figcaption>
  582.        </a>  
  583.  
  584.        <a href="/?content=casino&provider=ab" class="hover-item">
  585.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  586.            <figcaption>ALLBET</figcaption>
  587.        </a>
  588.  
  589.        <a href="/?content=casino&provider=gmnl" class="hover-item">
  590.            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
  591.            <figcaption>GEMINI LIVE</figcaption>
  592.        </a>
  593.  
  594.        <a href="/?content=casino&provider=og" class="hover-item">
  595.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  596.            <figcaption>OPUS PLUS</figcaption>
  597.        </a>
  598.  
  599.        <a href="/?content=casino&provider=sbol" class="hover-item">
  600.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  601.            <figcaption>SBOBET CASINO</figcaption>
  602.        </a>    
  603.    </div>
  604.  
  605.    <div id="hover-sport" class="hover-menu">
  606.        <a href="/?content=register" class="hover-item">
  607.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  608.            <figcaption>SABA</figcaption>
  609.        </a>
  610.  
  611.        <a href="/?content=register" class="hover-item">
  612.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  613.            <figcaption>SBOBET</figcaption>
  614.        </a>
  615.        
  616.        <a href="/?content=register" class="hover-item">
  617.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  618.            <figcaption>CMD368</figcaption>
  619.        </a>  
  620.  
  621.        <!-- <a href="/?content=register" class="hover-item">
  622.            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
  623.            <figcaption>PINNACLE</figcaption>
  624.        </a>   -->
  626.    <a href="/?content=register" class="hover-item">
  627.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  628.            <figcaption>TFGAMING</figcaption>
  629.        </a>        
  630.    </div>
  631.  
  632.    <div id="hover-fishing" class="hover-menu">
  633.        <a href="/?content=fish&provider=jl" class="hover-item">
  634.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  635.            <figcaption>JILI</figcaption>
  636.        </a>
  637.    
  638.        <a href="/?content=fish&provider=sg" class="hover-item">
  639.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  640.            <figcaption>SPADE GAMING</figcaption>
  641.        </a>
  642.  
  643.        <a href="/?content=fish&provider=fs" class="hover-item">
  644.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  645.            <figcaption>FASTSPIN</figcaption>
  646.        </a>
  647.  
  648.        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
  649.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  650.            <figcaption>PLAYSTAR</figcaption>
  651.        </a>
  652.  
  653.    <a href="/?content=fish&provider=l22" class="hover-item">
  654.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  655.            <figcaption>LIVE22</figcaption>
  656.        </a>  -->
  657.  
  658.    </div>
  659.  
  660.    <div id="hover-sabung" class="hover-menu">
  661.        <a href="/?content=sabung&provider=ws" class="hover-item">
  662.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  663.            <figcaption>WS168</figcaption>
  664.        </a>
  665.    </div>
  666.    
  667.    <div id="hover-interactive" class="hover-menu">
  668.    <a href="/?content=interactive&provider=gmn" class="hover-item">
  669.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  670.            <figcaption>GEMINI</figcaption>
  671.        </a>
  672.  
  673.        <a href="/?content=interactive&provider=jl" class="hover-item">
  674.            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
  675.            <figcaption>JILI</figcaption>
  676.        </a>
  677.  
  678.        <a href="/?content=interactive&provider=jg" class="hover-item">
  679.            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
  680.            <figcaption>JOKER</figcaption>
  681.        </a>
  682.  
  683.        <a href="/?content=interactive&provider=mg" class="hover-item">
  684.            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
  685.            <figcaption>MICRO GAMING</figcaption>
  686.        </a>
  687.  
  688.        <a href="/?content=interactive&provider=hks" class="hover-item">
  689.            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
  690.            <figcaption>HACKSAW GAMING</figcaption>
  691.        </a>
  692.  
  693.        <a href="/?content=interactive&provider=pt" class="hover-item">
  694.            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
  695.            <figcaption>PLAYTECH</figcaption>
  696.        </a>
  697.  
  698.        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
  699.            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
  700.            <figcaption>PLAYSTAR</figcaption>
  701.        </a>  -->
  702.    </div>
  703.  
  704.  
  705.  
  706. </div>
  707. <style>
  708.    .my-navbar {
  709.        height: 52px;
  710.        padding: 0px;
  711.        width: 100%;
  712.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  713.        position: fixed;
  714.        bottom: 0;
  715.        color: white;
  716.        z-index: 1100;
  717.        display: flex;
  718.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  719.    }
  720.    
  721.    .navbar-item {
  722.        height: 100%;
  723.        width: 100%;
  724.        display: flex;
  725.        flex-direction: column;
  726.        align-items: center;
  727.        justify-content: center;
  728.    }
  729.    
  730.    .navbar-item-content {
  731.        display: flex;
  732.        flex-direction: column;
  733.        justify-content: center;
  734.        align-items: center;
  735.        position: absolute;
  736.        top: -16px
  737.    }
  738.    
  739.    .navbar-item-content>i {
  740.         font-size: 20px;
  741.         line-height: 22px;
  742.         color: white;
  743.         padding-bottom: 4px;
  744.    }
  745.    
  746.    .navbar-item-content>img {
  747.         height: 36px;
  748.         width: 36px;
  749.    }
  750.    
  751.    .navbar-item-content>label {
  752.        white-space: nowrap;
  753.        margin-top: 4px;
  754.        font-weight: bold;
  755.        font-size: var(--text-size-default);
  756.        color: white
  757.    }
  758.    
  759.    .speed-dial-item {
  760.        opacity: 0;
  761.        visibility: hidden;
  762.        transform: translateY(10px);
  763.        transition: opacity 0.3s ease, transform 0.3s ease;
  764.    }
  765.    
  766.    .speed-dial-active .speed-dial-item {
  767.        opacity: 1;
  768.        visibility: visible;
  769.        transform: translateY(0);
  770.    }
  771.    
  772.    /* Delay each item’s appearance */
  773.    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
  774.    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
  775.    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
  776.    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
  777.    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }      
  778.  
  779.    
  780. </style>
  781.  
  782.  
  783. <div class="mobile-only" >
  784.        <div class="my-navbar">
  785.            <a href="/" class="navbar-item" style="position: relative">
  786.                <div class="navbar-item-content">
  787.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  788.                    <label>BERANDA</label>
  789.                </div>
  790.            </a>
  791.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  792.            <a href="/m/promosi.php"  class="navbar-item">
  793.                <div class="navbar-item-content">
  794.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  795.                    <label>PROMOSI</label>
  796.                </div>
  797.            </a>
  798.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  799.            <a href="/m/event.php"  class="navbar-item">
  800.                <div class="navbar-item-content">
  801.                    <img src="https://img.viva88athenae.com//events.png"/>
  802.                    <label>EVENT</label>
  803.                </div>
  804.            </a>
  805.            
  806.                            
  807.                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  808.                    <div class="navbar-item">
  809.                        <div class="navbar-item-content speed-dial-btn">
  810.                            <img src="https://img.viva88athenae.com//chat.png"/>
  811.                            <label>CHAT</label>
  812.                        </div>
  813.                        
  814.                                                    
  815.                                <a href="https://t.me/sukatoto777" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px">
  816.                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
  817.                                </a>
  818.                            
  819.                                                        
  820.                                <a href="https://wa.me/6282311927943" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px">
  821.                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
  822.                                </a>
  823.                            
  824.                                                    
  825.                    </div>
  826.                
  827.                
  828.                                        
  829.            
  830.            
  831.            
  832.            
  833.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  834.                <a href="https://rebrand.ly/livechatsukatoto"  target="_blank" class="navbar-item">
  835.                <div class="navbar-item-content">
  836.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  837.                    <label>LIVECHAT</label>
  838.                </div>
  839.                </a>
  840.            
  841.        </div>
  842. </div>
  843.  
  844. <script>
  845.    document.addEventListener("DOMContentLoaded", function () {
  846.    const speedDialBtn = document.querySelector(".speed-dial-btn");
  847.    const speedDialItems = document.querySelectorAll(".speed-dial-item");
  848.    let isOpen = false;
  849.  
  850.    speedDialBtn.addEventListener("click", function () {
  851.        isOpen = !isOpen;
  852.  
  853.        speedDialItems.forEach((item, index) => {
  854.            if (isOpen) {
  855.                item.style.opacity = "1";
  856.                item.style.visibility = "visible";
  857.                item.style.transform = "translateY(0)";
  858.                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
  859.            } else {
  860.                item.style.opacity = "0";
  861.                item.style.visibility = "hidden";
  862.                item.style.transform = "translateY(10px)";
  863.                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
  864.            }
  865.        });
  866.    });
  867. });
  868. </script>        
  869.        
  870.        
  871.        <div id="top" class="wrapper">
  872.  
  873.            
  874.                
  875.            <header class="header">
  876.                <div class="header-content">
  877.                    <div class="logo" href="/">
  878.                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
  879.                    </div>
  880.                    
  881.                    <div id="marquee-mobile" class="marquee mobile-only">
  882.                        <div class="marquee-content">
  883.                            <div class="d-flex align-items-center gap-2">
  884.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  885.                            </div>
  886.                            <div class="running">
  887.                                <div class="marquee-shadow"></div>
  888.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  889.                            </div>
  890.                            <div class="d-flex align-items-center gap-2">
  891.                            </div>
  892.                        </div>
  893.                    </div>
  894.                    
  895.                    <div class="mslider mobile-only">
  896.                                            </div>
  897.                    
  898.                    <div class="login">
  899.                    
  900.                            <div id="desktoplogin" class="desktop-only">
  901.                                <form class="login-form form" role="form">
  902.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  903.                                    <div class="input-group login-field">
  904.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  905.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  906.                                    </div>
  907.                                    
  908.                                    <div id="marquee" class="marquee mobile-only">
  909.                                        <div class="marquee-content">
  910.                                            <div class="d-flex align-items-center gap-2">
  911.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  912.                                            </div>
  913.                                            <div class="running">
  914.                                                <div class="marquee-shadow"></div>
  915.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  916.                                            </div>
  917.                                        </div>
  918.                                    </div>
  919.                                    
  920.                                    
  921.                                    <div class="input-group login-field">
  922.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  923.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  924.                                    </div>
  925.                                    
  926.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  927.                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
  928.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  929.                                    </div>
  930.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  931.        
  932.        
  933.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  934.                                    <button type="button" class="btn btn-daftar btn-daftar-desktop fw-bold p-0 px-2 desktop-only" onclick="window.location.href='/?content=register'">Daftar</button>
  935.  
  936.                                    <input type="hidden" name="task" value="login">    
  937.                                    <input type="hidden" name="logindesktop" value="Jt/qfX4zy48lYDD/H/ft1zEqFVeG/XdRZ/qQuxyMmYA=">
  938.                                </form>
  939.                            </div>
  940.                        
  941.                        
  942.                        
  943.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  944.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  945.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  946.                                    <div class="input-group login-field">
  947.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  948.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  949.                                    </div>
  950.                                    <div class="input-group login-field">
  951.                                        <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  952.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  953.                                    </div>
  954.                                    
  955.                                    
  956.                                    <div class="verifikasiform w-100">
  957.                                        
  958.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?3431" width="100%" height="44" style="border-radius: 5px;"></span>
  959.                                                <div class="input-group login-field mt-1">
  960.                                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
  961.                                                   <input type="text" inputmode="numeric" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  962.                                                </div>
  963.                                        
  964.                                    </div>
  965.  
  966.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  967.        
  968.        
  969.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  970.                                    <button type="button" class="btn btn-daftar btn-info btn-daftar-mobile fw-bold p-0 px-2 mobile-only" onclick="openDaftar()">Daftar Sekarang</button>
  971.  
  972.                                    
  973.                                    <input type="hidden" name="task" value="login">    
  974.                                    <input type="hidden" name="loginmobile" value="Jt/qfX4zy48lYDD/H/ft1zEqFVeG/XdRZ/qQuxyMmYA=">
  975.                                </form>
  976.                            </div>
  977.                            
  978.                                                    
  979.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  980.                                    <div id="mobileregister">
  981.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  982.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  983.                                            <div class="prepend" style="width: 100%; height: 36px; display: grid; place-items: center; border-radius: 3px; font-size: 1.2rem; font-weight: bold">DAFTAR</div>
  984.                                            <div class="input-group login-field">
  985.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  986.                                                <input type="text" class="form-control login-input-field" name="username" id="reg_username" placeholder="Username 6-16 karakter standar (A~Z, a~z, 0~9) dan tanpa spasi">
  987.                                            </div>
  988.                                            <div class="input-group login-field">
  989.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  990.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  991.                                            </div>
  992.                                            <div class="input-group login-field">
  993.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-shield-lock-fill prepend-icon"></i></div></span>
  994.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  995.                                            </div>
  996.                                            <div class="input-group login-field">
  997.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  998.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  999.                                            </div>
  1000.                                            <div class="input-group login-field">
  1001.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  1002.                                                <input type="text"  inputmode="numeric" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  1003.                                            </div>
  1004.                                            
  1005.                                            <div class="input-group login-field">
  1006.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  1007.                                             <option value="">Pilih Bank</option>
  1008.                             <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='Permata'>Permata</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
  1009.                                            </div>
  1010.                        
  1011.                                            <div class="input-group login-field">
  1012.                                                <span class="input-group-text mobile-only prepend" style=""><div class="h-100 center"><i class="bi bi-piggy-bank-fill prepend-icon"></i></div></span>
  1013.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  1014.                                            </div>
  1015.                                            <div class="input-group login-field">
  1016.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  1017.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  1018.                                            </div>
  1019.                                            <div class="input-group login-field">
  1020.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-file-earmark-person-fill prepend-icon"></i></div></span>
  1021.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  1022.                                            </div>
  1023.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  1024.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  1025.                                            
  1026.                                                                              
  1027.                                  <div class="w-100 my-1">
  1028.                                      <div id="capverifikasi">
  1029.                                          <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
  1030.                                      </div>
  1031.                                    
  1032.                                     <div class="input-group login-field mt-1">
  1033.                                                    <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill-check prepend-icon"></i></div></span>
  1034.                                                   <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
  1035.                                                </div>
  1036.                                    
  1037.                                  </div>
  1038.  
  1039.                                                                          
  1040.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  1041.                                                <input type="hidden" name="task" value="register">
  1042.                                                <input type="hidden" name="regmobile" value="80+/7otJXWmOeO4FKw8975CrIDumIzhfhdjUVQnLlhk=">
  1043.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  1044.                                    </form>
  1045.                                </div>            
  1046.                        </div>
  1047.                    </div>
  1048.    
  1049.                    <div class="menu">
  1050.                        <div class="menu-item desktop-only">
  1051.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  1052. </div>
  1053. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1054.  
  1055.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  1056.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  1057.        <label>TOGEL</label>
  1058.    </a>
  1059.    
  1060.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1061.  
  1062.  
  1063. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  1064.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  1065.    <label>SLOT</label>
  1066. </a>
  1067. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1068. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  1069.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  1070.    <label>LIVE CASINO</label>
  1071. </a>
  1072. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1073. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  1074.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  1075.    <label>SPORT</label>
  1076. </a>
  1077. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1078. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  1079.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  1080.    <label>ARCADE</label>
  1081. </a>
  1082. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1083. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  1084. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  1085.    <label>SABUNG</label>
  1086. </a>
  1087. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1088. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  1089. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  1090.    <label>INTERACTIVE</label>
  1091. </a>
  1092.  
  1093. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1094.                    </div>
  1095.                                        
  1096.  
  1097.  
  1098.                    <div class="menu-mobile mobile-only" style="width: 100%; overflow-x: hidden; position: relative; border-top: 3px solid var(--primary-color); border-bottom: 3px solid var(--theme-color)">
  1099.                        
  1100.                        
  1101.                            <div style="position: absolute; height: 100%; background: var(--primary-color); display: grid; place-items: center; left: 0; padding: 0px 6px" onclick="document.getElementById('menu-mobile').scrollBy(-40, 0)">
  1102.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1103.                            </div>
  1104.                            
  1105.                            <div style="position: absolute; height: 100%; background:  var(--primary-color); display: grid; place-items: center; right: 0; padding: 0px 6px;" onclick="document.getElementById('menu-mobile').scrollBy(40, 0)">
  1106.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1107.                            </div>
  1108.                        
  1109.                        
  1110.                        <div id="menu-mobile" style="height:68px; overflow-x: scroll; overflow-y: hidden; max-width: 100%; display: block; margin-left: 28px; margin-right: 28px; background: linear-gradient(90deg, rgba(26,26,26,0.3) 0%, rgba(0,0,0,0.3) 10%, rgba(0,0,0,0.3) 100%), var(--primary-color)">
  1111.                        
  1112.                        
  1113.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  1114.                                                                                
  1115.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  1116.                                            <div style="display: grid; place-items: center; height: 100%">
  1117.                                                <div class="menu-item">
  1118.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  1119.                                                    <label>TOGEL</label>
  1120.                                                </div>
  1121.                                            </div>
  1122.                                        </a>
  1123.                                            
  1124.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  1125.                                        <div style="display: grid; place-items: center; height: 100%">
  1126.                                            <div class="menu-item" onclick="showProvider('slot')">
  1127.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  1128.                                                <label>SLOT</label>
  1129.                                            </div>
  1130.                                        </div>
  1131.                                    </div>
  1132.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1133.                                        <div style="display: grid; place-items: center; height: 100%">
  1134.                                            <div class="menu-item" onclick="showProvider('casino')">
  1135.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  1136.                                                <label>LIVE CASINO</label>
  1137.                                            </div>
  1138.                                        </div>
  1139.                                    </div>
  1140.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1141.                                        <div style="display: grid; place-items: center; height: 100%">
  1142.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  1143.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  1144.                                                <label>SPORT</label>
  1145.                                            </div>
  1146.                                        </div>
  1147.                                    </div>
  1148.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  1149.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  1150.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  1151.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  1152.                                    <!--            <label>E-SPORT</label>-->
  1153.                                    <!--        </div>-->
  1154.                                    <!--    </div>-->
  1155.                                    <!--</div>-->
  1156.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1157.                                        <div style="display: grid; place-items: center; height: 100%">
  1158.                                        <div class="menu-item" onclick="showProvider('fish')">
  1159.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  1160.                                            <label>ARCADE</label>
  1161.                                        </div>
  1162.                                        </div>
  1163.                                    </div>
  1164.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1165.                                        <div style="display: grid; place-items: center; height: 100%">
  1166.                                            <div class="menu-item" onclick="showProvider('sabung')">
  1167.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  1168.                                                <label>SABUNG</label>
  1169.                                            </div>
  1170.                                        </div>
  1171.                                    </div>
  1172.                                    
  1173.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1174.                                        <div style="display: grid; place-items: center; height: 100%">
  1175.                                            <div class="menu-item" onclick="showProvider('interactive')">
  1176.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  1177.                                                <label>INTERACTIVE</label>
  1178.                                            </div>
  1179.                                        </div>
  1180.                                    </div>
  1181.                            </div>
  1182.                        </div>                                                                                                                        
  1183.                    </div>                    
  1184.                    <div class="menu-content mobile-only">
  1185.                            <div id="main-content" style="background: var(--content-box-background)">
  1186.                                                        </div>
  1187.                    </div>
  1188.                    
  1189.                    
  1190.        
  1191.                    <div class="promosi">
  1192.                        
  1193.                        <!-- Desktop -->
  1194.                        
  1195.                        <button class="btn-promosi fw-bold desktop-only" onclick="window.location.href='/?content=promosi'" style="border: none; font-size: 1.1rem; padding: 0px 8px;">PROMOSI</button>
  1196.                        <div class="btn-informasi desktop-only" onclick="document.getElementById('modal-wrapper').style.display='block'"><a class="pointer" href="javascript:page('tentang');" style="text-decoration: none;" data-toggle="tooltip" data-placement="bottom" title="Informasi"><i class="bi bi-info-circle-fill" style="font-size: 16px"></i></a></div>
  1197.                        
  1198.                        <!-- Mobile -->
  1199.                        
  1200.                        <div class="mobile-only" style="padding-top: 32px">
  1201.                            
  1202.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  1203.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  1204.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  1205.                                        
  1206.                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  1207.                            </div>
  1208.                            
  1209.                        </div>
  1210.                    </div>
  1211.                                    </div>
  1212.            </header>
  1213.    
  1214.    
  1215.            <div id="marquee" class="marquee desktop-only">
  1216.                <div class="marquee-content">
  1217.                    <div class="d-flex align-items-center gap-2">
  1218.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  1219.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  1220.                    </div>
  1221.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  1222.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  1223.                    </div>
  1224.                    <div class="d-flex align-items-center gap-2">
  1225.                        <a href="/?content=event">
  1226.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  1227.                        </a>
  1228.                    </div>
  1229.                </div>
  1230.            </div>
  1231.            
  1232.            
  1233.            
  1234.            <!--Informasi Modal -->
  1235.            <div id="modal-wrapper" class="modal" style=" background:none;">
  1236.            
  1237.                <div class="slideDown" id="informasi-menu">
  1238.                  <div class="row">
  1239.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  1240.                        <div id="informasi-logo">
  1241.                            <img src="/images/logoweb.png" width="120px"/>
  1242.                        </div>
  1243.                        <div class="menuleft">
  1244.  
  1245.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  1246.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  1247.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  1248.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  1249.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  1250.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  1251.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  1252.  
  1253.                        </div>
  1254.                   </div>    
  1255.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  1256.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  1257.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  1258.                        </div>
  1259.                    </div>
  1260.                    
  1261.                </div>
  1262.              </div>
  1263.            </div>
  1264.    
  1265.    
  1266.            <div class="contentdata">
  1267.                <div id="content-primary" class="p-0">
  1268.                
  1269.                                            <div class="desktop-only">
  1270. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  1271.  <div class="carousel-indicators">
  1272.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1273.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1274.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  1275.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  1276.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  1277.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="5" aria-label="Slide 6"></button>
  1278.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="6" aria-label="Slide 7"></button>
  1279.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="7" aria-label="Slide 8"></button>
  1280.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="8" aria-label="Slide 9"></button>
  1281.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="9" aria-label="Slide 10"></button>
  1282.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="10" aria-label="Slide 11"></button>
  1283.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="11" aria-label="Slide 12"></button>
  1284.              </div>
  1285.  <div class="carousel-inner" style="height: 100%">
  1286.            <div class="carousel-item active" style="height: 100%">
  1287.          <img src="/images/upload-Slides-20250221113742.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1288.        </div>
  1289.            <div class="carousel-item " style="height: 100%">
  1290.          <img src="/images/upload-Slides-20250221113734.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1291.        </div>
  1292.            <div class="carousel-item " style="height: 100%">
  1293.          <img src="/images/upload-Slides-20250221113744.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1294.        </div>
  1295.            <div class="carousel-item " style="height: 100%">
  1296.          <img src="/images/upload-Slides-20250217024348.jpg" class="d-block w-100 banner" alt="BONUS 50% MEMBER BARU" style="height: 100%">
  1297.        </div>
  1298.            <div class="carousel-item " style="height: 100%">
  1299.          <img src="/images/upload-Slides-20250217024407.jpg" class="d-block w-100 banner" alt="BONUS HARIAN HINGGA 5 JUTA SETIAP HARI" style="height: 100%">
  1300.        </div>
  1301.            <div class="carousel-item " style="height: 100%">
  1302.          <img src="/images/upload-Slides-20250217024403.jpg" class="d-block w-100 banner" alt="BONUS MINGGUAN LIVE CASINO CASHBACK 10%" style="height: 100%">
  1303.        </div>
  1304.            <div class="carousel-item " style="height: 100%">
  1305.          <img src="/images/upload-Slides-20250217024427.jpg" class="d-block w-100 banner" alt="BONUS MINGGUAN SPORTSBOOK CASHBACK 7%" style="height: 100%">
  1306.        </div>
  1307.            <div class="carousel-item " style="height: 100%">
  1308.          <img src="/images/upload-Slides-20250217024433.jpg" class="d-block w-100 banner" alt="BONUS ROLLINGAN HARIAN 0.7% TANPA BATAS" style="height: 100%">
  1309.        </div>
  1310.            <div class="carousel-item " style="height: 100%">
  1311.          <img src="/images/upload-Slides-20250217024458.jpg" class="d-block w-100 banner" alt="BONUS REFERRAL TANPA BATAS" style="height: 100%">
  1312.        </div>
  1313.            <div class="carousel-item " style="height: 100%">
  1314.          <img src="/images/upload-Slides-20250217024518.jpg" class="d-block w-100 banner" alt="LUCKY SPIN BERHADIAH" style="height: 100%">
  1315.        </div>
  1316.            <div class="carousel-item " style="height: 100%">
  1317.          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1318.        </div>
  1319.            <div class="carousel-item " style="height: 100%">
  1320.          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1321.        </div>
  1322.      </div>
  1323. </div>
  1324.  
  1325. </div>
  1326.                        <div class="mobile-only"><div class="banner shadow" style="margin:20px 20px 20px 20px; border:solid 2px #FFF; border-radius: 20px; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; position: relative;">
  1327.     <img src="https://img.viva88athenae.com/pop/mobile-fgs.jpg" width="100%" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;">
  1328. </div></div>
  1329.                        
  1330.                                    </div>
  1331.            </div>
  1332.    
  1334.    
  1335.            
  1336.            <!-- Togel -->    
  1337.            
  1338. <style>
  1339.    .togel-desktop {
  1340.            background: var(--togel-background);
  1341.            grid-area: togel-desktop;
  1342.            position: relative;
  1343.        }
  1344.        
  1345.        .togel-mobile {
  1346.            display: none;
  1347.        }
  1348.  
  1349.        .show-more {
  1350.            position: absolute;
  1351.        
  1352.            z-index: 999;
  1353.            bottom: 0px;
  1354.            width: 100%;
  1355.            
  1356.            /* background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.8) 30%, rgba(0,0,0,0) 60%, rgba(0,0,0,0)); */
  1357.        }
  1358.        
  1359.        .show-more-content {
  1360.            background: var(--secondary-background);
  1361.            opacity: .7;
  1362.            display: grid;
  1363.            place-items: center;
  1364.            height: 32px
  1365.        }
  1366.        
  1367.        .togel-content {    
  1368.            position: relative;  
  1369.            display: flex;
  1370.            flex-wrap: wrap;
  1371.            justify-content: center;
  1372.            /*display: grid;*/
  1373.            /*grid-template-columns: repeat(10, 1fr);*/
  1374.            gap: 8px 4px;
  1375.            padding: 16px 0;
  1376.        }
  1377.        
  1378.        .see-more {
  1379.            padding: 16px 0 48px 0;
  1380.            max-height: 162px;
  1381.            transition: max-height .75s ease-out;
  1382.            transition-delay: .1s;
  1383.            overflow: hidden;
  1384.        }
  1385.        
  1386.        .togel-content:hover{
  1387.            max-height: 1000px;
  1388.            transition: max-height 0.25s ease-in;
  1389.        }
  1390.        
  1391.        .result {
  1392.            height: 110px;
  1393.            width: 96px;
  1394.            border-radius: 10px;
  1395.            background: var(--result-background);
  1396.            border: var(--result-border);
  1397.            
  1398.            display: grid;
  1399.            grid-template-rows: 0px 20px 1fr 28px;
  1400.            grid-template-areas:
  1401.            "badge"
  1402.            "pasaran"
  1403.            "keluaran"
  1404.            "tanggal"
  1405.            ;
  1406.        
  1407.            /* display: flex;
  1408.            flex-direction: column;
  1409.            justify-content: space-between; */
  1410.        
  1411.            overflow: hidden;
  1412.        }
  1413.        
  1414.        .badge {
  1415.            grid-area: badge;
  1416.            display: grid;
  1417.            place-items: center;
  1418.        }
  1419.        
  1420.        .result>.pasaran {
  1421.        
  1422.            grid-area: pasaran;
  1423.        
  1424.            padding-top: 8px;
  1425.            white-space: nowrap;
  1426.            font-size: .7rem;
  1427.            line-height: .7rem;
  1428.        
  1429.            color: var(--result-pasaran-color);
  1430.            display: grid;
  1431.            place-items: center;
  1432.        }
  1433.        
  1434.        .result>.keluaran {
  1435.        
  1436.            grid-area: keluaran;
  1437.            padding-bottom: 8px;
  1438.            font-family: 'Oswald', sans-serif;
  1439.            line-height: 40px;
  1440.            font-size: 40px;
  1441.            color: var(--result-keluaran-color);
  1442.            display: grid;
  1443.            place-items: center;
  1444.        }
  1445.        
  1446.        .result>.tanggal {
  1447.        
  1448.            grid-area: tanggal;
  1449.        
  1450.            width: 100%;
  1451.            height: 100%;
  1452.            /* background: rgb(40,0,0);
  1453.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1454.            background: var(--result-tanggal-background);
  1455.            white-space: nowarp;
  1456.            font-size: .79rem;
  1457.            display: grid;
  1458.            place-items: center;
  1459.            font-family: 'Abel', sans-serif;
  1460.            color: var(--result-tanggal-color);
  1461.        }
  1462.        
  1463.        @media only screen and (max-width: 1000px) {
  1464.            
  1465.            .togel-desktop {
  1466.                display: none;
  1467.            }
  1468.            
  1469.            .togel-mobile {
  1470.  
  1471.                background: var(--secondary-background);
  1472.                grid-area: togel-mobile;
  1473.                padding: 24px;
  1474.                padding-bottom: 12px;
  1475.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1476.            }
  1477.        
  1478.            .togel-title {
  1479.                padding: 0px;
  1480.                padding-bottom: 20px;
  1481.                font-size: 1.4rem;
  1482.                font-weight: bold;
  1483.                color: var(--primary-text-color);
  1484.            }
  1485.        
  1486.            .togel-content {
  1487.                max-height: fit-content;
  1488.                display: grid;
  1489.                grid-template-columns: 1fr;
  1490.                gap: 0;
  1491.                border-radius: 8px;
  1492.            }
  1493.            
  1494.  
  1495.        
  1496.            .provider-group {
  1497.                padding: var(--mobile-padding-horizontal);
  1498.            }
  1499.        
  1500.            .badge {
  1501.                display: none;
  1502.            }
  1503.        
  1504.            .result {
  1505.                height: auto;
  1506.                width: 100%;
  1507.                display: grid;
  1508.                grid-template-rows: 1fr;
  1509.                grid-template-columns: 1fr 1fr 80px;
  1510.                grid-template-areas: "pasaran tanggal keluaran";
  1511.                border-radius: 0;
  1512.                border: none;
  1513.                background: transparent;
  1514.                padding: 4px 12px;
  1515.                color: var(--primary-text-color);
  1516.                font-family: 'Abel', sans-serif;
  1517.                
  1518.            }
  1519.            
  1520.                        
  1521.            .result-data:nth-child(odd) {
  1522.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1523.            }
  1524.            
  1525.                        
  1526.            .accordion-item {
  1527.                background-color: transparent;
  1528.                border: 0px;
  1529.            }
  1530.            
  1531.            .accordion-button:not(.collapsed) {
  1532.                color: inherit;
  1533.                background-color: transparent;
  1534.                box-shadow: none;
  1535.            }
  1536.            
  1537.            .accordion-button::after {
  1538.                height: 0px;
  1539.            }
  1540.        
  1541.            .result>* {
  1542.                padding: 0px!important;
  1543.                margin: 0px!important;
  1544.                font-size: 1.4rem!important;
  1545.                line-height: auto!important;
  1546.                font-weight: normal!important;
  1547.            }
  1548.        
  1549.            .result>.pasaran {
  1550.                display: flex;
  1551.                justify-content: start;
  1552.                color: var(--primary-text-color)!important;
  1553.                opacity: .7;
  1554.            }
  1555.        
  1556.            .result>.tanggal {        
  1557.                display: flex;
  1558.                justify-content: center;
  1559.                background: transparent;
  1560.                color: var(--primary-text-color)!important;
  1561.                opacity: .7;
  1562.            }
  1563.        
  1564.            .result>.keluaran {
  1565.                display: flex;
  1566.                justify-content: end;
  1567.                /*color: var(--primary-text-color)!important;*/
  1568.                font-family: 'Abel', sans-serif;
  1569.                color: var(--highlight-text-color);
  1570.            }
  1571.            
  1572.        }
  1573. </style>
  1577. <div id="togel-desktop" class="togel-desktop desktop-only">
  1578.    
  1579.        
  1580.        
  1581.    
  1582.        <div class="togel-content ">
  1583.                            <a href="/?content=hasil&pid=TWH" class="result">
  1584.                    
  1585.                    <div class="badge">
  1586.                                            </div>
  1587.                    
  1588.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1589.                    <div class="keluaran">4575</div>
  1590.                    <div class="tanggal">JUMAT 9/5/2025</div>
  1591.                </a>
  1592.                            <a href="/?content=hasil&pid=HKD" class="result">
  1593.                    
  1594.                    <div class="badge">
  1595.                                            </div>
  1596.                    
  1597.                    <div class="pasaran">HK SIANG&nbsp</div>
  1598.                    <div class="keluaran">6194</div>
  1599.                    <div class="tanggal">JUMAT 9/5/2025</div>
  1600.                </a>
  1601.                            <a href="/?content=hasil&pid=SGM" class="result">
  1602.                    
  1603.                    <div class="badge">
  1604.                                            </div>
  1605.                    
  1606.                    <div class="pasaran">SG METRO&nbsp</div>
  1607.                    <div class="keluaran">8346</div>
  1608.                    <div class="tanggal">JUMAT 9/5/2025</div>
  1609.                </a>
  1610.                            <a href="/?content=hasil&pid=SY" class="result">
  1611.                    
  1612.                    <div class="badge">
  1613.                                            </div>
  1614.                    
  1615.                    <div class="pasaran">SYDNEY&nbsp</div>
  1616.                    <div class="keluaran">3181</div>
  1617.                    <div class="tanggal">JUMAT 9/5/2025</div>
  1618.                </a>
  1619.                            <a href="/?content=hasil&pid=MYD" class="result">
  1620.                    
  1621.                    <div class="badge">
  1622.                                            </div>
  1623.                    
  1624.                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  1625.                    <div class="keluaran">0407</div>
  1626.                    <div class="tanggal">JUMAT 9/5/2025</div>
  1627.                </a>
  1628.                            <a href="/?content=hasil&pid=SG" class="result">
  1629.                    
  1630.                    <div class="badge">
  1631.                                            </div>
  1632.                    
  1633.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1634.                    <div class="keluaran">0508</div>
  1635.                    <div class="tanggal">KAMIS 8/5/2025</div>
  1636.                </a>
  1637.                            <a href="/?content=hasil&pid=MY" class="result">
  1638.                    
  1639.                    <div class="badge">
  1640.                                            </div>
  1641.                    
  1642.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1643.                    <div class="keluaran">8306</div>
  1644.                    <div class="tanggal">KAMIS 8/5/2025</div>
  1645.                </a>
  1646.                            <a href="/?content=hasil&pid=MC" class="result">
  1647.                    
  1648.                    <div class="badge">
  1649.                                            </div>
  1650.                    
  1651.                    <div class="pasaran">MACAU&nbsp</div>
  1652.                    <div class="keluaran">2176</div>
  1653.                    <div class="tanggal">KAMIS 8/5/2025</div>
  1654.                </a>
  1655.                            <a href="/?content=hasil&pid=QTR" class="result">
  1656.                    
  1657.                    <div class="badge">
  1658.                                            </div>
  1659.                    
  1660.                    <div class="pasaran">QATAR&nbsp</div>
  1661.                    <div class="keluaran">0521</div>
  1662.                    <div class="tanggal">KAMIS 8/5/2025</div>
  1663.                </a>
  1664.                            <a href="/?content=hasil&pid=HK" class="result">
  1665.                    
  1666.                    <div class="badge">
  1667.                                            </div>
  1668.                    
  1669.                    <div class="pasaran">HONGKONG&nbsp</div>
  1670.                    <div class="keluaran">7780</div>
  1671.                    <div class="tanggal">KAMIS 8/5/2025</div>
  1672.                </a>
  1673.                        
  1674.        </div>
  1675.    </div>
  1676.    
  1677.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1678.        
  1679.        <div class="togel-title">Togel Result</div>
  1680.        
  1681.                
  1682.    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
  1683.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1684.              
  1685.                          
  1686.          </div>
  1687.          <div class="carousel-inner">
  1688.  
  1689.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1690.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  1691.                                    <div class="badge">
  1692.                                                                            </div>
  1693.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1694.                                    <div class="keluaran">4575</div>
  1695.                                    <div class="tanggal">09-05-2025</div>
  1696.                              </button>
  1697.                                                                <div id="paito-TWH" class="accordion-collapse collapse">
  1698.                                        
  1699.                                                <div class="result">
  1700.                                                    <div class="pasaran"></div>
  1701.                                                    <div class="keluaran">0783</div>
  1702.                                                    <div class="tanggal">09-05-2025</div>
  1703.                                                </div>
  1704.                                            
  1705.                                                <div class="result">
  1706.                                                    <div class="pasaran"></div>
  1707.                                                    <div class="keluaran">3215</div>
  1708.                                                    <div class="tanggal">09-05-2025</div>
  1709.                                                </div>
  1710.                                            
  1711.                                                <div class="result">
  1712.                                                    <div class="pasaran"></div>
  1713.                                                    <div class="keluaran">6763</div>
  1714.                                                    <div class="tanggal">09-05-2025</div>
  1715.                                                </div>
  1716.                                            
  1717.                                                <div class="result">
  1718.                                                    <div class="pasaran"></div>
  1719.                                                    <div class="keluaran">2691</div>
  1720.                                                    <div class="tanggal">08-05-2025</div>
  1721.                                                </div>
  1722.                                            
  1723.                                                <div class="result">
  1724.                                                    <div class="pasaran"></div>
  1725.                                                    <div class="keluaran">6978</div>
  1726.                                                    <div class="tanggal">08-05-2025</div>
  1727.                                                </div>
  1728.                                            
  1729.                                                <div class="result">
  1730.                                                    <div class="pasaran"></div>
  1731.                                                    <div class="keluaran">9382</div>
  1732.                                                    <div class="tanggal">08-05-2025</div>
  1733.                                                </div>
  1734.                                            
  1735.                                                <div class="result">
  1736.                                                    <div class="pasaran"></div>
  1737.                                                    <div class="keluaran">1867</div>
  1738.                                                    <div class="tanggal">08-05-2025</div>
  1739.                                                </div>
  1740.                                                                                </div>
  1741.                                                            </div>
  1742.                            
  1743.                                                    <div class="result-data accordion-item">
  1744.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  1745.                                    <div class="badge">
  1746.                                                                            </div>
  1747.                                    <div class="pasaran">HK SIANG&nbsp</div>
  1748.                                    <div class="keluaran">6194</div>
  1749.                                    <div class="tanggal">09-05-2025</div>
  1750.                              </button>
  1751.                                                                <div id="paito-HKD" class="accordion-collapse collapse">
  1752.                                        
  1753.                                                <div class="result">
  1754.                                                    <div class="pasaran"></div>
  1755.                                                    <div class="keluaran">1717</div>
  1756.                                                    <div class="tanggal">08-05-2025</div>
  1757.                                                </div>
  1758.                                            
  1759.                                                <div class="result">
  1760.                                                    <div class="pasaran"></div>
  1761.                                                    <div class="keluaran">8739</div>
  1762.                                                    <div class="tanggal">07-05-2025</div>
  1763.                                                </div>
  1764.                                            
  1765.                                                <div class="result">
  1766.                                                    <div class="pasaran"></div>
  1767.                                                    <div class="keluaran">8478</div>
  1768.                                                    <div class="tanggal">06-05-2025</div>
  1769.                                                </div>
  1770.                                            
  1771.                                                <div class="result">
  1772.                                                    <div class="pasaran"></div>
  1773.                                                    <div class="keluaran">3574</div>
  1774.                                                    <div class="tanggal">05-05-2025</div>
  1775.                                                </div>
  1776.                                            
  1777.                                                <div class="result">
  1778.                                                    <div class="pasaran"></div>
  1779.                                                    <div class="keluaran">0375</div>
  1780.                                                    <div class="tanggal">04-05-2025</div>
  1781.                                                </div>
  1782.                                            
  1783.                                                <div class="result">
  1784.                                                    <div class="pasaran"></div>
  1785.                                                    <div class="keluaran">9070</div>
  1786.                                                    <div class="tanggal">03-05-2025</div>
  1787.                                                </div>
  1788.                                            
  1789.                                                <div class="result">
  1790.                                                    <div class="pasaran"></div>
  1791.                                                    <div class="keluaran">4289</div>
  1792.                                                    <div class="tanggal">02-05-2025</div>
  1793.                                                </div>
  1794.                                                                                </div>
  1795.                                                            </div>
  1796.                            
  1797.                                                    <div class="result-data accordion-item">
  1798.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
  1799.                                    <div class="badge">
  1800.                                                                            </div>
  1801.                                    <div class="pasaran">SG METRO&nbsp</div>
  1802.                                    <div class="keluaran">8346</div>
  1803.                                    <div class="tanggal">09-05-2025</div>
  1804.                              </button>
  1805.                                                                <div id="paito-SGM" class="accordion-collapse collapse">
  1806.                                        
  1807.                                                <div class="result">
  1808.                                                    <div class="pasaran"></div>
  1809.                                                    <div class="keluaran">2967</div>
  1810.                                                    <div class="tanggal">08-05-2025</div>
  1811.                                                </div>
  1812.                                            
  1813.                                                <div class="result">
  1814.                                                    <div class="pasaran"></div>
  1815.                                                    <div class="keluaran">2060</div>
  1816.                                                    <div class="tanggal">07-05-2025</div>
  1817.                                                </div>
  1818.                                            
  1819.                                                <div class="result">
  1820.                                                    <div class="pasaran"></div>
  1821.                                                    <div class="keluaran">2286</div>
  1822.                                                    <div class="tanggal">06-05-2025</div>
  1823.                                                </div>
  1824.                                            
  1825.                                                <div class="result">
  1826.                                                    <div class="pasaran"></div>
  1827.                                                    <div class="keluaran">0956</div>
  1828.                                                    <div class="tanggal">05-05-2025</div>
  1829.                                                </div>
  1830.                                            
  1831.                                                <div class="result">
  1832.                                                    <div class="pasaran"></div>
  1833.                                                    <div class="keluaran">4042</div>
  1834.                                                    <div class="tanggal">04-05-2025</div>
  1835.                                                </div>
  1836.                                            
  1837.                                                <div class="result">
  1838.                                                    <div class="pasaran"></div>
  1839.                                                    <div class="keluaran">1429</div>
  1840.                                                    <div class="tanggal">03-05-2025</div>
  1841.                                                </div>
  1842.                                            
  1843.                                                <div class="result">
  1844.                                                    <div class="pasaran"></div>
  1845.                                                    <div class="keluaran">8863</div>
  1846.                                                    <div class="tanggal">02-05-2025</div>
  1847.                                                </div>
  1848.                                                                                </div>
  1849.                                                            </div>
  1850.                            
  1851.                                                    <div class="result-data accordion-item">
  1852.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
  1853.                                    <div class="badge">
  1854.                                                                            </div>
  1855.                                    <div class="pasaran">SYDNEY&nbsp</div>
  1856.                                    <div class="keluaran">3181</div>
  1857.                                    <div class="tanggal">09-05-2025</div>
  1858.                              </button>
  1859.                                                                <div id="paito-SY" class="accordion-collapse collapse">
  1860.                                        
  1861.                                                <div class="result">
  1862.                                                    <div class="pasaran"></div>
  1863.                                                    <div class="keluaran">4659</div>
  1864.                                                    <div class="tanggal">08-05-2025</div>
  1865.                                                </div>
  1866.                                            
  1867.                                                <div class="result">
  1868.                                                    <div class="pasaran"></div>
  1869.                                                    <div class="keluaran">2954</div>
  1870.                                                    <div class="tanggal">07-05-2025</div>
  1871.                                                </div>
  1872.                                            
  1873.                                                <div class="result">
  1874.                                                    <div class="pasaran"></div>
  1875.                                                    <div class="keluaran">7980</div>
  1876.                                                    <div class="tanggal">06-05-2025</div>
  1877.                                                </div>
  1878.                                            
  1879.                                                <div class="result">
  1880.                                                    <div class="pasaran"></div>
  1881.                                                    <div class="keluaran">7523</div>
  1882.                                                    <div class="tanggal">05-05-2025</div>
  1883.                                                </div>
  1884.                                            
  1885.                                                <div class="result">
  1886.                                                    <div class="pasaran"></div>
  1887.                                                    <div class="keluaran">2846</div>
  1888.                                                    <div class="tanggal">04-05-2025</div>
  1889.                                                </div>
  1890.                                            
  1891.                                                <div class="result">
  1892.                                                    <div class="pasaran"></div>
  1893.                                                    <div class="keluaran">4403</div>
  1894.                                                    <div class="tanggal">03-05-2025</div>
  1895.                                                </div>
  1896.                                            
  1897.                                                <div class="result">
  1898.                                                    <div class="pasaran"></div>
  1899.                                                    <div class="keluaran">3748</div>
  1900.                                                    <div class="tanggal">02-05-2025</div>
  1901.                                                </div>
  1902.                                                                                </div>
  1903.                                                            </div>
  1904.                            
  1905.                                                    <div class="result-data accordion-item">
  1906.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
  1907.                                    <div class="badge">
  1908.                                                                            </div>
  1909.                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  1910.                                    <div class="keluaran">0407</div>
  1911.                                    <div class="tanggal">09-05-2025</div>
  1912.                              </button>
  1913.                                                                <div id="paito-MYD" class="accordion-collapse collapse">
  1914.                                        
  1915.                                                <div class="result">
  1916.                                                    <div class="pasaran"></div>
  1917.                                                    <div class="keluaran">4498</div>
  1918.                                                    <div class="tanggal">08-05-2025</div>
  1919.                                                </div>
  1920.                                            
  1921.                                                <div class="result">
  1922.                                                    <div class="pasaran"></div>
  1923.                                                    <div class="keluaran">7748</div>
  1924.                                                    <div class="tanggal">07-05-2025</div>
  1925.                                                </div>
  1926.                                            
  1927.                                                <div class="result">
  1928.                                                    <div class="pasaran"></div>
  1929.                                                    <div class="keluaran">3291</div>
  1930.                                                    <div class="tanggal">06-05-2025</div>
  1931.                                                </div>
  1932.                                            
  1933.                                                <div class="result">
  1934.                                                    <div class="pasaran"></div>
  1935.                                                    <div class="keluaran">6020</div>
  1936.                                                    <div class="tanggal">05-05-2025</div>
  1937.                                                </div>
  1938.                                            
  1939.                                                <div class="result">
  1940.                                                    <div class="pasaran"></div>
  1941.                                                    <div class="keluaran">9803</div>
  1942.                                                    <div class="tanggal">04-05-2025</div>
  1943.                                                </div>
  1944.                                            
  1945.                                                <div class="result">
  1946.                                                    <div class="pasaran"></div>
  1947.                                                    <div class="keluaran">6399</div>
  1948.                                                    <div class="tanggal">03-05-2025</div>
  1949.                                                </div>
  1950.                                            
  1951.                                                <div class="result">
  1952.                                                    <div class="pasaran"></div>
  1953.                                                    <div class="keluaran">4082</div>
  1954.                                                    <div class="tanggal">02-05-2025</div>
  1955.                                                </div>
  1956.                                                                                </div>
  1957.                                                            </div>
  1958.                            
  1959.                                                    <div class="result-data accordion-item">
  1960.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  1961.                                    <div class="badge">
  1962.                                                                            </div>
  1963.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  1964.                                    <div class="keluaran">0508</div>
  1965.                                    <div class="tanggal">08-05-2025</div>
  1966.                              </button>
  1967.                                                                <div id="paito-SG" class="accordion-collapse collapse">
  1968.                                        
  1969.                                                <div class="result">
  1970.                                                    <div class="pasaran"></div>
  1971.                                                    <div class="keluaran">2092</div>
  1972.                                                    <div class="tanggal">07-05-2025</div>
  1973.                                                </div>
  1974.                                            
  1975.                                                <div class="result">
  1976.                                                    <div class="pasaran"></div>
  1977.                                                    <div class="keluaran">6815</div>
  1978.                                                    <div class="tanggal">05-05-2025</div>
  1979.                                                </div>
  1980.                                            
  1981.                                                <div class="result">
  1982.                                                    <div class="pasaran"></div>
  1983.                                                    <div class="keluaran">5507</div>
  1984.                                                    <div class="tanggal">04-05-2025</div>
  1985.                                                </div>
  1986.                                            
  1987.                                                <div class="result">
  1988.                                                    <div class="pasaran"></div>
  1989.                                                    <div class="keluaran">6996</div>
  1990.                                                    <div class="tanggal">03-05-2025</div>
  1991.                                                </div>
  1992.                                            
  1993.                                                <div class="result">
  1994.                                                    <div class="pasaran"></div>
  1995.                                                    <div class="keluaran">0559</div>
  1996.                                                    <div class="tanggal">01-05-2025</div>
  1997.                                                </div>
  1998.                                            
  1999.                                                <div class="result">
  2000.                                                    <div class="pasaran"></div>
  2001.                                                    <div class="keluaran">4655</div>
  2002.                                                    <div class="tanggal">30-04-2025</div>
  2003.                                                </div>
  2004.                                            
  2005.                                                <div class="result">
  2006.                                                    <div class="pasaran"></div>
  2007.                                                    <div class="keluaran">0279</div>
  2008.                                                    <div class="tanggal">28-04-2025</div>
  2009.                                                </div>
  2010.                                                                                </div>
  2011.                                                            </div>
  2012.                            
  2013.                                                    <div class="result-data accordion-item">
  2014.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  2015.                                    <div class="badge">
  2016.                                                                            </div>
  2017.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  2018.                                    <div class="keluaran">8306</div>
  2019.                                    <div class="tanggal">08-05-2025</div>
  2020.                              </button>
  2021.                                                                <div id="paito-MY" class="accordion-collapse collapse">
  2022.                                        
  2023.                                                <div class="result">
  2024.                                                    <div class="pasaran"></div>
  2025.                                                    <div class="keluaran">4672</div>
  2026.                                                    <div class="tanggal">07-05-2025</div>
  2027.                                                </div>
  2028.                                            
  2029.                                                <div class="result">
  2030.                                                    <div class="pasaran"></div>
  2031.                                                    <div class="keluaran">8654</div>
  2032.                                                    <div class="tanggal">06-05-2025</div>
  2033.                                                </div>
  2034.                                            
  2035.                                                <div class="result">
  2036.                                                    <div class="pasaran"></div>
  2037.                                                    <div class="keluaran">6374</div>
  2038.                                                    <div class="tanggal">05-05-2025</div>
  2039.                                                </div>
  2040.                                            
  2041.                                                <div class="result">
  2042.                                                    <div class="pasaran"></div>
  2043.                                                    <div class="keluaran">2679</div>
  2044.                                                    <div class="tanggal">04-05-2025</div>
  2045.                                                </div>
  2046.                                            
  2047.                                                <div class="result">
  2048.                                                    <div class="pasaran"></div>
  2049.                                                    <div class="keluaran">9173</div>
  2050.                                                    <div class="tanggal">03-05-2025</div>
  2051.                                                </div>
  2052.                                            
  2053.                                                <div class="result">
  2054.                                                    <div class="pasaran"></div>
  2055.                                                    <div class="keluaran">2337</div>
  2056.                                                    <div class="tanggal">02-05-2025</div>
  2057.                                                </div>
  2058.                                            
  2059.                                                <div class="result">
  2060.                                                    <div class="pasaran"></div>
  2061.                                                    <div class="keluaran">7186</div>
  2062.                                                    <div class="tanggal">01-05-2025</div>
  2063.                                                </div>
  2064.                                                                                </div>
  2065.                                                            </div>
  2066.                            
  2067.                                                    <div class="result-data accordion-item">
  2068.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MC">
  2069.                                    <div class="badge">
  2070.                                                                            </div>
  2071.                                    <div class="pasaran">MACAU&nbsp</div>
  2072.                                    <div class="keluaran">2176</div>
  2073.                                    <div class="tanggal">08-05-2025</div>
  2074.                              </button>
  2075.                                                                <div id="paito-MC" class="accordion-collapse collapse">
  2076.                                        
  2077.                                                <div class="result">
  2078.                                                    <div class="pasaran"></div>
  2079.                                                    <div class="keluaran">8154</div>
  2080.                                                    <div class="tanggal">07-05-2025</div>
  2081.                                                </div>
  2082.                                            
  2083.                                                <div class="result">
  2084.                                                    <div class="pasaran"></div>
  2085.                                                    <div class="keluaran">9187</div>
  2086.                                                    <div class="tanggal">06-05-2025</div>
  2087.                                                </div>
  2088.                                            
  2089.                                                <div class="result">
  2090.                                                    <div class="pasaran"></div>
  2091.                                                    <div class="keluaran">0494</div>
  2092.                                                    <div class="tanggal">05-05-2025</div>
  2093.                                                </div>
  2094.                                            
  2095.                                                <div class="result">
  2096.                                                    <div class="pasaran"></div>
  2097.                                                    <div class="keluaran">3980</div>
  2098.                                                    <div class="tanggal">04-05-2025</div>
  2099.                                                </div>
  2100.                                            
  2101.                                                <div class="result">
  2102.                                                    <div class="pasaran"></div>
  2103.                                                    <div class="keluaran">0349</div>
  2104.                                                    <div class="tanggal">03-05-2025</div>
  2105.                                                </div>
  2106.                                            
  2107.                                                <div class="result">
  2108.                                                    <div class="pasaran"></div>
  2109.                                                    <div class="keluaran">2789</div>
  2110.                                                    <div class="tanggal">02-05-2025</div>
  2111.                                                </div>
  2112.                                            
  2113.                                                <div class="result">
  2114.                                                    <div class="pasaran"></div>
  2115.                                                    <div class="keluaran">5407</div>
  2116.                                                    <div class="tanggal">01-05-2025</div>
  2117.                                                </div>
  2118.                                                                                </div>
  2119.                                                            </div>
  2120.                            
  2121.                                                    <div class="result-data accordion-item">
  2122.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
  2123.                                    <div class="badge">
  2124.                                                                            </div>
  2125.                                    <div class="pasaran">QATAR&nbsp</div>
  2126.                                    <div class="keluaran">0521</div>
  2127.                                    <div class="tanggal">08-05-2025</div>
  2128.                              </button>
  2129.                                                                <div id="paito-QTR" class="accordion-collapse collapse">
  2130.                                        
  2131.                                                <div class="result">
  2132.                                                    <div class="pasaran"></div>
  2133.                                                    <div class="keluaran">1454</div>
  2134.                                                    <div class="tanggal">07-05-2025</div>
  2135.                                                </div>
  2136.                                            
  2137.                                                <div class="result">
  2138.                                                    <div class="pasaran"></div>
  2139.                                                    <div class="keluaran">3182</div>
  2140.                                                    <div class="tanggal">06-05-2025</div>
  2141.                                                </div>
  2142.                                            
  2143.                                                <div class="result">
  2144.                                                    <div class="pasaran"></div>
  2145.                                                    <div class="keluaran">7166</div>
  2146.                                                    <div class="tanggal">05-05-2025</div>
  2147.                                                </div>
  2148.                                            
  2149.                                                <div class="result">
  2150.                                                    <div class="pasaran"></div>
  2151.                                                    <div class="keluaran">8195</div>
  2152.                                                    <div class="tanggal">04-05-2025</div>
  2153.                                                </div>
  2154.                                            
  2155.                                                <div class="result">
  2156.                                                    <div class="pasaran"></div>
  2157.                                                    <div class="keluaran">9361</div>
  2158.                                                    <div class="tanggal">03-05-2025</div>
  2159.                                                </div>
  2160.                                            
  2161.                                                <div class="result">
  2162.                                                    <div class="pasaran"></div>
  2163.                                                    <div class="keluaran">4430</div>
  2164.                                                    <div class="tanggal">02-05-2025</div>
  2165.                                                </div>
  2166.                                            
  2167.                                                <div class="result">
  2168.                                                    <div class="pasaran"></div>
  2169.                                                    <div class="keluaran">6339</div>
  2170.                                                    <div class="tanggal">01-05-2025</div>
  2171.                                                </div>
  2172.                                                                                </div>
  2173.                                                            </div>
  2174.                            
  2175.                                                    <div class="result-data accordion-item">
  2176.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
  2177.                                    <div class="badge">
  2178.                                                                            </div>
  2179.                                    <div class="pasaran">HONGKONG&nbsp</div>
  2180.                                    <div class="keluaran">7780</div>
  2181.                                    <div class="tanggal">08-05-2025</div>
  2182.                              </button>
  2183.                                                                <div id="paito-HK" class="accordion-collapse collapse">
  2184.                                        
  2185.                                                <div class="result">
  2186.                                                    <div class="pasaran"></div>
  2187.                                                    <div class="keluaran">8790</div>
  2188.                                                    <div class="tanggal">07-05-2025</div>
  2189.                                                </div>
  2190.                                            
  2191.                                                <div class="result">
  2192.                                                    <div class="pasaran"></div>
  2193.                                                    <div class="keluaran">2299</div>
  2194.                                                    <div class="tanggal">06-05-2025</div>
  2195.                                                </div>
  2196.                                            
  2197.                                                <div class="result">
  2198.                                                    <div class="pasaran"></div>
  2199.                                                    <div class="keluaran">5306</div>
  2200.                                                    <div class="tanggal">05-05-2025</div>
  2201.                                                </div>
  2202.                                            
  2203.                                                <div class="result">
  2204.                                                    <div class="pasaran"></div>
  2205.                                                    <div class="keluaran">2212</div>
  2206.                                                    <div class="tanggal">04-05-2025</div>
  2207.                                                </div>
  2208.                                            
  2209.                                                <div class="result">
  2210.                                                    <div class="pasaran"></div>
  2211.                                                    <div class="keluaran">2167</div>
  2212.                                                    <div class="tanggal">03-05-2025</div>
  2213.                                                </div>
  2214.                                            
  2215.                                                <div class="result">
  2216.                                                    <div class="pasaran"></div>
  2217.                                                    <div class="keluaran">6641</div>
  2218.                                                    <div class="tanggal">02-05-2025</div>
  2219.                                                </div>
  2220.                                            
  2221.                                                <div class="result">
  2222.                                                    <div class="pasaran"></div>
  2223.                                                    <div class="keluaran">3748</div>
  2224.                                                    <div class="tanggal">01-05-2025</div>
  2225.                                                </div>
  2226.                                                                                </div>
  2227.                                                            </div>
  2228.                            
  2229.                        </div>              
  2230.              
  2231.          </div>
  2232.        </div>
  2233.    </div>
  2234.    
  2235.    <script>
  2236.        
  2237.        function togglePaito(paitoid) {
  2238.            let paito = document.getElementById(paitoid);
  2239.            paito.classList.add("open");
  2240.        }
  2241.        
  2242.        
  2243.    </script>
  2244.  
  2245.    
  2246.            <div class="provider">
  2247.                <div class="provider-group">
  2248.                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  2249.                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
  2250.    
  2251.                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  2252.                </div>
  2253.            </div>
  2254.            
  2255.            <div class="transaksi">
  2256.    
  2257.                <div>
  2258.                    <div class="transaksi-kontak">
  2259.                        
  2260.                        <div class="d-flex flex-column w-100">
  2261.                            <div class="transaksi-title">
  2262.                                <div class="transaksi-title-group">
  2263.                                    <div class="fitur-header">Transaksi</div>
  2264.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  2265.                                </div>
  2266.                                
  2267.                                <div class="devider desktop-only" style="width: 320px"></div>
  2268.                            </div>
  2269.                            
  2270.                            <div class="transaksi-content">
  2271.                                <!-- Bank -->
  2272.                                
  2273. <style>
  2274.  
  2275.    .transaksi-group {
  2276.        display: grid;
  2277.        grid-template-columns: 380px 1fr;
  2278.        justify-content: space-between;
  2279.        grid-template-areas:
  2280.        "transaksi-bank transaksi-other";
  2281.    }
  2282.    
  2283.    .transaksi-bank {
  2284.        grid-area: transaksi-bank;
  2285.        display: grid;
  2286.        place-items: center
  2287.    }
  2288.    
  2289.    .transaksi-other {
  2290.        grid-area: transaksi-other;
  2291.        display: flex;
  2292.        justify-content: space-evenly;
  2293.        width: 100%;
  2294.    }
  2295.    
  2296.    .transaksi-list-bank {
  2297.        height: fit-content;
  2298.        display: grid;
  2299.        grid-template-columns: repeat(4, 92px);
  2300.        grid-template-rows: repeat(4, auto);
  2301.        gap: 4px;
  2302.    }
  2303.    
  2304.    .transaksi-list-other {
  2305.        height: fit-content;
  2306.        display: grid;
  2307.        grid-template-columns: repeat(3, 92px);
  2308.        gap: 4px;
  2309.    }
  2310.    
  2311.    
  2312.    .transaksi-item {
  2313.        display: flex;
  2314.        flex-direction: column;
  2315.        /* transform: perspective(10px) rotateX(3deg); */
  2316.    }
  2317.    
  2318.    .transaksi-header {
  2319.  
  2320.        height: 30px;
  2321.        border-radius: 5px;
  2322.        display: grid;
  2323.        place-items: center;
  2324.        font-weight: bold;
  2325.        border: 2px solid rgba(108,108,108,1);
  2326.        background: rgba(54,54,54,1);
  2327.        color: white;
  2328.    }
  2329.    
  2330.    .transaksi-status {
  2331.        margin-left: 3px;
  2332.        margin-right: 3px;
  2333.        height: 3px;
  2334.        border-radius: 0px 0px 4px 4px;
  2335.        background: rgb(54,54,54);
  2336.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  2337.    }
  2338.    
  2339.    .header-green {
  2340.        background: rgba(44,121,6,1);
  2341.        border-color: rgba(168,255,0,1);
  2342.    }
  2343.    
  2344.    .header-blue {
  2345.        background: rgba(0,80,89,1);
  2346.        border-color: rgba(0,255,204,1);
  2347.    }
  2348.    
  2349.    .status-green {
  2350.        background: rgb(44,121,6);
  2351.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  2352.    }
  2353.    
  2354.    .status-blue {
  2355.        background: rgb(0,80,89);
  2356.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  2357.    }
  2358.    
  2359.    .transaksi-name {
  2360.        font-size: 1.1rem;
  2361.        font-weight: bold;
  2362.        line-height: 1.5rem
  2363.    }
  2364.    
  2365.    .transaksi-wrapper {
  2366.        display: flex;
  2367.        flex-direction: column;
  2368.        gap: .5rem;
  2369.    }
  2370.    #transaksi-bank-indicators .carousel-inner .carousel-item.active {
  2371.    height: 154px;
  2372. }
  2373.  
  2374.    @media only screen and (max-width: 768px) {
  2375.        
  2376.        .transaksi-group {
  2377.            display: grid;
  2378.            grid-template-columns: 1fr;
  2379.            grid-template-areas:
  2380.            "transaksi-bank"
  2381.            "transaksi-other";
  2382.            gap: 16px;
  2383.            
  2384.        }
  2385.        
  2386.        .transaksi-header {
  2387.            font-size: 1.1rem;
  2388.            height: 36px;
  2389.        }
  2390.        
  2391.        .transaksi-list-bank {
  2392.            grid-template-columns: repeat(4, 1fr);
  2393.        }
  2394.        
  2395.        .transaksi-list-other {
  2396.            grid-template-columns: repeat(4, 1fr);
  2397.        }
  2398.        
  2399.        .transaksi-list {
  2400.            display: grid;
  2401.            grid-template-columns: repeat(3, 1fr);
  2402.        }
  2403.        
  2404.        .transaksi-item {
  2405.            width: 100%;
  2406.        }
  2407.        
  2408.        .transaksi-title-group {
  2409.            justify-content: center;
  2410.            padding: 16px 0;
  2411.        }
  2412.        
  2413.        .transaksi-name {
  2414.            font-size: 1.3rem;
  2415.            text-align: center;    
  2416.        }
  2417.  
  2418.        .transaksi-wrapper {
  2419.            width: 100%;
  2420.            max-width: 100%!important;
  2421.            gap: 1rem;
  2422.        }
  2423.  
  2424.        #transaksi-bank-indicators .carousel-inner .carousel-item.active {
  2425.    height: 184px!important;
  2426. }
  2427.        
  2428.  
  2429.    }
  2430. </style>
  2431.  
  2432.  
  2433. <div class="transaksi-group">
  2434.    <div class="transaksi-bank">
  2435.  
  2436.            <div class="transaksi-wrapper">
  2437.                <div class="transaksi-name">Bank Lokal</div>
  2438.                
  2439.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  2440.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2441.                    
  2442.                                        
  2443.                </div>
  2444.                <div class="carousel-inner" >
  2445.                                            <div class="carousel-item active">
  2446.                            <div class="transaksi-list-bank">
  2447.                            
  2448.                                                        
  2449.                                                                
  2450.                                <div class="transaksi-item">
  2451.                                    <div class="transaksi-header">BCA</div>
  2452.                                    <div class="transaksi-status status-green"></div>
  2453.                                </div>
  2454.                                                        
  2455.                                                                
  2456.                                <div class="transaksi-item">
  2457.                                    <div class="transaksi-header">Mandiri</div>
  2458.                                    <div class="transaksi-status status-green"></div>
  2459.                                </div>
  2460.                                                        
  2461.                                                                
  2462.                                <div class="transaksi-item">
  2463.                                    <div class="transaksi-header">BNI</div>
  2464.                                    <div class="transaksi-status status-green"></div>
  2465.                                </div>
  2466.                                                        
  2467.                                                                
  2468.                                <div class="transaksi-item">
  2469.                                    <div class="transaksi-header">BRI</div>
  2470.                                    <div class="transaksi-status status-green"></div>
  2471.                                </div>
  2472.                                                        
  2473.                                                                
  2474.                                <div class="transaksi-item">
  2475.                                    <div class="transaksi-header">Permata</div>
  2476.                                    <div class="transaksi-status status-green"></div>
  2477.                                </div>
  2478.                                                        
  2479.                                                            
  2480.                            </div>
  2481.                        </div>
  2482.                    
  2483.                    
  2484.                    
  2485.                  </div>
  2486.                </div>
  2487.  
  2488.        </div>
  2489.    </div>
  2490.    
  2491.    <div class="transaksi-other">
  2492.            
  2493.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2494.            
  2495.            <div class="transaksi-wrapper" style="max-width: 284px">
  2496.  
  2497.                <div class="transaksi-name">E Money & Pulsa</div>
  2498.  
  2499.    
  2500.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  2501.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2502.                    
  2503.                                        
  2504.                    </div>
  2505.                  <div class="carousel-inner" >
  2506.                                            <div class="carousel-item active">
  2507.                            <div class="transaksi-list-other">
  2508.                            
  2509.                                                        
  2510.                                                                
  2511.                                <div class="transaksi-item">
  2512.                                    <div class="transaksi-header">DANA</div>
  2513.                                    <div class="transaksi-status status-blue"></div>
  2514.                                </div>
  2515.                                                        
  2516.                                                                
  2517.                                <div class="transaksi-item">
  2518.                                    <div class="transaksi-header">OVO</div>
  2519.                                    <div class="transaksi-status status-blue"></div>
  2520.                                </div>
  2521.                                                        
  2522.                                                                
  2523.                                <div class="transaksi-item">
  2524.                                    <div class="transaksi-header">ShopeePay</div>
  2525.                                    <div class="transaksi-status status-blue"></div>
  2526.                                </div>
  2527.                                                        
  2528.                                                                
  2529.                                <div class="transaksi-item">
  2530.                                    <div class="transaksi-header">GOPAY</div>
  2531.                                    <div class="transaksi-status status-blue"></div>
  2532.                                </div>
  2533.                                                        
  2534.                                                                
  2535.                                <div class="transaksi-item">
  2536.                                    <div class="transaksi-header">LinkAja</div>
  2537.                                    <div class="transaksi-status status-blue"></div>
  2538.                                </div>
  2539.                                                        
  2540.                                                                
  2541.                                <div class="transaksi-item">
  2542.                                    <div class="transaksi-header">Sakuku</div>
  2543.                                    <div class="transaksi-status status-blue"></div>
  2544.                                </div>
  2545.                                                        
  2546.                                                                
  2547.                                <div class="transaksi-item">
  2548.                                    <div class="transaksi-header">Lain-lain</div>
  2549.                                    <div class="transaksi-status status-blue"></div>
  2550.                                </div>
  2551.                                                        
  2552.                                                                
  2553.                                <div class="transaksi-item">
  2554.                                    <div class="transaksi-header">Telkomsel</div>
  2555.                                    <div class="transaksi-status status-blue"></div>
  2556.                                </div>
  2557.                                                        
  2558.                                                            
  2559.                            </div>
  2560.                        </div>
  2561.                    
  2562.                    
  2563.                    
  2564.                </div>
  2565.            </div>
  2566.        </div>
  2567.        
  2568.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2569.    </div>
  2570. </div>
  2571.  
  2572.  
  2573.        
  2574.  
  2575.  
  2576.                            </div>
  2577.                            
  2578.                            
  2579.                        </div>
  2580.                        
  2581.                        <div class="d-flex flex-column desktop-only" style="width: 180px">
  2582.                            
  2583.                            <div class="transaksi-title">
  2584.                                <div class="transaksi-title-group">
  2585.                                    <div class="fitur-header">Kontak Kami</div>
  2586.                                </div>
  2587.                                
  2588.                                <div class="devider desktop-only"></div>
  2589.                            </div>
  2590.                            
  2591.    
  2592.                            
  2593. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  2594.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  2595.        
  2596.                
  2597.    </div>
  2598.      <div class="carousel-inner" style="height: 164px">
  2599.                    <div class="carousel-item active">
  2600.                <div>
  2601.                
  2602.                                
  2603.                                        
  2604.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  2605.                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
  2606.  
  2607.                                                            <a class="d-flex flex-column" href="https://wa.me/6282311927943" target='_blank'>
  2608.                                       <div style="color: #888888;">WHATSAPP</div>
  2609.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">WHATSAPP SUKATOTO</div>
  2610.                                    </a>
  2611.                                
  2612.                                
  2613.                    </div>
  2614.                                
  2615.                                        
  2616.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  2617.                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
  2618.  
  2619.                                                            <a class="d-flex flex-column" href="https://t.me/sukatoto777" target='_blank'>
  2620.                                       <div style="color: #888888;">TELEGRAM</div>
  2621.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">TELEGRAM SUKATOTO</div>
  2622.                                    </a>
  2623.                                
  2624.                                
  2625.                    </div>
  2626.                                
  2627.                                    
  2628.                </div>
  2629.            </div>
  2630.        
  2631.        
  2632.        
  2633.    </div>
  2634. </div>
  2635.                                    
  2636.                        </div>
  2637.                    </div>
  2638.                </div>
  2639.            </div>
  2640.            
  2641.            <div class="guidelines">
  2642.                <div class="guidelines-content desktop-only">
  2643.                    <img src="https://img.viva88athenae.com/guidelines.png" />
  2644.                </div>
  2645.            </div>
  2646.    
  2647.    
  2648.            <div class="bantuan">
  2649.                                <ul class="bantuan-content">
  2650.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  2651.                    <div class="bantuan-devider desktop-only">|</div>
  2652.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  2653.                    <div class="bantuan-devider desktop-only">|</div>
  2654.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  2655.                    <div class="bantuan-devider desktop-only">|</div>
  2656.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  2657.                    <div class="bantuan-devider desktop-only">|</div>
  2658.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  2659.                    <div class="bantuan-devider desktop-only">|</div>
  2660.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  2661.                    <div class="bantuan-devider desktop-only">|</div>
  2662.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  2663.                </ul>
  2664.                            </div>
  2665.    
  2666.    
  2667.            <footer class="footer">
  2668.                <div>
  2669.                    <h1>Sukatoto: Situs Terbaik Game Online Gacor Gampang Menang</h1>
  2670. <h2>Apa Itu Sukatoto?</h2>
  2671. <h3>Pengertian Sukatoto</h3>
  2672. <p>Sukatoto adalah salah satu situs game online yang dikenal dengan berbagai jenis permainan menarik dan peluang menang yang tinggi. Sebagai platform terpercaya, Sukatoto menyediakan berbagai macam permainan seperti slot, poker, dan live casino yang dirancang untuk memberikan pengalaman bermain yang luar biasa kepada para penggunanya.</p>
  2673. <h3>Sejarah Sukatoto</h3>
  2674. <p>Sukatoto didirikan dengan tujuan memberikan pengalaman bermain game online yang aman dan menyenangkan. Sejak awal berdiri, Sukatoto telah berkomitmen untuk selalu menyediakan layanan terbaik bagi para pemainnya dengan menghadirkan inovasi dan fitur-fitur unggulan yang terus diperbarui.</p>
  2675. <h2>Keunggulan Sukatoto Sebagai Situs Game Online</h2>
  2676. <h3>Kemudahan Akses</h3>
  2677. <p>Sukatoto dapat diakses dengan mudah melalui berbagai perangkat, baik itu komputer, tablet, maupun smartphone. Situs ini dirancang dengan tampilan yang responsif sehingga memudahkan pengguna untuk bermain kapan saja dan di mana saja.</p>
  2678. <h3>Antarmuka Pengguna</h3>
  2679. <p>Antarmuka pengguna Sukatoto sangat intuitif dan mudah digunakan, bahkan untuk pemain baru. Desain yang bersih dan navigasi yang sederhana membuat pengalaman bermain menjadi lebih menyenangkan.</p>
  2680. <h3>Layanan Pelanggan</h3>
  2681. <p>Layanan pelanggan Sukatoto tersedia 24/7 untuk membantu pemain dengan segala pertanyaan dan masalah yang mungkin timbul. Tim dukungan pelanggan profesional siap memberikan solusi cepat dan efektif melalui live chat, email, atau telepon.</p>
  2682. <h2>Jenis-Jenis Game di Sukatoto</h2>
  2683. <h3>Game Slot</h3>
  2684. <p>Sukatoto menawarkan berbagai macam game slot dengan tema dan fitur yang beragam. Mulai dari slot klasik hingga slot video modern dengan grafis menakjubkan, semua tersedia untuk memenuhi selera setiap pemain.</p>
  2685. <h3>Poker Online</h3>
  2686. <p>Poker online adalah salah satu game paling populer di Sukatoto. Pemain dapat menikmati berbagai jenis permainan poker seperti Texas Hold'em, Omaha, dan lainnya dengan pemain dari seluruh dunia.</p>
  2687. <h3>Live Casino</h3>
  2688. <p>Fitur live casino di <a href="https://sketchysantas.com/">Sukatoto</a> memungkinkan pemain merasakan sensasi bermain di kasino sungguhan. Dengan dealer nyata dan interaksi langsung, pengalaman bermain menjadi lebih hidup dan menarik.</p>
  2689. <h2>Fitur Unggulan di Sukatoto</h2>
  2690. <h3>Bonus dan Promosi</h3>
  2691. <p>Sukatoto dikenal dengan berbagai bonus dan promosi menarik yang ditawarkan kepada para pemainnya. Mulai dari bonus selamat datang, bonus deposit, hingga promosi mingguan dan bulanan, semuanya dirancang untuk memberikan nilai tambah kepada pemain.</p>
  2692. <h3>Keamanan dan Privasi</h3>
  2693. <p>Keamanan dan privasi pemain adalah prioritas utama di Sukatoto. Situs ini menggunakan teknologi enkripsi terbaru untuk melindungi data pribadi dan transaksi pemain, sehingga mereka dapat bermain dengan tenang tanpa khawatir.</p>
  2694. <h3>Transaksi Cepat dan Mudah</h3>
  2695. <p>Proses transaksi di Sukatoto sangat cepat dan mudah. Pemain dapat melakukan deposit dan penarikan dengan berbagai metode pembayaran yang aman dan terpercaya, termasuk transfer bank, e-wallet, dan kartu kredit.</p>
  2696. <h2>Cara Mendaftar di Sukatoto</h2>
  2697. <h3>Langkah-Langkah Pendaftaran</h3>
  2698. <ol>
  2699. <li>Kunjungi Situs Sukatoto di <a href="https://vipsukatoto.com/">https://vipsukatoto.com/</a> atau ketik Sukatoto di mesin pencarian Google.</li>
  2700. <li>Klik Tombol Daftar: Temukan dan klik tombol "Daftar" yang biasanya terletak di bagian atas halaman.</li>
  2701. <li>Isi Formulir Pendaftaran: Masukkan informasi yang diperlukan seperti nama, alamat email, nomor telepon, dan buat kata sandi.</li>
  2702. <li>Setujui Syarat dan Ketentuan: Baca dan setujui syarat dan ketentuan yang berlaku.</li>
  2703. <li>Kirim Formulir: Klik tombol "Kirim" untuk menyelesaikan proses pendaftaran.</li>
  2704. </ol>
  2705. <h3>Verifikasi Akun</h3>
  2706. <p>Setelah mendaftar, Anda bisa langsung login ke menggunakan username dan password yang telah di daftarkan.</p>
  2707. <h3>Panduan Deposit</h3>
  2708. <p>Untuk mulai bermain, lakukan deposit pertama Anda. Pilih metode pembayaran yang diinginkan, masukkan jumlah deposit, dan ikuti instruksi yang diberikan. Dana akan segera tersedia di akun Anda setelah proses deposit berhasil.</p>
  2709. <h2>Tips dan Trik Menang di Situs Game Online Gacor</h2>
  2710. <h3>Manajemen Keuangan</h3>
  2711. <p>Manajemen keuangan yang baik adalah kunci keberhasilan dalam bermain game online. Tetapkan anggaran bermain dan patuhi batas tersebut untuk menghindari kerugian besar.</p>
  2712. <h3>Memilih Game yang Tepat</h3>
  2713. <p>Pilih game yang sesuai dengan keahlian dan minat Anda. Cobalah berbagai jenis game untuk menemukan yang paling Anda kuasai dan nikmati.</p>
  2714. <h3>Memanfaatkan Bonus</h3>
  2715. <p>Manfaatkan semua bonus dan promosi yang ditawarkan Sukatoto. Bonus ini dapat meningkatkan peluang menang Anda tanpa harus mengeluarkan biaya tambahan.</p>
  2716. <h2>Testimoni Pengguna Sukatoto</h2>
  2717. <h3>Pengalaman Positif</h3>
  2718. <p>Banyak pemain yang memberikan ulasan positif tentang Sukatoto. Mereka mengapresiasi antarmuka yang mudah digunakan, layanan pelanggan yang responsif, dan berbagai game menarik yang tersedia.</p>
  2719. <h3>Kisah Sukses Pemain</h3>
  2720. <p>Beberapa pemain bahkan berbagi kisah sukses mereka setelah bermain di Sukatoto. Mereka berhasil memenangkan hadiah besar dan menikmati pengalaman bermain yang luar biasa.</p>
  2721. <h2>FAQ tentang Sukatoto</h2>
  2722. <h3>Apakah Sukatoto Aman?</h3>
  2723. <p>Ya, Sukatoto sangat aman. Situs ini menggunakan teknologi enkripsi terbaru untuk melindungi data dan transaksi pemain.</p>
  2724. <h3>Bagaimana Cara Mendapatkan Bonus?</h3>
  2725. <p>Bonus bisa didapatkan dengan mengikuti promosi yang tersedia di situs. Pastikan Anda membaca syarat dan ketentuan setiap bonus.</p>
  2726. <h3>Apakah Ada Aplikasi Mobile?</h3>
  2727. <p>Saat ini, Sukatoto belum memiliki aplikasi mobile resmi. Namun, situs ini dapat diakses melalui browser di perangkat mobile dengan tampilan yang responsif.</p>
  2728. <h2>Kesimpulan</h2>
  2729. <h3>Rangkuman Keunggulan Sukatoto</h3>
  2730. <p>Sukatoto adalah pilihan terbaik bagi Anda yang mencari situs game online gacor. Dengan berbagai keunggulan seperti kemudahan akses, antarmuka pengguna yang intuitif, layanan pelanggan yang responsif, serta berbagai game menarik, Sukatoto memberikan pengalaman bermain yang tak tertandingi.</p>
  2731. <h3>Mengapa Memilih Sukatoto?</h3>
  2732. <p>Memilih <a href="https://napoleondc.com/">Sukatoto</a> berarti memilih situs game online yang aman, terpercaya, dan penuh dengan peluang menang. Bergabunglah sekarang dan nikmati semua keuntungannya!</p>
  2733.  
  2734. <style>
  2735. .alert {border: 1px solid #ff0037;box-shadow: #ff0037 0px 0px 10px 1px;border-radius: 5px;margin-right: 25px;margin-left: 25px;margin-top: 10px;margin-bottom: -25px;}
  2736. .blinking{animation:blinkingText 1.5s infinite;margin:auto;display:block;font-weight: 900;color:#ff0037;text-shadow:#ff0037 0px 0px 3px;}
  2737. @keyframes glowingBorder {0% {border-image-source: linear-gradient(90deg, #ff0000, #00ff00, #0000ff);}100% {border-image-source: linear-gradient(90deg, #0000ff, #ff0000, #00ff00);}}
  2738. </style>
  2739.  
  2740. <style>
  2741. :root {--t1-color:var(--result-tanggal-background);--t2-color:var(--result-keluaran-color);}
  2742. .provider {padding-top: 1rem;background: #0b0b0b;color: #ffffff;}
  2743. .login-field {width: 147px;}
  2744. .menu-item>label, .menu span {color: #fff !important;}
  2745. .title-infos {text-transform: uppercase;color: #fff;font-size: 1.2rem;text-align: center;display: flex;align-items:center;justify-content: center;}
  2746. .img-title-infos {width: 40px;margin-right: 0.5rem;}
  2747. .transaksi {padding-top: 1.5rem;}
  2748. .wrap-all-trans {display: grid;grid-template-columns: repeat(2, 1fr);gap: 5px;}
  2749. .wrapper-transactions {width: 35rem;max-width: 100%;padding: 0.7rem;margin-bottom: 1rem;margin-top: 1rem;border-radius: 10px;border: 3px solid #d4bb82;background: var(--result-background);}
  2750. .content-trans {height: 15rem;overflow: hidden;position: relative;}
  2751. .avatar-trans {width: 2rem;max-width: 100%;margin-right: 0.7rem;}
  2752. .avatar-wrapper {display: flex;justify-content: center;}
  2753. .item-trans {color: #000;background: #d4bb82;display: flex;width: 100%;border: 2px solid #000000;justify-content: space-between;align-items: center;border-radius: 5px;font-size: 1rem;
  2754. font-weight: bold;margin-bottom: 0.45rem !important;padding: 0.4rem;position: relative;bottom: 0;animation: moveUp 40s linear infinite;}
  2755. .rupiah-trans {color: #000000;font-weight: bold;}
  2756. .text-centertitle {color: #ffffff;margin-top: 0;padding-bottom: 0.5rem;font-size: 1.15rem;font-weight: bold;}
  2757. .divider-trans {margin-top: 14px !important;border-top: 1px solid rgb(0 0 0);}
  2758. .menu-alternatif {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;list-style-type: none;gap: 8px;margin-bottom: 0.5rem;}
  2759. .menu-alternatif li:first-child {border: 3px solid #d4bb82;text-transform: uppercase;box-shadow: none;}
  2760. .menu-alternatif li {background: #0b0b0b;padding: 0.8rem;font-size: 1.3rem;font-weight: bold;border: 3px solid #d4bb82;box-shadow: 5px 3px 20px #000;}
  2761. @keyframes moveUp {
  2762. 0% {transform: translateY(0); /* Initial position, no translation */}100% {transform: translateY(-1500px); /* Move the box upwards by the height of container */}}
  2763. @keyframes glowing {0%{background-position: 0 0;}50%{background-position: 400% 0;}100%{background-position: 0 0;}}
  2764. @keyframes glowing {0%{background-position: 0 0;}50%{background-position: 400% 0;}100%{background-position: 0 0;}}
  2765. @media only screen and (max-width: 1000px) {
  2766. .wrap-all-trans {display: block;}
  2767. .wrapper-transactions {width: 100%;}
  2768. .gambar-samping {display: none;}
  2769. .menu-alternatif li {width: 100%;text-align: center;padding: 0.3rem;font-size: 1rem;}}
  2770. @media only screen and (max-width: 1000px) {
  2771. .login-form {margin: 0 20px;}
  2772. .login-field, .login-form>button, .btn-promosi, .wikwik {border-radius: 5px;}}
  2773. </style>
  2774. <script>
  2775. document.addEventListener('DOMContentLoaded', () => {
  2776. // General Setting
  2777. const getLoginBtn = document.querySelector('.btn.btn-masuk.fw-bold.p-0.px-2.submit');
  2778. const getPromosiBtn = document.querySelector('.btn-promosi.fw-bold.desktop-only');
  2779.  
  2780. getLoginBtn.textContent = 'Login';
  2781. getPromosiBtn.textContent = 'PROMO';
  2782.  
  2783. // Withdraw & Deposit
  2784. const getProvider = document.querySelector('.provider-group');
  2785. const transWrap = document.createElement('div');
  2786. transWrap.className = 'wrapper-transactions';
  2787.  
  2788. const transWrapDp = document.createElement('div');
  2789. transWrapDp.className = 'wrapper-transactions';
  2790.  
  2791. const transContent = document.createElement('div');
  2792. transContent.className = 'content-trans';
  2793.  
  2794. const transContentDp = document.createElement('div');
  2795. transContentDp.className = 'content-trans';
  2796.  
  2797. const makeDp = document.createElement('div');
  2798. makeDp.className = 'deposit-members';
  2799.  
  2800. const makeWd = document.createElement('div');
  2801. makeWd.className = 'withdraw-members';
  2802.  
  2803. const titleDp = document.createElement('h3');
  2804. titleDp.className = 'text-centertitle';
  2805. titleDp.textContent = 'NEW DEPOSIT';
  2806.  
  2807. const titleWd = document.createElement('h3');
  2808. titleWd.className = 'text-centertitle';
  2809. titleWd.textContent = 'NEW WITHDRAW';
  2810.  
  2811. transContentDp.appendChild(makeDp);
  2812. transContent.appendChild(makeWd);
  2813. transWrapDp.appendChild(titleDp);
  2814. transWrap.appendChild(titleWd);
  2815.  
  2816. transWrapDp.appendChild(transContentDp);
  2817. transWrap.appendChild(transContent);
  2818.  
  2819. const wrapAllTrans = document.createElement('div');
  2820. wrapAllTrans.className = 'wrap-all-trans';
  2821.  
  2822. wrapAllTrans.appendChild(transWrapDp);
  2823. wrapAllTrans.appendChild(transWrap);
  2824.  
  2825. getProvider.parentNode.insertBefore(wrapAllTrans, getProvider);
  2826.  
  2827. function LinkAlternatif() {
  2828. $('<ul class="menu-alternatif"><li>Link alternatif</li> <li data-alternatif="' + linkAlt1 + '">'+ linkAlt1 +'</li> <li data-alternatif="' + linkAlt2 + '">'+ linkAlt2 +'</li> <li data-alternatif="' + linkAlt3 + '">'+ linkAlt3 +'</li></ul>').insertBefore($('.wrap-all-trans'));
  2829.  
  2830. $('.menu-alternatif li').click(function() {
  2831.  
  2832. const targetLink = $(this).data('alternatif');
  2833.  
  2834. if(targetLink!== undefined ) {
  2835. location.href = 'https://' + targetLink;
  2836. }
  2837.  
  2838. });
  2839.  
  2840. }
  2841.  
  2842. function getDeposit() {
  2843. $.ajax({
  2844. url: 'https://res.cloudinary.com/dwhp1oggn/raw/upload/v1706644054/user.json',
  2845. type: 'GET',
  2846. dataType: 'JSON',
  2847. success: function(response) {
  2848. const getUser = randomUser(response.slice(0, 50));
  2849. $.each(getUser, function(index, items){
  2850. // IDR Value
  2851. const dana_wd = uangRupiahDp(20000, 2000000);
  2852.  
  2853. $('.deposit-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://apksktt.xyz/image/favicon.png" class="avatar-trans" />'+ items.user +' | Deposit:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  2854.  
  2855. });
  2856.  
  2857. }
  2858. })
  2859. }
  2860.  
  2861. function getWithdraw() {
  2862. $.ajax({
  2863. url: 'https://res.cloudinary.com/dwhp1oggn/raw/upload/v1706644054/user.json',
  2864. type: 'GET',
  2865. dataType: 'JSON',
  2866. success: function(response) {
  2867. const getUser = randomUser(response.slice(0, 50));
  2868. $.each(getUser, function(index, items){
  2869. // IDR Value
  2870. const dana_wd = uangRupiah(500000, 30000000);
  2871. $('.withdraw-members').append('<div class="item-trans"><div class="avatar-wrapper"><img src="https://apksktt.xyz/image/favicon.png" class="avatar-trans" />'+ items.user +' | Withdraw:</div> <span class="rupiah-trans">Rp.'+ dana_wd +'</span></div>');
  2873. });
  2874. }
  2875. })
  2876. }
  2877.  
  2878. function uangRupiah(min, max) {
  2879. function getRandomRoundNumber(min, max) {
  2880. const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  2881. const returnNum = Math.floor(randomNumber / 10000) * 10000;
  2882. if(returnNum != 0 || !isNaN(returnNum)) {
  2883. return returnNum;
  2884. }
  2885. }
  2886.  
  2887. const randomRoundNumber = getRandomRoundNumber(min, max);
  2888. const roundedNumber = randomRoundNumber;
  2889. return new Intl.NumberFormat().format(roundedNumber);
  2890. }
  2891.  
  2892. function uangRupiahDp(min, max) {
  2893. function getRandomRoundNumber(min, max) {
  2894. const randomNumber = Math.floor(Math.random() * (max - min + 1)) + min;
  2895. const returnNum = Math.floor(randomNumber / 5000) * 5000;
  2896. if(returnNum != 0 || !isNaN(returnNum)) {
  2897. return returnNum;
  2898. }
  2899. }
  2900.  
  2901. const randomRoundNumber = getRandomRoundNumber(min, max);
  2902. const roundedNumber = randomRoundNumber;
  2903. return new Intl.NumberFormat().format(roundedNumber);
  2904. }
  2905.  
  2906. function randomUser(array) {
  2907. var currentIndex = array.length, temporaryValue, randomIndex;
  2908.  
  2909. // While there remain elements to shuffle
  2910. while (0 !== currentIndex) {
  2911. // Pick a remaining element
  2912. randomIndex = Math.floor(Math.random() * currentIndex);
  2913. currentIndex -= 1;
  2914.  
  2915. // Swap it with the current element
  2916. temporaryValue = array[currentIndex];
  2917. array[currentIndex] = array[randomIndex];
  2918. array[randomIndex] = temporaryValue;
  2919. }
  2920.  
  2921. return array;
  2922. }
  2923.  
  2924. getWithdraw();
  2925. getDeposit();
  2926. LinkAlternatif();
  2927.  
  2928. });
  2929. </script>
  2930. <script>
  2931. document.addEventListener('DOMContentLoaded', () => {
  2932.  
  2933. const min = 10000;
  2934. const max = 90000;
  2935. const memberUser = Math.floor(Math.random() * (max - min + 1)) + min;
  2936.  
  2937. $(' <div class="wrapper-service"><div class="item-service"><h3>Deposit</h3> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">01</span> Menit</p></div> <div class="progress21 progress-moved2"><div class="progress-bar21"></div> </div></div> <div class="item-service"><h3>Withdraw</h3> <div class="status-wrapper"><p>Rata-Rata</p> <p><span class="count-item">03</span> Menit</p></div> <div class="progress31 progress-moved11"><div class="progress-bar31"></div> </div> </div> <div class="item-service"><h3>Member Online</h3> <div class="status-wrapper-mem"><p> </p> <p><span class="count-item">'+ memberUser +'</span> Member</p></div></div> <div class="item-service"><p style="text-align: center;">Cari Kami di:</p> <div class="google-wrapper"><img src="https://iili.io/JuAnxp9.png" /> <p>SUKATOTO</p></div></div> </div>').insertBefore(".provider-group");
  2938.  
  2939.  
  2940. });
  2941. </script>
  2942.  
  2943. <style>
  2944. :root {--y-color: #ffffff;--y2-color : red;--y3-color:blue;--y4-color:red;}
  2945. .count-item {font-size: 1.8rem;background: linear-gradient(186deg, #000000, #d4bb82);padding: 0.3rem 0.5rem;color: rgb(255, 255, 255) !important;border-radius: 10px;font-weight: bold;}
  2946. .wrapper-service {display: flex;align-items: center;flex-wrap: wrap;justify-content: center;border-radius: 10px;margin-top: 1.3rem;border: 3px solid #d4bb82;padding: 0.8rem;}
  2947. .status-wrapper, .status-wrapper-mem {display: flex;align-items: center;}
  2948. .status-wrapper {justify-content: space-between;}
  2949. .status-wrapper-mem {justify-content: center;}
  2950. .status-wrapper p {margin-right: 0.6rem !important;}
  2951. .item-service {margin-right: 3rem;}
  2952. .item-service:last-child {margin-right: 0;}
  2953. .item-service h1 {font-size: 2.2rem;margin-top: 7px !important;text-transform : uppercase;font-weight: bold !important;}
  2954. .google-wrapper {background: #fff;padding: 1.7rem;width: 18rem;height: 0.5rem;border-radius: 20px;position: relative;}
  2955. .google-wrapper img {position: absolute;width: 2rem;top: 9px;left: 10px;}
  2956. .item-service p {color: var(--y-color) !important;}
  2957. .google-wrapper p {position: absolute;left: 3.4rem;top: 0.6rem;text-transform: uppercase;font-size: 1.50rem !important;font-weight: bold !important;color: #000 !important;}
  2958. .btn-vpn {background: var(--y-color) !important;color: #000 !important;font-weight: bold;}
  2959. .btn-vpn-m {font-size: 1.3rem;background: var(--y-color) !important;color: #000 !important;font-weight: bold;height: 44px!important;border-radius: 8px;}
  2960. .snowflake {color: #fff;font-size: 1em;font-family: Arial, sans-serif;text-shadow: 0 0 5px #000;}
  2961. </style>
  2962.  
  2963. <script>$("<a class='upgradeakunsukatoto' href='https://rebrand.ly/rtpsukatoto'>RTP GACOR HARI INI</a>").insertAfter(".btn-info:eq(0)");</script>
  2964. <style>
  2965. .upgradeakunsukatoto {width: 100%;display: block;color: #ffffff;text-shadow: 0px 1px #ffffff;margin: auto;margin-top: 3px;text-align: center;padding: 10px 0px;font-size: 15px;font-weight: bold;border-radius: 5px;border: 5px outset white;animation: needmoney 1.5s infinite;}
  2966. @keyframes needmoney {0% {border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2967. 2.5% {border-image: linear-gradient(to right, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2968. 5% {border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2969. 7.5% {border-image: linear-gradient(to right, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2970. 10% {border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2971. 12.5% {border-image: linear-gradient(to right, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2972. 15% {border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2973. 17.5% {border-image: linear-gradient(to right, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2974. 20% {border-image: linear-gradient(to right, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2975. 22.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2976. 25% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2977. 27.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2978. 30% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2979. 32.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2980. 35% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200);}
  2981. 37.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200);}
  2982. 40% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #c1ac51, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200);}
  2983. 42.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #c1ac51, #c1ac51, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200);}
  2984. 45% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #c1ac51, #c1ac51, #c1ac51) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff);}
  2985. 50% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #c1ac51, #c1ac51, #c1ac51) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2986. 72.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #c1ac51, #c1ac51, #c1ac51) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2987. 75% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #c1ac51, #c1ac51, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff);}
  2988. 77.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #c1ac51, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200,#57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200);}
  2989. 80% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #c1ac51, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200);}
  2990. 82.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #c1ac51, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200);}
  2991. 85% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200);}
  2992. 87.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2993. 90% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2994. 92.5% {border-image: linear-gradient(to right, #f7eead, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2995. 95% {border-image: linear-gradient(to right, #f7eead, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2996. 97.5% {border-image: linear-gradient(to right, #f7eead, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #57c200, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}
  2997. 100% {border-image: linear-gradient(to right, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff) 1;background: linear-gradient(to right, #ffffff, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200, #57c200);}}
  2998. .blinking{animation:blinkingText 1.5s infinite;margin:auto;display:block;font-weight: 900;color:#f00;}
  2999. </style>                </div>
  3000.                
  3001.                
  3002.                <div class="footer-group">
  3003.                    <div class="copyright">
  3004.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright SUKATOTO.</div>
  3005.                        <div>All Rights Reserved.</div>
  3006.                    </div>
  3007.                    <div class="desktop-only">
  3008.                        <div class="d-flex gap-1">
  3009.                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
  3010.                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
  3011.                        </div>
  3012.                    </div>
  3013.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
  3014.                    
  3015.                    <button class="btn btn-aduan ms-lg-auto py-1 px-2" style="border: 2px solid #b08432;" data-toggle="tooltip" data-placement="bottom" title="Aduan Pelanggan" onclick="javascript:window.open ('https://ares88access.com/?token=MZIOVv6K_x8vjXGudYwVle7DrTnL__CMdULj0LRdKt4.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
  3016.                        <i class="bi bi-shield-fill-exclamation"></i>
  3017.                        <strong class="ms-1">LAPOR PUSAT</strong>
  3018.                    </button>
  3019.                </div>
  3020.            </footer>
  3021.            
  3022.            
  3023.            
  3024.            <!-- SIDENAV -->
  3025.            <div id="mySidenav" class="sidenav desktop-only">
  3026.                <div id="nav">
  3027.                    <div style="display: flex; align-items: start;">
  3028.                        <div style="height: 246px; width: 64px; background: var(--primary-color); border-radius: 8px 0px 0px 8px; overflow: hidden;  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;">
  3029.                            
  3030.                            <img src="/assets/hubungi.png?11">
  3031.                            
  3032.                        </div>
  3033.                        <!--<img id="about" src="/images/kontak.png?4">-->
  3034.                    </div>
  3035.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  3036.                       <div id="" style="padding: 4px">
  3037.                       <img src="/assets/24h.png" style="width: 100%"></img>
  3038.                        </div>
  3039.                    
  3040.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  3041.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  3042.                            
  3043.                                                                
  3044.                                                                                
  3045.                                            <a href="https://wa.me/6282311927943" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3046.                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>WHATSAPP SUKATOTO</span>
  3047.                                            </a>
  3048.                                            
  3049.                                            
  3050.                                    
  3051.                                                                        
  3052.                                                                                
  3053.                                            <a href="https://t.me/sukatoto777" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3054.                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>TELEGRAM SUKATOTO</span>
  3055.                                            </a>
  3056.                                            
  3057.                                            
  3058.                                    
  3059.                                                                
  3060.    
  3061.                        </div>
  3062.                            <div style="margin: 8px">
  3063.                                <a href="/?content=register"><input type="button" value="DAFTAR SEKARANG" style="width: 100%; border-radius: 5px; font-size: .875rem; height: 40px; border: none; font-weight: bold; background: black; color: white"></a>
  3064.                            </div>
  3065.                    </div>
  3066.                </div>
  3067.            </div>
  3068.        </div>
  3069.        
  3070.        <!--POP UP -->
  3071.                
  3072.        <!-- LIVE CHAT -->
  3073.        <!-- Start of LiveChat (www.livechat.com) code -->
  3074. <script>
  3075.    window.__lc = window.__lc || {};
  3076.    window.__lc.license = 14118633;
  3077.    ;(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))
  3078. </script>
  3079. <noscript><a href="https://www.livechat.com/chat-with/14118633/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
  3080. <!-- End of LiveChat code -->
  3081.                
  3082.          
  3083.  
  3084.        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  3085.  
  3086.        <script>
  3087.                            if(document.getElementById("promo")) {
  3088.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  3089.                    window.onload = () => {
  3090.                        myModal.show();
  3091.                    }
  3092.                }
  3093.                    
  3094.            var mobileurl = 'm/';
  3095.            
  3096.  
  3097.  
  3098.            var showIDs = [];
  3099.            
  3100.            function showProducts(hoverID) {
  3101.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  3102.  
  3103.                // document.getElementById('hover').classList.add("hover-show");
  3104.                document.getElementById('hover').style.transitionDelay = "0s";
  3105.                document.getElementById('hover').style.visibility = "visible";
  3106.                document.getElementById('hover').style.opacity = "1";
  3107.                document.getElementById(hoverID).style.display = "flex";
  3108.  
  3109.                showIDs.push(hoverID);
  3110.  
  3111.            }
  3112.  
  3113.            function hideProducts(hoverID) {
  3114.                // document.getElementById('hover').classList.remove("hover-show");
  3115.                document.getElementById('hover').style.visibility = "hidden";
  3116.                document.getElementById('hover').style.opacity = "0";
  3117.                document.getElementById('hover').style.transitionDelay = "1s";
  3118.                
  3119.            }
  3120.  
  3121.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  3122.            var marquee = document.getElementById('marquee');
  3123.  
  3124.            function closeContent() {
  3125.                $('#main-content').html("");
  3126.            }
  3127.  
  3128.  
  3129.            function openDaftar() {
  3130.                closeContent();
  3131.                
  3132.                mobileDaftarForm.style.display = "block";
  3133.                mobileDaftarForm.scrollIntoView();
  3134.            }
  3135.  
  3136.            function closeDaftar() {
  3137.                mobileDaftarForm.style.display = "none";
  3138.                marquee.scrollIntoView();
  3139.            }
  3140.            
  3141.            
  3142.            function showProvider(type) {
  3143.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  3144.                $('#main-content').load("new-showprovider.php?type=" + type);
  3145.            }
  3146.            
  3147.            function toggleInformasi(item) {
  3148.                page(item);
  3149.            }
  3150.            
  3151.            function showInformasi(item) {
  3152.                document.getElementById('modal-wrapper').style.display='block';
  3153.                toggleInformasi(item);
  3154.            }
  3155.            
  3156.            
  3157.  
  3158.                    
  3159.        </script>
  3160.        <script src="/js/old/new-webduo35.js?v=1743228253"></script>
  3161.    
  3162.        
  3163.        <!-- POP UP COOKIES -->
  3164.        
  3165. <style>
  3166.    
  3167.        
  3168.    .kebijakan-privasi, .kebijakan-cookies {
  3169.        color: white;
  3170.        text-decoration: underline;
  3171.    }
  3172.    
  3173.        
  3174. </style>
  3175.  
  3176.  
  3177. <div id="boxprivacy" style="position: fixed;left: 0;bottom: 0;width: 100%; background-color: #000; box-shadow:rgba(0,0,0,1) 0px 0px 10px 0px; opacity: 0.85; z-index: 2147483640; color: #d0c074">
  3178.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  3179.        <div>
  3180.    Kami menggunakan cookies untuk mengoptimalkan navigasi, fitur serta konten yang lebih Relevan. Untuk informasi lengkap tentang cookies silahkan lihat <a href="javascript:showInformasi('cookies')" class="kebijakan-cookies">Persetujuan Cookies</a>. Dengan menggunakan situs ini, Anda menyetujui penggunaan cookies serta data pribadi sesuai <a href="javascript:showInformasi('privasi')" class="kebijakan-privasi">Kebijakan Privasi</a>.    </div>  
  3181.  </div>
  3182.  <div>
  3183.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  3184.  </div>
  3185. </div>
  3186. <script>
  3187.    $( "#boxprivacy" ).blur(function() {
  3188.    alert( "Handler for .blur() called." );
  3189. });
  3190. </script>  
  3191.  
  3192.        
  3193.    </body>
  3194. </html>

Home · About · News · Docs · Terms

 
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda