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://pari-jogjakota.com/

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>TITI4D: Web Game Online Resmi & Situs Toto Togel Terpercaya</title>
  7.        <meta name="description" content="TITI4D adalah web game online resmi yang menghadirkan pengalaman bermain toto togel dengan pasaran lengkap yang dilengkapi transaksi cepat, layanan profesional, serta bonus menarik, TITI4D menjadi pilihan tepat bagi pemain yang mencari kenyamanan dan peluang kemenangan besar." />
  8. <meta name="keywords" content="titi4d, titi 4d, login titi4d, daftar titi4d, link alternatif titi4d"/>
  9. <link rel="canonical" href="https://pafititi.com/" />
  10. <link rel="amphtml" href="https://titi-menyerbu.sgp1.cdn.digitaloceanspaces.com/pafititi.html" />
  11. <link rel="icon" type="image/x-icon" href="https://sipakesikae.me/s.titi/logokecil.webp" />
  12. <meta name="google-site-verification" content="RHHSZPlkkp-o_js6ZRPi0JlcRFi0PbNlXdyaKFvdzB4" />
  13. <meta name="google-site-verification" content="61m57U9BG3rbPyeA_lS1KSdiand8Kn3jaWeP6JfU848" />
  14. <meta name="google-site-verification" content="6SxHiCA8pUE8qzTKq7FGBpskjd6Bkb47ckFrseMD0Q0" />
  15. <meta name="google-site-verification" content="2aTG02CloHaQNwNwyMdhTVoFPTx5rq1ZRV6mBtuIGUQ" />
  16. <meta name="google-site-verification" content="WrwmB75xHbF7hGWY4kT_a90P4oMrJjbdUjOetK7lbJU" />
  17. <meta name="google-site-verification" content="7bfbrLBt1E2xOzWZPrUXtBb_ueNtkMb4dzPV_w34i60" />
  18.  
  19. <div style="position: fixed; bottom: 85px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://rtptitipunya.vip/" target="_blank" rel="noopener"><img src="https://sipakesikae.me/s.titi/GIF.ICON.TITI4D-RTP.SLOT.gif" alt="rtp slot" title="rtp slot" width="80" height="80"></a></div>
  20. <div style="position: fixed; bottom: 170px; left: 5px; z-index: 10; opacity: 0.98;"><a href="https://livebolatiti01.xyz/" target="_blank" rel="noopener"><img src="https://sipakesikae.me/s.titi/GIF.ICON.TITI4D-LIVE.SCORE.gif" alt="Live Score" title="Live Score" width="80" height="80"></a></div>
  21.  
  22.  
  23.  
  24. <!-- Meta Pixel Code -->
  25. <script>
  26. !function(f,b,e,v,n,t,s)
  27. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  28. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  29. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  30. n.queue=[];t=b.createElement(e);t.async=!0;
  31. t.src=v;s=b.getElementsByTagName(e)[0];
  32. s.parentNode.insertBefore(t,s)}(window, document,'script',
  33. 'https://connect.facebook.net/en_US/fbevents.js');
  34. fbq('init', '1612370246818505');
  35. fbq('track', 'PageView');
  36. </script>
  37. <noscript><img height="1" width="1" style="display:none"
  38. src="https://www.facebook.com/tr?id=1612370246818505&ev=PageView&noscript=1"
  39. /></noscript>
  40. <!-- End Meta Pixel Code -->
  41.  
  42.  
  43. <!-- Meta Pixel Code -->
  44. <script>
  45. !function(f,b,e,v,n,t,s)
  46. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  47. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  48. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  49. n.queue=[];t=b.createElement(e);t.async=!0;
  50. t.src=v;s=b.getElementsByTagName(e)[0];
  51. s.parentNode.insertBefore(t,s)}(window, document,'script',
  52. 'https://connect.facebook.net/en_US/fbevents.js');
  53. fbq('init', '2292992131115964');
  54. fbq('track', 'PageView');
  55. </script>
  56. <noscript><img height="1" width="1" style="display:none"
  57. src="https://www.facebook.com/tr?id=2292992131115964&ev=PageView&noscript=1"
  58. /></noscript>
  59. <!-- End Meta Pixel Code -->
  60.  
  61. <!-- Meta Pixel Code -->
  62. <script>
  63. !function(f,b,e,v,n,t,s)
  64. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  65. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  66. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  67. n.queue=[];t=b.createElement(e);t.async=!0;
  68. t.src=v;s=b.getElementsByTagName(e)[0];
  69. s.parentNode.insertBefore(t,s)}(window, document,'script',
  70. 'https://connect.facebook.net/en_US/fbevents.js');
  71. fbq('init', '690984317320087');
  72. fbq('track', 'PageView');
  73. </script>
  74. <noscript><img height="1" width="1" style="display:none"
  75. src="https://www.facebook.com/tr?id=690984317320087&ev=PageView&noscript=1"
  76. /></noscript>
  77. <!-- End Meta Pixel Code -->
  78.  
  79.  
  80.  
  81. <!-- Meta Pixel Code -->
  82. <script>
  83. !function(f,b,e,v,n,t,s)
  84. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  85. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  86. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  87. n.queue=[];t=b.createElement(e);t.async=!0;
  88. t.src=v;s=b.getElementsByTagName(e)[0];
  89. s.parentNode.insertBefore(t,s)}(window, document,'script',
  90. 'https://connect.facebook.net/en_US/fbevents.js');
  91. fbq('init', '1469631704381630');
  92. fbq('track', 'PageView');
  93. </script>
  94. <noscript><img height="1" width="1" style="display:none"
  95. src="https://www.facebook.com/tr?id=1469631704381630&ev=PageView&noscript=1"
  96. /></noscript>
  97. <!-- End Meta Pixel Code -->
  98.  
  99. <!-- Meta Pixel Code -->
  100. <script>
  101. !function(f,b,e,v,n,t,s)
  102. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  103. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  104. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  105. n.queue=[];t=b.createElement(e);t.async=!0;
  106. t.src=v;s=b.getElementsByTagName(e)[0];
  107. s.parentNode.insertBefore(t,s)}(window, document,'script',
  108. 'https://connect.facebook.net/en_US/fbevents.js');
  109. fbq('init', '620738287755529');
  110. fbq('track', 'PageView');
  111. </script>
  112. <noscript><img height="1" width="1" style="display:none"
  113. src="https://www.facebook.com/tr?id=620738287755529&ev=PageView&noscript=1"
  114. /></noscript>
  115. <!-- End Meta Pixel Code -->
  116.  
  117. <!-- Meta Pixel Code -->
  118. <script>
  119. !function(f,b,e,v,n,t,s)
  120. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  121. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  122. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  123. n.queue=[];t=b.createElement(e);t.async=!0;
  124. t.src=v;s=b.getElementsByTagName(e)[0];
  125. s.parentNode.insertBefore(t,s)}(window, document,'script',
  126. 'https://connect.facebook.net/en_US/fbevents.js');
  127. fbq('init', '625922036830505');
  128. fbq('track', 'PageView');
  129. </script>
  130. <noscript><img height="1" width="1" style="display:none"
  131. src="https://www.facebook.com/tr?id=625922036830505&ev=PageView&noscript=1"
  132. /></noscript>
  133. <!-- End Meta Pixel Code -->
  134.  
  135. <!-- Meta Pixel Code -->
  136. <script>
  137. !function(f,b,e,v,n,t,s)
  138. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  139. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  140. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  141. n.queue=[];t=b.createElement(e);t.async=!0;
  142. t.src=v;s=b.getElementsByTagName(e)[0];
  143. s.parentNode.insertBefore(t,s)}(window, document,'script',
  144. 'https://connect.facebook.net/en_US/fbevents.js');
  145. fbq('init', '1145649704042403');
  146. fbq('track', 'PageView');
  147. </script>
  148. <noscript><img height="1" width="1" style="display:none"
  149. src="https://www.facebook.com/tr?id=1145649704042403&ev=PageView&noscript=1"
  150. /></noscript>
  151. <!-- End Meta Pixel Code -->
  152.  
  153. <!-- Meta Pixel Code -->
  154. <script>
  155. !function(f,b,e,v,n,t,s)
  156. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  157. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  158. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  159. n.queue=[];t=b.createElement(e);t.async=!0;
  160. t.src=v;s=b.getElementsByTagName(e)[0];
  161. s.parentNode.insertBefore(t,s)}(window, document,'script',
  162. 'https://connect.facebook.net/en_US/fbevents.js');
  163. fbq('init', '2009235806281717');
  164. fbq('track', 'PageView');
  165. </script>
  166. <noscript><img height="1" width="1" style="display:none"
  167. src="https://www.facebook.com/tr?id=2009235806281717&ev=PageView&noscript=1"
  168. /></noscript>
  169. <!-- End Meta Pixel Code -->
  170.  
  171. <!-- Meta Pixel Code -->
  172. <script>
  173. !function(f,b,e,v,n,t,s)
  174. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  175. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  176. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  177. n.queue=[];t=b.createElement(e);t.async=!0;
  178. t.src=v;s=b.getElementsByTagName(e)[0];
  179. s.parentNode.insertBefore(t,s)}(window, document,'script',
  180. 'https://connect.facebook.net/en_US/fbevents.js');
  181. fbq('init', '1242521664275646');
  182. fbq('track', 'PageView');
  183. </script>
  184. <noscript><img height="1" width="1" style="display:none"
  185. src="https://www.facebook.com/tr?id=1242521664275646&ev=PageView&noscript=1"
  186. /></noscript>
  187. <!-- End Meta Pixel Code -->
  188.  
  189. <!-- Meta Pixel Code -->
  190. <script>
  191. !function(f,b,e,v,n,t,s)
  192. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  193. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  194. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  195. n.queue=[];t=b.createElement(e);t.async=!0;
  196. t.src=v;s=b.getElementsByTagName(e)[0];
  197. s.parentNode.insertBefore(t,s)}(window, document,'script',
  198. 'https://connect.facebook.net/en_US/fbevents.js');
  199. fbq('init', '1805926733679763');
  200. fbq('track', 'PageView');
  201. </script>
  202. <noscript><img height="1" width="1" style="display:none"
  203. src="https://www.facebook.com/tr?id=1805926733679763&ev=PageView&noscript=1"
  204. /></noscript>
  205. <!-- End Meta Pixel Code -->
  206.  
  207. <!-- Meta Pixel Code -->
  208. <script>
  209. !function(f,b,e,v,n,t,s)
  210. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  211. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  212. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  213. n.queue=[];t=b.createElement(e);t.async=!0;
  214. t.src=v;s=b.getElementsByTagName(e)[0];
  215. s.parentNode.insertBefore(t,s)}(window, document,'script',
  216. 'https://connect.facebook.net/en_US/fbevents.js');
  217. fbq('init', '1254680462555387');
  218. fbq('track', 'PageView');
  219. </script>
  220. <noscript><img height="1" width="1" style="display:none"
  221. src="https://www.facebook.com/tr?id=1254680462555387&ev=PageView&noscript=1"
  222. /></noscript>
  223. <!-- End Meta Pixel Code -->
  224.  
  225. <!-- Meta Pixel Code -->
  226. <script>
  227. !function(f,b,e,v,n,t,s)
  228. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  229. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  230. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  231. n.queue=[];t=b.createElement(e);t.async=!0;
  232. t.src=v;s=b.getElementsByTagName(e)[0];
  233. s.parentNode.insertBefore(t,s)}(window, document,'script',
  234. 'https://connect.facebook.net/en_US/fbevents.js');
  235. fbq('init', '746897661456822');
  236. fbq('track', 'PageView');
  237. </script>
  238. <noscript><img height="1" width="1" style="display:none"
  239. src="https://www.facebook.com/tr?id=746897661456822&ev=PageView&noscript=1"
  240. /></noscript>
  241. <!-- End Meta Pixel Code -->                <meta name="viewport" content="width=1200, initial-scale=0.33">
  242.        
  243.        <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">
  244.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  245.        <link rel="stylesheet" href="/style.scss" >
  246.  
  247.        <!--<link rel="stylesheet" href="/css/old/template/PD.css">-->
  248.        <link rel="stylesheet" href="/css/old/template/PD.css">
  249.        <link rel="stylesheet" href="/css/old/variable.css">
  250.        
  251.                <link rel="stylesheet" href="/css/old/dark.css">
  252.                
  253.        <link rel="stylesheet" href="/css/old/style.css">
  254.        <link rel="icon" type="image/png" href="favicon.png">
  255.  
  256.  
  257.        <script src="/js/old/jquery-3.6.4.min.js"></script>
  258.        
  259.        <style>
  260.            
  261.            .login-input-field {
  262.                font-size: 1rem;
  263.            }
  264.            
  265.            .btn-aduan {
  266.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  267.                -webkit-background-clip: text;
  268.                -webkit-text-fill-color: transparent;
  269.                background-size: 300% 300%;
  270.                animation: gradient 2s ease infinite;
  271.            }
  272.            
  273.            .transaksi-title {
  274.                place-items: start;
  275.            }
  276.  
  277.            
  278.            @media only screen and (max-width: 1000px) {
  279.                
  280.            .transaksi-title {
  281.                place-items: center;
  282.            }
  283.                
  284.                .login-input-field {
  285.                    font-size: 1.2rem;
  286.                }      
  287.            }
  288.            
  289.            
  290.            
  291.        </style>
  292.  
  293.    </head>
  294.    
  295.    
  296.  
  297.    <body id="desktop">
  298.        
  299.        
  300. <div id="hover" class="hover desktop-only">
  301.  
  302.    <div id="hover-togel" class="hover-menu">
  303.        <a href="/?content=register" class="hover-item">
  304.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  305.            <figcaption>TOGEL</figcaption>
  306.        </a>          
  307.    </div>
  308.  
  309.    <div id="hover-slot" class="hover-menu">
  310.        <a href="/?content=slot&provider=pp" class="hover-item">
  311.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  312.            <figcaption>PRAGMATIC PLAY</figcaption>
  313.        </a>
  314.  
  315.        <a href="/?content=slot&provider=pg" class="hover-item">
  316.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  317.            <figcaption>PG SOFT</figcaption>
  318.        </a>
  319.  
  320.        <a href="/?content=slot&provider=hb" class="hover-item">
  321.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  322.            <figcaption>HABANERO</figcaption>
  323.        </a>
  324.  
  325.        <a href="/?content=slot&provider=jl" class="hover-item">
  326.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  327.            <figcaption>JILI</figcaption>
  328.        </a>
  329.        
  330.        <a href="/?content=slot&provider=sg" class="hover-item">
  331.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  332.            <figcaption>SPADEGAMING</figcaption>
  333.        </a>
  334.  
  335.        <a href="/?content=slot&provider=nxt" class="hover-item">
  336.            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
  337.            <figcaption>NEXTSPIN</figcaption>
  338.        </a>
  339.        
  340.        <a href="/?content=slot&provider=fgs" class="hover-item">
  341.            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
  342.            <figcaption>5G GAMES</figcaption>
  343.        </a>
  344.  
  345.        <a href="/?content=slot&provider=wow" class="hover-item">
  346.            <figure><img src="https://img.viva88athenae.com//slot-wow.png" alt="WOW GAMING"></figure>
  347.            <figcaption>WOW GAMING</figcaption>
  348.        </a>
  349.  
  350.        <a href="/?content=slot&provider=jg" class="hover-item">
  351.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  352.            <figcaption>JOKER</figcaption>
  353.        </a>
  354.  
  355.        <a href="/?content=slot&provider=mg" class="hover-item">
  356.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  357.            <figcaption>MICROGAMING</figcaption>
  358.        </a>
  359.  
  360.        <a href="/?content=slot&provider=hks" class="hover-item">
  361.            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
  362.            <figcaption>HACKSAW GAMING</figcaption>
  363.        </a>
  364.  
  365.        <a href="/?content=slot&provider=fs" class="hover-item">
  366.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  367.            <figcaption>FASTSPIN</figcaption>
  368.        </a>
  369.  
  370.        <a href="/?content=slot&provider=nlc" class="hover-item">
  371.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  372.            <figcaption>NOLIMIT CITY</figcaption>
  373.        </a>
  374.        
  375.        <a href="/?content=slot&provider=ps" class="hover-item">
  376.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  377.            <figcaption>PLAYSTAR</figcaption>
  378.        </a>
  379.  
  380.        <a href="/?content=slot&provider=pt" class="hover-item">
  381.            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
  382.            <figcaption>PLAYTECH</figcaption>
  383.        </a>
  384.  
  385.        <a href="/?content=slot&provider=adv" class="hover-item">
  386.            <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
  387.            <figcaption>ADVANT PLAY</figcaption>
  388.        </a>
  389.  
  390.        <a href="/?content=slot&provider=l22" class="hover-item">
  391.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  392.            <figcaption>LIVE22</figcaption>
  393.        </a>
  394.        
  395.        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
  396.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  397.            <figcaption>NETENT</figcaption>
  398.        </a> -->
  399.        
  400.        <a href="/?content=slot&provider=cq9" class="hover-item">
  401.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  402.            <figcaption>CQ9</figcaption>
  403.        </a>    
  404.      
  405.        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
  406.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  407.            <figcaption>TOPTREND GAMING</figcaption>
  408.        </a> -->
  409.  
  410.        <a href="/?content=slot&provider=ss" class="hover-item">
  411.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  412.            <figcaption>SBO SLOT</figcaption>
  413.        </a>
  414.    </div>
  415.  
  416.    <div id="hover-live" class="hover-menu" >
  417.        <a href="/?content=casino&provider=pplc" class="hover-item">
  418.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  419.            <figcaption>PRAGMATIC PLAY</figcaption>
  420.        </a>
  421.  
  422.        <a href="/?content=casino&provider=evo" class="hover-item">
  423.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  424.            <figcaption>EVOLUTION</figcaption>
  425.        </a>
  426.  
  427.        <a href="/?content=casino&provider=mg" class="hover-item">
  428.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICROGAMING"></figure>
  429.            <figcaption>MICROGAMING</figcaption>
  430.        </a>
  431.  
  432.        <a href="/?content=casino&provider=ptlc" class="hover-item">
  433.            <figure><img src="https://img.viva88athenae.com//live-pt.png" alt="PLAYTECH LIVE"></figure>
  434.            <figcaption>PLAYTECH LIVE</figcaption>
  435.        </a>
  436.  
  437.        <a href="/?content=casino&provider=ion" class="hover-item">
  438.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  439.            <figcaption>ION CASINO</figcaption>
  440.        </a>
  441.  
  442.        <a href="/?content=casino&provider=sx" class="hover-item">
  443.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  444.            <figcaption>SEXY GAMING</figcaption>
  445.        </a>
  446.  
  447.        <a href="/?content=casino&provider=sa" class="hover-item">
  448.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  449.            <figcaption>SA GAMING</figcaption>
  450.        </a>  
  451.  
  452.        <a href="/?content=casino&provider=ab" class="hover-item">
  453.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  454.            <figcaption>ALLBET</figcaption>
  455.        </a>
  456.  
  457.        <a href="/?content=casino&provider=gmnl" class="hover-item">
  458.            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
  459.            <figcaption>GEMINI LIVE</figcaption>
  460.        </a>
  461.  
  462.        <a href="/?content=casino&provider=og" class="hover-item">
  463.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  464.            <figcaption>OPUS PLUS</figcaption>
  465.        </a>
  466.  
  467.        <a href="/?content=casino&provider=sbol" class="hover-item">
  468.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  469.            <figcaption>SBOBET CASINO</figcaption>
  470.        </a>    
  471.    </div>
  472.  
  473.    <div id="hover-sport" class="hover-menu">
  474.        <a href="/?content=register" class="hover-item">
  475.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  476.            <figcaption>SABA</figcaption>
  477.        </a>
  478.  
  479.        <a href="/?content=register" class="hover-item">
  480.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  481.            <figcaption>SBOBET</figcaption>
  482.        </a>
  483.        
  484.        <a href="/?content=register" class="hover-item">
  485.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  486.            <figcaption>CMD368</figcaption>
  487.        </a>  
  488.  
  489.        <!-- <a href="/?content=register" class="hover-item">
  490.            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
  491.            <figcaption>PINNACLE</figcaption>
  492.        </a>   -->
  494.    <a href="/?content=register" class="hover-item">
  495.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  496.            <figcaption>TFGAMING</figcaption>
  497.        </a>        
  498.    </div>
  499.  
  500.    <div id="hover-fishing" class="hover-menu">
  501.        <a href="/?content=fish&provider=jl" class="hover-item">
  502.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  503.            <figcaption>JILI</figcaption>
  504.        </a>
  505.    
  506.        <a href="/?content=fish&provider=sg" class="hover-item">
  507.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  508.            <figcaption>SPADE GAMING</figcaption>
  509.        </a>
  510.  
  511.        <a href="/?content=fish&provider=fs" class="hover-item">
  512.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  513.            <figcaption>FASTSPIN</figcaption>
  514.        </a>
  515.  
  516.        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
  517.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  518.            <figcaption>PLAYSTAR</figcaption>
  519.        </a>
  520.  
  521.    <a href="/?content=fish&provider=l22" class="hover-item">
  522.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  523.            <figcaption>LIVE22</figcaption>
  524.        </a>  -->
  525.  
  526.    </div>
  527.  
  528.    <div id="hover-sabung" class="hover-menu">
  529.        <a href="/?content=sabung&provider=ws" class="hover-item">
  530.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  531.            <figcaption>WS168</figcaption>
  532.        </a>
  533.    </div>
  534.    
  535.    <div id="hover-interactive" class="hover-menu">
  536.        <a href="/?content=interactive&provider=gmn" class="hover-item">
  537.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  538.            <figcaption>GEMINI</figcaption>
  539.        </a>
  540.  
  541.        <!-- <a href="/?content=interactive&provider=pp" class="hover-item">
  542.            <figure><img src="https://img.viva88athenae.com//interactive-pp.png" alt="PRAGMATIC PLAY"></figure>
  543.            <figcaption>PRAGMATIC PLAY</figcaption>
  544.        </a>  -->
  545.  
  546.        <a href="/?content=interactive&provider=jl" class="hover-item">
  547.            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
  548.            <figcaption>JILI</figcaption>
  549.        </a>
  550.  
  551.        <a href="/?content=interactive&provider=wow" class="hover-item">
  552.            <figure><img src="https://img.viva88athenae.com//interactive-wow.png" alt="WOW GAMING"></figure>
  553.            <figcaption>WOW GAMING</figcaption>
  554.        </a>
  555.  
  556.        <a href="/?content=interactive&provider=jg" class="hover-item">
  557.            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
  558.            <figcaption>JOKER</figcaption>
  559.        </a>
  560.  
  561.        <a href="/?content=interactive&provider=mg" class="hover-item">
  562.            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
  563.            <figcaption>MICRO GAMING</figcaption>
  564.        </a>
  565.  
  566.        <a href="/?content=interactive&provider=hks" class="hover-item">
  567.            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
  568.            <figcaption>HACKSAW GAMING</figcaption>
  569.        </a>
  570.  
  571.        <a href="/?content=interactive&provider=pt" class="hover-item">
  572.            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
  573.            <figcaption>PLAYTECH</figcaption>
  574.        </a>
  575.  
  576.        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
  577.            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
  578.            <figcaption>PLAYSTAR</figcaption>
  579.        </a>  -->
  580.    </div>
  581.  
  582.  
  583.  
  584. </div>
  585. <style>
  586.    .my-navbar {
  587.        height: 52px;
  588.        padding: 0px;
  589.        width: 100%;
  590.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  591.        position: fixed;
  592.        bottom: 0;
  593.        color: white;
  594.        z-index: 1100;
  595.        display: flex;
  596.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  597.    }
  598.    
  599.    .navbar-item {
  600.        height: 100%;
  601.        width: 100%;
  602.        display: flex;
  603.        flex-direction: column;
  604.        align-items: center;
  605.        justify-content: center;
  606.    }
  607.    
  608.    .navbar-item-content {
  609.        display: flex;
  610.        flex-direction: column;
  611.        justify-content: center;
  612.        align-items: center;
  613.        position: absolute;
  614.        top: -16px
  615.    }
  616.    
  617.    .navbar-item-content>i {
  618.         font-size: 20px;
  619.         line-height: 22px;
  620.         color: white;
  621.         padding-bottom: 4px;
  622.    }
  623.    
  624.    .navbar-item-content>img {
  625.         height: 36px;
  626.         width: 36px;
  627.    }
  628.    
  629.    .navbar-item-content>label {
  630.        white-space: nowrap;
  631.        margin-top: 4px;
  632.        font-weight: bold;
  633.        font-size: var(--text-size-default);
  634.        color: white
  635.    }
  636.    
  637.    .speed-dial-item {
  638.        opacity: 0;
  639.        visibility: hidden;
  640.        transform: translateY(10px);
  641.        transition: opacity 0.3s ease, transform 0.3s ease;
  642.    }
  643.    
  644.    .speed-dial-active .speed-dial-item {
  645.        opacity: 1;
  646.        visibility: visible;
  647.        transform: translateY(0);
  648.    }
  649.    
  650.    /* Delay each item’s appearance */
  651.    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
  652.    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
  653.    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
  654.    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
  655.    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }      
  656.  
  657.    
  658. </style>
  659.  
  660.  
  661. <div class="mobile-only" >
  662.        <div class="my-navbar">
  663.            <a href="/" class="navbar-item" style="position: relative">
  664.                <div class="navbar-item-content">
  665.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  666.                    <label>BERANDA</label>
  667.                </div>
  668.            </a>
  669.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  670.            <a href="/m/promosi.php"  class="navbar-item">
  671.                <div class="navbar-item-content">
  672.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  673.                    <label>PROMOSI</label>
  674.                </div>
  675.            </a>
  676.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  677.            <a href="/m/event.php"  class="navbar-item">
  678.                <div class="navbar-item-content">
  679.                    <img src="https://img.viva88athenae.com//events.png"/>
  680.                    <label>EVENT</label>
  681.                </div>
  682.            </a>
  683.            
  684.                            
  685.                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  686.                    <div class="navbar-item">
  687.                        <div class="navbar-item-content speed-dial-btn">
  688.                            <img src="https://img.viva88athenae.com//chat.png"/>
  689.                            <label>CHAT</label>
  690.                        </div>
  691.                        
  692.                                                    
  693.                                <a href="https://t.me/tiatiti4d" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -60px; height: 48px; width: 48px">
  694.                                    <img src="https://img.viva88athenae.com//telegram.png" style="width: 100%; height: 100%"/>
  695.                                </a>
  696.                            
  697.                                                        
  698.                                <a href="https://api.whatsapp.com/send/?phone=627733481762&text&app_absent=0" target="_blank" class="navbar-item-content speed-dial-item" style="margin-top: -120px; height: 48px; width: 48px">
  699.                                    <img src="https://img.viva88athenae.com//whatsapp.png" style="width: 100%; height: 100%"/>
  700.                                </a>
  701.                            
  702.                                                    
  703.                    </div>
  704.                
  705.                
  706.                                        
  707.            
  708.            
  709.            
  710.            
  711.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  712.                <a href="https://direct.lc.chat/14119581/"  target="_blank" class="navbar-item">
  713.                <div class="navbar-item-content">
  714.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  715.                    <label>LIVECHAT</label>
  716.                </div>
  717.                </a>
  718.            
  719.        </div>
  720. </div>
  721.  
  722. <script>
  723.    document.addEventListener("DOMContentLoaded", function () {
  724.    const speedDialBtn = document.querySelector(".speed-dial-btn");
  725.    const speedDialItems = document.querySelectorAll(".speed-dial-item");
  726.    let isOpen = false;
  727.  
  728.    speedDialBtn.addEventListener("click", function () {
  729.        isOpen = !isOpen;
  730.  
  731.        speedDialItems.forEach((item, index) => {
  732.            if (isOpen) {
  733.                item.style.opacity = "1";
  734.                item.style.visibility = "visible";
  735.                item.style.transform = "translateY(0)";
  736.                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
  737.            } else {
  738.                item.style.opacity = "0";
  739.                item.style.visibility = "hidden";
  740.                item.style.transform = "translateY(10px)";
  741.                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
  742.            }
  743.        });
  744.    });
  745. });
  746. </script>        
  747.        
  748.        
  749.        <div id="top" class="wrapper">
  750.  
  751.            
  752.                
  753.            <header class="header">
  754.                <div class="header-content">
  755.                    <div class="logo" href="/">
  756.                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
  757.                    </div>
  758.                    
  759.                    <div id="marquee-mobile" class="marquee mobile-only">
  760.                        <div class="marquee-content">
  761.                            <div class="d-flex align-items-center gap-2">
  762.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  763.                            </div>
  764.                            <div class="running">
  765.                                <div class="marquee-shadow"></div>
  766.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  767.                            </div>
  768.                            <div class="d-flex align-items-center gap-2">
  769.                            </div>
  770.                        </div>
  771.                    </div>
  772.                    
  773.                    <div class="mslider mobile-only">
  774.                                            </div>
  775.                    
  776.                    <div class="login">
  777.                    
  778.                            <div id="desktoplogin" class="desktop-only">
  779.                                <form class="login-form form" role="form">
  780.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  781.                                    <div class="input-group login-field">
  782.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  783.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  784.                                    </div>
  785.                                    
  786.                                    <div id="marquee" class="marquee mobile-only">
  787.                                        <div class="marquee-content">
  788.                                            <div class="d-flex align-items-center gap-2">
  789.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  790.                                            </div>
  791.                                            <div class="running">
  792.                                                <div class="marquee-shadow"></div>
  793.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  794.                                            </div>
  795.                                        </div>
  796.                                    </div>
  797.                                    
  798.                                    
  799.                                    <div class="input-group login-field">
  800.                                        <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>
  801.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  802.                                    </div>
  803.                                    
  804.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  805.                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
  806.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  807.                                    </div>
  808.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  809.        
  810.        
  811.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  812.                                    <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>
  813.  
  814.                                    <input type="hidden" name="task" value="login">    
  815.                                    <input type="hidden" name="logindesktop" value="4FbJvgH094swvOhWK+LwffDrX0rMjfq3rlF5NkubPgw=">
  816.                                </form>
  817.                            </div>
  818.                        
  819.                        
  820.                        
  821.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  822.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  823.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  824.                                    <div class="input-group login-field">
  825.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  826.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  827.                                    </div>
  828.                                    <div class="input-group login-field">
  829.                                        <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>
  830.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  831.                                    </div>
  832.                                    
  833.                                    
  834.                                    <div class="verifikasiform w-100">
  835.                                        
  836.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?1743" width="100%" height="44" style="border-radius: 5px;"></span>
  837.                                                <div class="input-group login-field mt-1">
  838.                                                    <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>
  839.                                                   <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  840.                                                </div>
  841.                                        
  842.                                    </div>
  843.  
  844.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  845.                                    
  846.                                    <label style="font-size:12px;display:flex;align-items:center;margin-top:4px;margin-bottom:8px;cursor:pointer;">
  847.                                        <input type="checkbox" id="rememberMe" name="remember" style="margin-right:6px;width:16px;height:16px;cursor:pointer;"> Remember Me
  848.                                    </label>
  849.        
  850.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  851.                                    <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>
  852.  
  853.                                    
  854.                                    <input type="hidden" name="task" value="login">    
  855.                                    <input type="hidden" name="loginmobile" value="4FbJvgH094swvOhWK+LwffDrX0rMjfq3rlF5NkubPgw=">
  856.                                </form>
  857.                            </div>
  858.                            
  859.                            <style>
  860.                              .error-msg { color: red; font-size: 12px; margin-top: 3px; display: none; }
  861.                              .error-border { border-color: red !important; }
  862.                              .valid-border { border-color: green !important; }
  863.                            </style>
  864.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  865.                                    <div id="mobileregister">
  866.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  867.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  868.                                            <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>
  869.                                            <div class="input-group login-field">
  870.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  871.                                                <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">
  872.                                            </div>
  873.                                            <div class="error-msg" id="err_username"></div>
  874.                                            <div class="input-group login-field">
  875.                                                <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>
  876.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  877.                                            </div>
  878.                                                <div class="error-msg" id="err_password"></div>
  879.                                            <div class="input-group login-field">
  880.                                                <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>
  881.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  882.                                            </div>
  883.                                                <div class="error-msg" id="err_passcon"></div>
  884.                                            <div class="input-group login-field">
  885.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  886.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  887.                                            </div>
  888.                                                <div class="error-msg" id="err_email"></div>
  889.                                            <div class="input-group login-field">
  890.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  891.                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  892.                                            </div>
  893.                                                <div class="error-msg" id="err_telpon"></div>
  894.                                            
  895.                                            <div class="input-group login-field">
  896.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  897.                                             <option value="">Pilih Bank</option>
  898.                             <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='Danamon'>Danamon</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Lain-lain'>Lain-lain</option>                                                </select>
  899.                                            </div>
  900.                                                <div class="error-msg" id="err_bank"></div>
  901.                        
  902.                                            <div class="input-group login-field">
  903.                                                <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>
  904.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  905.                                            </div>
  906.                                                <div class="error-msg" id="err_rek"></div>
  907.                                            <div class="input-group login-field">
  908.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  909.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  910.                                            </div>
  911.                                                <div class="error-msg" id="err_nama"></div>
  912.                                            <div class="input-group login-field">
  913.                                                <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>
  914.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  915.                                            </div>
  916.                                            <div class="error-msg" id="err_ref"></div>
  917.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  918.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  919.                                            
  920.                                                                              
  921.                                  <div class="w-100 my-1">
  922.                                      <div id="capverifikasi">
  923.                                          <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
  924.                                      </div>
  925.                                    
  926.                                     <div class="input-group login-field mt-1">
  927.                                                    <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>
  928.                                                   <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
  929.                                                </div>
  930.                                                   <div class="error-msg" id="err_verifikasi"></div>
  931.                                    
  932.                                  </div>
  933.  
  934.                                                                          
  935.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  936.                                                <input type="hidden" name="task" value="register">
  937.                                                <input type="hidden" name="regmobile" value="7FVDsXqLf906g0pXhsPCrHjVTWiIVD7cjGWGzh96hEY=">
  938.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  939.                                    </form>
  940.                                </div>
  941.                                <script>
  942.                                (function(){
  943.                                  function root(){ return document.getElementById('mobileregister'); }
  944.                                  function q(id){ return root()?.querySelector('#'+id) || null; }
  945.                                  function qe(sel){ return root()?.querySelector(sel) || null; }
  946.                                
  947.                                  function showError(field,msg){
  948.                                    const err = qe('#err_'+field);
  949.                                    const inp = q('reg_'+field);
  950.                                    if (err){ err.textContent = msg; err.style.display = 'block'; }
  951.                                    if (inp){ inp.classList.remove('valid-border'); inp.classList.add('error-border'); }
  952.                                  }
  953.                                  function clearError(field){
  954.                                    const err = qe('#err_'+field);
  955.                                    const inp = q('reg_'+field);
  956.                                    if (err) err.style.display = 'none';
  957.                                    if (inp){ inp.classList.remove('error-border'); inp.classList.add('valid-border'); }
  958.                                  }
  959.                                
  960.                                  function vUsername(){
  961.                                    const v = (q('reg_username')?.value || '').trim();
  962.                                    if (!v) return showError('username','Username tidak boleh kosong'), false;
  963.                                    if (v.length < 6) return showError('username','Username minimal 6 karakter'), false;
  964.                                    if (v.length > 16) return showError('username','Username maksimal 16 karakter'), false;
  965.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('username','Hanya huruf/angka'), false;
  966.                                    clearError('username'); return true;
  967.                                  }
  968.                                  function vPass(){
  969.                                    const v = q('reg_pass')?.value || '';
  970.                                    if (!v) return showError('password','Password tidak boleh kosong'), false;
  971.                                    if (v.length < 6) return showError('password','Password minimal 6 karakter'), false;
  972.                                    clearError('password'); return true;
  973.                                  }
  974.                                  function vPasscon(){
  975.                                    const p1 = q('reg_pass')?.value || '';
  976.                                    const p2 = q('reg_passcon')?.value || '';
  977.                                    if (!p2) return showError('passcon','Konfirmasi password kosong'), false;
  978.                                    if (p1 !== p2) return showError('passcon','Konfirmasi tidak sama'), false;
  979.                                    clearError('passcon'); return true;
  980.                                  }
  981.                                  function vEmail(){
  982.                                    const v = (q('reg_email')?.value || '').trim();
  983.                                    if (!v) return showError('email','Email tidak boleh kosong'), false;
  984.                                    if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(v)) return showError('email','Format email salah'), false;
  985.                                    clearError('email'); return true;
  986.                                  }
  987.                                  function vTelp(){
  988.                                    const el = q('reg_telpon'); if (!el) return true;
  989.                                    el.value = (el.value || '').replace(/\D/g,'');
  990.                                    if (!el.value) return showError('telpon','Telpon kosong'), false;
  991.                                    if (el.value.length < 10) return showError('telpon','Telpon minimal 10 digit'), false;
  992.                                    clearError('telpon'); return true;
  993.                                  }
  994.                                  function vBank(){
  995.                                    if (!q('reg_bank')?.value) return showError('bank','Pilih bank'), false;
  996.                                    clearError('bank'); return true;
  997.                                  }
  998.                                  function vRek(){
  999.                                    const el = q('reg_rek'); if (!el) return true;
  1000.                                    el.value = (el.value || '').replace(/\D/g,'');
  1001.                                    if (!el.value) return showError('rek','Rekening kosong'), false;
  1002.                                    if (el.value.length < 8) return showError('rek','Minimal 8 digit'), false;
  1003.                                    clearError('rek'); return true;
  1004.                                  }
  1005.                                  function vNama(){
  1006.                                    const v = (q('reg_nama')?.value || '').trim();
  1007.                                    if (!v) return showError('nama','Nama kosong'), false;
  1008.                                    if (v.length < 3) return showError('nama','Nama minimal 3 karakter'), false;
  1009.                                    if(!/^[a-zA-Z\s]+$/.test(v)) return showError('nama','Nama hanya boleh huruf'), false;
  1010.                                    clearError('nama'); return true;
  1011.                                  }
  1012.                                  function vRefOpt(){
  1013.                                    const el = q('reg_ref'); if (!el) return true;
  1014.                                    const v = (el.value || '').trim();
  1015.                                    if (!v) return clearError('ref'), true;
  1016.                                    if (v.length > 16) return showError('ref','Maksimal 16 karakter'), false;
  1017.                                    if (!/^[A-Za-z0-9]+$/.test(v)) return showError('ref','Hanya huruf/angka'), false;
  1018.                                    clearError('ref'); return true;
  1019.                                  }
  1020.                                  function vVerifOpt(){
  1021.                                    const el = q('reg_verifikasi'); if (!el) return true;
  1022.                                    const v = (el.value || '').trim();
  1023.                                    if (!v) return showError('verifikasi','Kode verifikasi harus diisi'), false;
  1024.                                    clearError('verifikasi'); return true;
  1025.                                  }
  1026.                                
  1027.                                  function validateAll(){
  1028.                                    const ok =
  1029.                                      vUsername() & vPass() & vPasscon() & vEmail() &
  1030.                                      vTelp() & vBank() & vRek() & vNama() &
  1031.                                      vRefOpt() & vVerifOpt();
  1032.                                    return !!ok;
  1033.                                  }
  1034.                                  
  1035.                                  function attach(id, validator, opts){
  1036.                                    const el = q(id); if (!el) return;
  1037.                                    const run = () => validator();
  1038.                                    el.addEventListener('focus', run);
  1039.                                    if (!opts || opts.input !== false) el.addEventListener('input', run);
  1040.                                    el.addEventListener('blur', run);
  1041.                                    if (opts && opts.change) el.addEventListener('change', run);
  1042.                                  }
  1043.                                
  1044.                                  document.addEventListener('DOMContentLoaded', function(){
  1045.                                    attach('reg_username',   vUsername);
  1046.                                    attach('reg_pass',       vPass);
  1047.                                    attach('reg_passcon',    vPasscon);
  1048.                                    attach('reg_email',      vEmail);
  1049.                                    attach('reg_telpon',     vTelp);
  1050.                                    attach('reg_bank',       vBank, { input:false, change:true });
  1051.                                    attach('reg_rek',        vRek);
  1052.                                    attach('reg_nama',       vNama);
  1053.                                    attach('reg_ref',        vRefOpt);
  1054.                                    attach('reg_verifikasi', vVerifOpt);
  1055.                                
  1056.                                    const f = q('formRegister');
  1057.                                    if (f) {
  1058.                                      f.addEventListener('submit', function(e){
  1059.                                        if (!validateAll()) {
  1060.                                          e.preventDefault();
  1061.                                          const firstErr = root()?.querySelector('.error-border') || q('reg_username');
  1062.                                          if (firstErr && firstErr.focus) firstErr.focus();
  1063.                                        }
  1064.                                      });
  1065.                                    }
  1066.                                  });
  1067.                                })();
  1068.                                </script>
  1069.                        </div>
  1070.                    </div>
  1071.    
  1072.                    <div class="menu">
  1073.                        <div class="menu-item desktop-only">
  1074.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  1075. </div>
  1076. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1077.  
  1078.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  1079.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  1080.        <label>TOGEL</label>
  1081.    </a>
  1082.    
  1083.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1084.  
  1085.  
  1086. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  1087.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  1088.    <label>SLOT</label>
  1089. </a>
  1090. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1091. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  1092.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  1093.    <label>LIVE CASINO</label>
  1094. </a>
  1095. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1096. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  1097.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  1098.    <label>SPORT</label>
  1099. </a>
  1100. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1101. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  1102.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  1103.    <label>ARCADE</label>
  1104. </a>
  1105. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1106. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  1107. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  1108.    <label>SABUNG</label>
  1109. </a>
  1110. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1111. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  1112. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  1113.    <label>INTERACTIVE</label>
  1114. </a>
  1115.  
  1116. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  1117.                    </div>
  1118.                                        
  1119.  
  1120.  
  1121.                    <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)">
  1122.                        
  1123.                        
  1124.                            <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)">
  1125.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1126.                            </div>
  1127.                            
  1128.                            <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)">
  1129.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  1130.                            </div>
  1131.                        
  1132.                        
  1133.                        <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)">
  1134.                        
  1135.                        
  1136.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  1137.                                                                                
  1138.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  1139.                                            <div style="display: grid; place-items: center; height: 100%">
  1140.                                                <div class="menu-item">
  1141.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  1142.                                                    <label>TOGEL</label>
  1143.                                                </div>
  1144.                                            </div>
  1145.                                        </a>
  1146.                                            
  1147.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  1148.                                        <div style="display: grid; place-items: center; height: 100%">
  1149.                                            <div class="menu-item" onclick="showProvider('slot')">
  1150.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  1151.                                                <label>SLOT</label>
  1152.                                            </div>
  1153.                                        </div>
  1154.                                    </div>
  1155.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1156.                                        <div style="display: grid; place-items: center; height: 100%">
  1157.                                            <div class="menu-item" onclick="showProvider('casino')">
  1158.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  1159.                                                <label>LIVE CASINO</label>
  1160.                                            </div>
  1161.                                        </div>
  1162.                                    </div>
  1163.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1164.                                        <div style="display: grid; place-items: center; height: 100%">
  1165.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  1166.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  1167.                                                <label>SPORT</label>
  1168.                                            </div>
  1169.                                        </div>
  1170.                                    </div>
  1171.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  1172.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  1173.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  1174.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  1175.                                    <!--            <label>E-SPORT</label>-->
  1176.                                    <!--        </div>-->
  1177.                                    <!--    </div>-->
  1178.                                    <!--</div>-->
  1179.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1180.                                        <div style="display: grid; place-items: center; height: 100%">
  1181.                                        <div class="menu-item" onclick="showProvider('fish')">
  1182.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  1183.                                            <label>ARCADE</label>
  1184.                                        </div>
  1185.                                        </div>
  1186.                                    </div>
  1187.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1188.                                        <div style="display: grid; place-items: center; height: 100%">
  1189.                                            <div class="menu-item" onclick="showProvider('sabung')">
  1190.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  1191.                                                <label>SABUNG</label>
  1192.                                            </div>
  1193.                                        </div>
  1194.                                    </div>
  1195.                                    
  1196.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  1197.                                        <div style="display: grid; place-items: center; height: 100%">
  1198.                                            <div class="menu-item" onclick="showProvider('interactive')">
  1199.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  1200.                                                <label>INTERACTIVE</label>
  1201.                                            </div>
  1202.                                        </div>
  1203.                                    </div>
  1204.                            </div>
  1205.                        </div>                                                                                                                        
  1206.                    </div>                    
  1207.                    <div class="menu-content mobile-only">
  1208.                            <div id="main-content" style="background: var(--content-box-background)">
  1209.                                                        </div>
  1210.                    </div>
  1211.                    
  1212.                    
  1213.        
  1214.                    <div class="promosi">
  1215.                        
  1216.                        <!-- Desktop -->
  1217.                        
  1218.                        <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>
  1219.                        <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>
  1220.                        
  1221.                        <!-- Mobile -->
  1222.                        
  1223.                        <div class="mobile-only" style="padding-top: 32px">
  1224.                            
  1225.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  1226.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  1227.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  1228.                                        
  1229.                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  1230.                            </div>
  1231.                            
  1232.                        </div>
  1233.                    </div>
  1234.                                    </div>
  1235.            </header>
  1236.    
  1237.    
  1238.            <div id="marquee" class="marquee desktop-only">
  1239.                <div class="marquee-content">
  1240.                    <div class="d-flex align-items-center gap-2">
  1241.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  1242.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  1243.                    </div>
  1244.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  1245.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  1246.                    </div>
  1247.                    <div class="d-flex align-items-center gap-2">
  1248.                        <a href="/?content=event">
  1249.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  1250.                        </a>
  1251.                    </div>
  1252.                </div>
  1253.            </div>
  1254.            
  1255.            
  1256.            
  1257.            <!--Informasi Modal -->
  1258.            <div id="modal-wrapper" class="modal" style=" background:none;">
  1259.            
  1260.                <div class="slideDown" id="informasi-menu">
  1261.                  <div class="row">
  1262.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  1263.                        <div id="informasi-logo">
  1264.                            <img src="/images/logoweb.png" width="120px"/>
  1265.                        </div>
  1266.                        <div class="menuleft">
  1267.  
  1268.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  1269.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  1270.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  1271.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  1272.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  1273.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  1274.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  1275.  
  1276.                        </div>
  1277.                   </div>    
  1278.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  1279.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  1280.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  1281.                        </div>
  1282.                    </div>
  1283.                    
  1284.                </div>
  1285.              </div>
  1286.            </div>
  1287.    
  1288.    
  1289.            <div class="contentdata">
  1290.                <div id="content-primary" class="p-0">
  1291.                
  1292.                                            <div class="desktop-only">
  1293. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  1294.  <div class="carousel-indicators">
  1295.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1296.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1297.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  1298.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  1299.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  1300.              </div>
  1301.  <div class="carousel-inner" style="height: 100%">
  1302.            <div class="carousel-item active" style="height: 100%">
  1303.          <img src="/images/upload-Slides-20240820172715.jpg" class="d-block w-100 banner" alt="QRIS ONPAY" style="height: 100%">
  1304.        </div>
  1305.            <div class="carousel-item " style="height: 100%">
  1306.          <img src="/images/upload-Slides-20231118200908.jpg" class="d-block w-100 banner" alt="titi4d login" style="height: 100%">
  1307.        </div>
  1308.            <div class="carousel-item " style="height: 100%">
  1309.          <img src="/images/" class="d-block w-100 banner" alt="" style="height: 100%">
  1310.        </div>
  1311.            <div class="carousel-item " style="height: 100%">
  1312.          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1313.        </div>
  1314.            <div class="carousel-item " style="height: 100%">
  1315.          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  1316.        </div>
  1317.      </div>
  1318. </div>
  1319.  
  1320. </div>
  1321.                        <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;">
  1322.     <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;">
  1323. </div></div>
  1324.                        
  1325.                                    </div>
  1326.            </div>
  1327.    
  1329.    
  1330.            
  1331.            <!-- Togel -->    
  1332.            
  1333. <style>
  1334.    .togel-desktop {
  1335.            background: var(--togel-background);
  1336.            grid-area: togel-desktop;
  1337.            position: relative;
  1338.        }
  1339.        
  1340.        .togel-mobile {
  1341.            display: none;
  1342.        }
  1343.  
  1344.        .show-more {
  1345.            position: absolute;
  1346.        
  1347.            z-index: 999;
  1348.            bottom: 0px;
  1349.            width: 100%;
  1350.            
  1351.            /* 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)); */
  1352.        }
  1353.        
  1354.        .show-more-content {
  1355.            background: var(--secondary-background);
  1356.            opacity: .7;
  1357.            display: grid;
  1358.            place-items: center;
  1359.            height: 32px
  1360.        }
  1361.        
  1362.        .togel-content {    
  1363.            position: relative;  
  1364.            display: flex;
  1365.            flex-wrap: wrap;
  1366.            justify-content: center;
  1367.            /*display: grid;*/
  1368.            /*grid-template-columns: repeat(10, 1fr);*/
  1369.            gap: 8px 4px;
  1370.            padding: 16px 0;
  1371.        }
  1372.        
  1373.        .see-more {
  1374.            padding: 16px 0 48px 0;
  1375.            max-height: 162px;
  1376.            transition: max-height .75s ease-out;
  1377.            transition-delay: .1s;
  1378.            overflow: hidden;
  1379.        }
  1380.        
  1381.        .togel-content:hover{
  1382.            max-height: 1000px;
  1383.            transition: max-height 0.25s ease-in;
  1384.        }
  1385.        
  1386.        .result {
  1387.            height: 110px;
  1388.            width: 96px;
  1389.            border-radius: 10px;
  1390.            background: var(--result-background);
  1391.            border: var(--result-border);
  1392.            
  1393.            display: grid;
  1394.            grid-template-rows: 0px 20px 1fr 28px;
  1395.            grid-template-areas:
  1396.            "badge"
  1397.            "pasaran"
  1398.            "keluaran"
  1399.            "tanggal"
  1400.            ;
  1401.        
  1402.            /* display: flex;
  1403.            flex-direction: column;
  1404.            justify-content: space-between; */
  1405.        
  1406.            overflow: hidden;
  1407.        }
  1408.        
  1409.        .badge {
  1410.            grid-area: badge;
  1411.            display: grid;
  1412.            place-items: center;
  1413.        }
  1414.        
  1415.        .result>.pasaran {
  1416.        
  1417.            grid-area: pasaran;
  1418.        
  1419.            padding-top: 8px;
  1420.            white-space: nowrap;
  1421.            font-size: .7rem;
  1422.            line-height: .7rem;
  1423.        
  1424.            color: var(--result-pasaran-color);
  1425.            display: grid;
  1426.            place-items: center;
  1427.        }
  1428.        
  1429.        .result>.keluaran {
  1430.        
  1431.            grid-area: keluaran;
  1432.            padding-bottom: 8px;
  1433.            font-family: 'Oswald', sans-serif;
  1434.            line-height: 40px;
  1435.            font-size: 40px;
  1436.            color: var(--result-keluaran-color);
  1437.            display: grid;
  1438.            place-items: center;
  1439.        }
  1440.        
  1441.        .result>.tanggal {
  1442.        
  1443.            grid-area: tanggal;
  1444.        
  1445.            width: 100%;
  1446.            height: 100%;
  1447.            /* background: rgb(40,0,0);
  1448.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1449.            background: var(--result-tanggal-background);
  1450.            white-space: nowarp;
  1451.            font-size: .79rem;
  1452.            display: grid;
  1453.            place-items: center;
  1454.            font-family: 'Abel', sans-serif;
  1455.            color: var(--result-tanggal-color);
  1456.        }
  1457.        
  1458.        @media only screen and (max-width: 1000px) {
  1459.            
  1460.            .togel-desktop {
  1461.                display: none;
  1462.            }
  1463.            
  1464.            .togel-mobile {
  1465.  
  1466.                background: var(--secondary-background);
  1467.                grid-area: togel-mobile;
  1468.                padding: 24px;
  1469.                padding-bottom: 12px;
  1470.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1471.            }
  1472.        
  1473.            .togel-title {
  1474.                padding: 0px;
  1475.                padding-bottom: 20px;
  1476.                font-size: 1.4rem;
  1477.                font-weight: bold;
  1478.                color: var(--primary-text-color);
  1479.            }
  1480.        
  1481.            .togel-content {
  1482.                max-height: fit-content;
  1483.                display: grid;
  1484.                grid-template-columns: 1fr;
  1485.                gap: 0;
  1486.                border-radius: 8px;
  1487.            }
  1488.            
  1489.  
  1490.        
  1491.            .provider-group {
  1492.                padding: var(--mobile-padding-horizontal);
  1493.            }
  1494.        
  1495.            .badge {
  1496.                display: none;
  1497.            }
  1498.        
  1499.            .result {
  1500.                height: auto;
  1501.                width: 100%;
  1502.                display: grid;
  1503.                grid-template-rows: 1fr;
  1504.                grid-template-columns: 1fr 1fr 80px;
  1505.                grid-template-areas: "pasaran tanggal keluaran";
  1506.                border-radius: 0;
  1507.                border: none;
  1508.                background: transparent;
  1509.                padding: 4px 12px;
  1510.                color: var(--primary-text-color);
  1511.                font-family: 'Abel', sans-serif;
  1512.                
  1513.            }
  1514.            
  1515.                        
  1516.            .result-data:nth-child(odd) {
  1517.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1518.            }
  1519.            
  1520.                        
  1521.            .accordion-item {
  1522.                background-color: transparent;
  1523.                border: 0px;
  1524.            }
  1525.            
  1526.            .accordion-button:not(.collapsed) {
  1527.                color: inherit;
  1528.                background-color: transparent;
  1529.                box-shadow: none;
  1530.            }
  1531.            
  1532.            .accordion-button::after {
  1533.                height: 0px;
  1534.            }
  1535.        
  1536.            .result>* {
  1537.                padding: 0px!important;
  1538.                margin: 0px!important;
  1539.                font-size: 1.4rem!important;
  1540.                line-height: auto!important;
  1541.                font-weight: normal!important;
  1542.            }
  1543.        
  1544.            .result>.pasaran {
  1545.                display: flex;
  1546.                justify-content: start;
  1547.                color: var(--primary-text-color)!important;
  1548.                opacity: .7;
  1549.            }
  1550.        
  1551.            .result>.tanggal {        
  1552.                display: flex;
  1553.                justify-content: center;
  1554.                background: transparent;
  1555.                color: var(--primary-text-color)!important;
  1556.                opacity: .7;
  1557.            }
  1558.        
  1559.            .result>.keluaran {
  1560.                display: flex;
  1561.                justify-content: end;
  1562.                /*color: var(--primary-text-color)!important;*/
  1563.                font-family: 'Abel', sans-serif;
  1564.                color: var(--highlight-text-color);
  1565.            }
  1566.            
  1567.        }
  1568. </style>
  1572. <div id="togel-desktop" class="togel-desktop desktop-only">
  1573.    
  1574.             <div class="show-more desktop-only">
  1575.                <div class="show-more-content">
  1576.                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
  1577.                </div>
  1578.            </div>
  1579.            
  1580.        
  1581.    
  1582.        <div class="togel-content see-more">
  1583.                            <a href="/?content=hasil&pid=SG" class="result">
  1584.                    
  1585.                    <div class="badge">
  1586.                                            </div>
  1587.                    
  1588.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1589.                    <div class="keluaran">2250</div>
  1590.                    <div class="tanggal">SABTU 23/8/2025</div>
  1591.                </a>
  1592.                            <a href="/?content=hasil&pid=NGY" class="result">
  1593.                    
  1594.                    <div class="badge">
  1595.                                            </div>
  1596.                    
  1597.                    <div class="pasaran">NAGOYA&nbsp</div>
  1598.                    <div class="keluaran">2589</div>
  1599.                    <div class="tanggal">SABTU 23/8/2025</div>
  1600.                </a>
  1601.                            <a href="/?content=hasil&pid=SGL" class="result">
  1602.                    
  1603.                    <div class="badge">
  1604.                                            </div>
  1605.                    
  1606.                    <div class="pasaran">SENEGAL&nbsp</div>
  1607.                    <div class="keluaran">3631</div>
  1608.                    <div class="tanggal">SABTU 23/8/2025</div>
  1609.                </a>
  1610.                            <a href="/?content=hasil&pid=TWH" class="result">
  1611.                    
  1612.                    <div class="badge">
  1613.                                            </div>
  1614.                    
  1615.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1616.                    <div class="keluaran">9223</div>
  1617.                    <div class="tanggal">SABTU 23/8/2025</div>
  1618.                </a>
  1619.                            <a href="/?content=hasil&pid=MA" class="result">
  1620.                    
  1621.                    <div class="badge">
  1622.                                            </div>
  1623.                    
  1624.                    <div class="pasaran">TOTO MACAU&nbsp</div>
  1625.                    <div class="keluaran">6697</div>
  1626.                    <div class="tanggal">SABTU 23/8/2025</div>
  1627.                </a>
  1628.                            <a href="/?content=hasil&pid=KTM" class="result">
  1629.                    
  1630.                    <div class="badge">
  1631.                                            </div>
  1632.                    
  1633.                    <div class="pasaran">KENTUCKY MID&nbsp</div>
  1634.                    <div class="keluaran">4582</div>
  1635.                    <div class="tanggal">SABTU 23/8/2025</div>
  1636.                </a>
  1637.                            <a href="/?content=hasil&pid=KTE" class="result">
  1638.                    
  1639.                    <div class="badge">
  1640.                                            </div>
  1641.                    
  1642.                    <div class="pasaran">KENTUCKY EVE&nbsp</div>
  1643.                    <div class="keluaran">8387</div>
  1644.                    <div class="tanggal">SABTU 23/8/2025</div>
  1645.                </a>
  1646.                            <a href="/?content=hasil&pid=CRD" class="result">
  1647.                    
  1648.                    <div class="badge">
  1649.                                            </div>
  1650.                    
  1651.                    <div class="pasaran">CAROLINADAY&nbsp</div>
  1652.                    <div class="keluaran">3671</div>
  1653.                    <div class="tanggal">SABTU 23/8/2025</div>
  1654.                </a>
  1655.                            <a href="/?content=hasil&pid=CRE" class="result">
  1656.                    
  1657.                    <div class="badge">
  1658.                                            </div>
  1659.                    
  1660.                    <div class="pasaran">CAROLINA EVE&nbsp</div>
  1661.                    <div class="keluaran">8169</div>
  1662.                    <div class="tanggal">SABTU 23/8/2025</div>
  1663.                </a>
  1664.                            <a href="/?content=hasil&pid=BSE" class="result">
  1665.                    
  1666.                    <div class="badge">
  1667.                                            </div>
  1668.                    
  1669.                    <div class="pasaran">BULLSEYE&nbsp</div>
  1670.                    <div class="keluaran">4107</div>
  1671.                    <div class="tanggal">SABTU 23/8/2025</div>
  1672.                </a>
  1673.                            <a href="/?content=hasil&pid=FLE" class="result">
  1674.                    
  1675.                    <div class="badge">
  1676.                                            </div>
  1677.                    
  1678.                    <div class="pasaran">FLORIDA EVE&nbsp</div>
  1679.                    <div class="keluaran">7794</div>
  1680.                    <div class="tanggal">SABTU 23/8/2025</div>
  1681.                </a>
  1682.                            <a href="/?content=hasil&pid=NYM" class="result">
  1683.                    
  1684.                    <div class="badge">
  1685.                                            </div>
  1686.                    
  1687.                    <div class="pasaran">NEWYORK MID&nbsp</div>
  1688.                    <div class="keluaran">9820</div>
  1689.                    <div class="tanggal">SABTU 23/8/2025</div>
  1690.                </a>
  1691.                            <a href="/?content=hasil&pid=PCS" class="result">
  1692.                    
  1693.                    <div class="badge">
  1694.                                            </div>
  1695.                    
  1696.                    <div class="pasaran">PCSO&nbsp</div>
  1697.                    <div class="keluaran">7689</div>
  1698.                    <div class="tanggal">JUMAT 22/8/2025</div>
  1699.                </a>
  1700.                            <a href="/?content=hasil&pid=CAM" class="result">
  1701.                    
  1702.                    <div class="badge">
  1703.                                            </div>
  1704.                    
  1705.                    <div class="pasaran">CAMBODIA&nbsp</div>
  1706.                    <div class="keluaran">1266</div>
  1707.                    <div class="tanggal">SABTU 23/8/2025</div>
  1708.                </a>
  1709.                            <a href="/?content=hasil&pid=SY" class="result">
  1710.                    
  1711.                    <div class="badge">
  1712.                                            </div>
  1713.                    
  1714.                    <div class="pasaran">SYDNEY&nbsp</div>
  1715.                    <div class="keluaran">3971</div>
  1716.                    <div class="tanggal">SABTU 23/8/2025</div>
  1717.                </a>
  1718.                            <a href="/?content=hasil&pid=CHN" class="result">
  1719.                    
  1720.                    <div class="badge">
  1721.                                            </div>
  1722.                    
  1723.                    <div class="pasaran">CHINA&nbsp</div>
  1724.                    <div class="keluaran">9336</div>
  1725.                    <div class="tanggal">SABTU 23/8/2025</div>
  1726.                </a>
  1727.                            <a href="/?content=hasil&pid=JP" class="result">
  1728.                    
  1729.                    <div class="badge">
  1730.                                            </div>
  1731.                    
  1732.                    <div class="pasaran">JAPAN&nbsp</div>
  1733.                    <div class="keluaran">5990</div>
  1734.                    <div class="tanggal">SABTU 23/8/2025</div>
  1735.                </a>
  1736.                            <a href="/?content=hasil&pid=TWN" class="result">
  1737.                    
  1738.                    <div class="badge">
  1739.                                            </div>
  1740.                    
  1741.                    <div class="pasaran">TAIWAN&nbsp</div>
  1742.                    <div class="keluaran">8063</div>
  1743.                    <div class="tanggal">JUMAT 22/8/2025</div>
  1744.                </a>
  1745.                            <a href="/?content=hasil&pid=HK" class="result">
  1746.                    
  1747.                    <div class="badge">
  1748.                                            </div>
  1749.                    
  1750.                    <div class="pasaran">HONGKONG&nbsp</div>
  1751.                    <div class="keluaran">4247</div>
  1752.                    <div class="tanggal">JUMAT 22/8/2025</div>
  1753.                </a>
  1754.                            <a href="/?content=hasil&pid=CFR" class="result">
  1755.                    
  1756.                    <div class="badge">
  1757.                                            </div>
  1758.                    
  1759.                    <div class="pasaran">CALIFORNIA&nbsp</div>
  1760.                    <div class="keluaran">7523</div>
  1761.                    <div class="tanggal">SABTU 23/8/2025</div>
  1762.                </a>
  1763.                            <a href="/?content=hasil&pid=MY" class="result">
  1764.                    
  1765.                    <div class="badge">
  1766.                                            </div>
  1767.                    
  1768.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1769.                    <div class="keluaran">6329</div>
  1770.                    <div class="tanggal">JUMAT 22/8/2025</div>
  1771.                </a>
  1772.                            <a href="/?content=hasil&pid=HKD" class="result">
  1773.                    
  1774.                    <div class="badge">
  1775.                                            </div>
  1776.                    
  1777.                    <div class="pasaran">HK SIANG&nbsp</div>
  1778.                    <div class="keluaran">5095</div>
  1779.                    <div class="tanggal">SABTU 23/8/2025</div>
  1780.                </a>
  1781.                        
  1782.        </div>
  1783.    </div>
  1784.    
  1785.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1786.        
  1787.        <div class="togel-title">Togel Result</div>
  1788.        
  1789.                
  1790.    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
  1791.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1792.              
  1793.                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1794.                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1795.                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="2" aria-label="Slide 3"></button>
  1796.                                                              
  1797.          </div>
  1798.          <div class="carousel-inner">
  1799.  
  1800.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1801.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  1802.                                    <div class="badge">
  1803.                                                                            </div>
  1804.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  1805.                                    <div class="keluaran">2250</div>
  1806.                                    <div class="tanggal">23-08-2025</div>
  1807.                              </button>
  1808.                                                                <div id="paito-SG" class="accordion-collapse collapse">
  1809.                                        
  1810.                                                <div class="result">
  1811.                                                    <div class="pasaran"></div>
  1812.                                                    <div class="keluaran">5480</div>
  1813.                                                    <div class="tanggal">21-08-2025</div>
  1814.                                                </div>
  1815.                                            
  1816.                                                <div class="result">
  1817.                                                    <div class="pasaran"></div>
  1818.                                                    <div class="keluaran">0707</div>
  1819.                                                    <div class="tanggal">20-08-2025</div>
  1820.                                                </div>
  1821.                                            
  1822.                                                <div class="result">
  1823.                                                    <div class="pasaran"></div>
  1824.                                                    <div class="keluaran">2135</div>
  1825.                                                    <div class="tanggal">18-08-2025</div>
  1826.                                                </div>
  1827.                                            
  1828.                                                <div class="result">
  1829.                                                    <div class="pasaran"></div>
  1830.                                                    <div class="keluaran">7477</div>
  1831.                                                    <div class="tanggal">17-08-2025</div>
  1832.                                                </div>
  1833.                                            
  1834.                                                <div class="result">
  1835.                                                    <div class="pasaran"></div>
  1836.                                                    <div class="keluaran">4315</div>
  1837.                                                    <div class="tanggal">16-08-2025</div>
  1838.                                                </div>
  1839.                                            
  1840.                                                <div class="result">
  1841.                                                    <div class="pasaran"></div>
  1842.                                                    <div class="keluaran">4514</div>
  1843.                                                    <div class="tanggal">14-08-2025</div>
  1844.                                                </div>
  1845.                                            
  1846.                                                <div class="result">
  1847.                                                    <div class="pasaran"></div>
  1848.                                                    <div class="keluaran">3380</div>
  1849.                                                    <div class="tanggal">13-08-2025</div>
  1850.                                                </div>
  1851.                                                                                </div>
  1852.                                                            </div>
  1853.                            
  1854.                                                    <div class="result-data accordion-item">
  1855.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-NGY">
  1856.                                    <div class="badge">
  1857.                                                                            </div>
  1858.                                    <div class="pasaran">NAGOYA&nbsp</div>
  1859.                                    <div class="keluaran">2589</div>
  1860.                                    <div class="tanggal">23-08-2025</div>
  1861.                              </button>
  1862.                                                                <div id="paito-NGY" class="accordion-collapse collapse">
  1863.                                        
  1864.                                                <div class="result">
  1865.                                                    <div class="pasaran"></div>
  1866.                                                    <div class="keluaran">0320</div>
  1867.                                                    <div class="tanggal">23-08-2025</div>
  1868.                                                </div>
  1869.                                            
  1870.                                                <div class="result">
  1871.                                                    <div class="pasaran"></div>
  1872.                                                    <div class="keluaran">8490</div>
  1873.                                                    <div class="tanggal">23-08-2025</div>
  1874.                                                </div>
  1875.                                            
  1876.                                                <div class="result">
  1877.                                                    <div class="pasaran"></div>
  1878.                                                    <div class="keluaran">7987</div>
  1879.                                                    <div class="tanggal">22-08-2025</div>
  1880.                                                </div>
  1881.                                            
  1882.                                                <div class="result">
  1883.                                                    <div class="pasaran"></div>
  1884.                                                    <div class="keluaran">1144</div>
  1885.                                                    <div class="tanggal">22-08-2025</div>
  1886.                                                </div>
  1887.                                            
  1888.                                                <div class="result">
  1889.                                                    <div class="pasaran"></div>
  1890.                                                    <div class="keluaran">7412</div>
  1891.                                                    <div class="tanggal">22-08-2025</div>
  1892.                                                </div>
  1893.                                            
  1894.                                                <div class="result">
  1895.                                                    <div class="pasaran"></div>
  1896.                                                    <div class="keluaran">1547</div>
  1897.                                                    <div class="tanggal">21-08-2025</div>
  1898.                                                </div>
  1899.                                            
  1900.                                                <div class="result">
  1901.                                                    <div class="pasaran"></div>
  1902.                                                    <div class="keluaran">0800</div>
  1903.                                                    <div class="tanggal">21-08-2025</div>
  1904.                                                </div>
  1905.                                                                                </div>
  1906.                                                            </div>
  1907.                            
  1908.                                                    <div class="result-data accordion-item">
  1909.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGL">
  1910.                                    <div class="badge">
  1911.                                                                            </div>
  1912.                                    <div class="pasaran">SENEGAL&nbsp</div>
  1913.                                    <div class="keluaran">3631</div>
  1914.                                    <div class="tanggal">23-08-2025</div>
  1915.                              </button>
  1916.                                                                <div id="paito-SGL" class="accordion-collapse collapse">
  1917.                                        
  1918.                                                <div class="result">
  1919.                                                    <div class="pasaran"></div>
  1920.                                                    <div class="keluaran">5612</div>
  1921.                                                    <div class="tanggal">23-08-2025</div>
  1922.                                                </div>
  1923.                                            
  1924.                                                <div class="result">
  1925.                                                    <div class="pasaran"></div>
  1926.                                                    <div class="keluaran">9855</div>
  1927.                                                    <div class="tanggal">22-08-2025</div>
  1928.                                                </div>
  1929.                                            
  1930.                                                <div class="result">
  1931.                                                    <div class="pasaran"></div>
  1932.                                                    <div class="keluaran">5626</div>
  1933.                                                    <div class="tanggal">22-08-2025</div>
  1934.                                                </div>
  1935.                                            
  1936.                                                <div class="result">
  1937.                                                    <div class="pasaran"></div>
  1938.                                                    <div class="keluaran">5235</div>
  1939.                                                    <div class="tanggal">22-08-2025</div>
  1940.                                                </div>
  1941.                                            
  1942.                                                <div class="result">
  1943.                                                    <div class="pasaran"></div>
  1944.                                                    <div class="keluaran">1285</div>
  1945.                                                    <div class="tanggal">21-08-2025</div>
  1946.                                                </div>
  1947.                                            
  1948.                                                <div class="result">
  1949.                                                    <div class="pasaran"></div>
  1950.                                                    <div class="keluaran">6515</div>
  1951.                                                    <div class="tanggal">21-08-2025</div>
  1952.                                                </div>
  1953.                                            
  1954.                                                <div class="result">
  1955.                                                    <div class="pasaran"></div>
  1956.                                                    <div class="keluaran">3478</div>
  1957.                                                    <div class="tanggal">21-08-2025</div>
  1958.                                                </div>
  1959.                                                                                </div>
  1960.                                                            </div>
  1961.                            
  1962.                                                    <div class="result-data accordion-item">
  1963.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  1964.                                    <div class="badge">
  1965.                                                                            </div>
  1966.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1967.                                    <div class="keluaran">9223</div>
  1968.                                    <div class="tanggal">23-08-2025</div>
  1969.                              </button>
  1970.                                                                <div id="paito-TWH" class="accordion-collapse collapse">
  1971.                                        
  1972.                                                <div class="result">
  1973.                                                    <div class="pasaran"></div>
  1974.                                                    <div class="keluaran">8902</div>
  1975.                                                    <div class="tanggal">23-08-2025</div>
  1976.                                                </div>
  1977.                                            
  1978.                                                <div class="result">
  1979.                                                    <div class="pasaran"></div>
  1980.                                                    <div class="keluaran">6918</div>
  1981.                                                    <div class="tanggal">23-08-2025</div>
  1982.                                                </div>
  1983.                                            
  1984.                                                <div class="result">
  1985.                                                    <div class="pasaran"></div>
  1986.                                                    <div class="keluaran">0157</div>
  1987.                                                    <div class="tanggal">23-08-2025</div>
  1988.                                                </div>
  1989.                                            
  1990.                                                <div class="result">
  1991.                                                    <div class="pasaran"></div>
  1992.                                                    <div class="keluaran">9614</div>
  1993.                                                    <div class="tanggal">23-08-2025</div>
  1994.                                                </div>
  1995.                                            
  1996.                                                <div class="result">
  1997.                                                    <div class="pasaran"></div>
  1998.                                                    <div class="keluaran">7106</div>
  1999.                                                    <div class="tanggal">22-08-2025</div>
  2000.                                                </div>
  2001.                                            
  2002.                                                <div class="result">
  2003.                                                    <div class="pasaran"></div>
  2004.                                                    <div class="keluaran">7498</div>
  2005.                                                    <div class="tanggal">22-08-2025</div>
  2006.                                                </div>
  2007.                                            
  2008.                                                <div class="result">
  2009.                                                    <div class="pasaran"></div>
  2010.                                                    <div class="keluaran">1507</div>
  2011.                                                    <div class="tanggal">22-08-2025</div>
  2012.                                                </div>
  2013.                                                                                </div>
  2014.                                                            </div>
  2015.                            
  2016.                                                    <div class="result-data accordion-item">
  2017.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MA">
  2018.                                    <div class="badge">
  2019.                                                                            </div>
  2020.                                    <div class="pasaran">TOTO MACAU&nbsp</div>
  2021.                                    <div class="keluaran">6697</div>
  2022.                                    <div class="tanggal">23-08-2025</div>
  2023.                              </button>
  2024.                                                                <div id="paito-MA" class="accordion-collapse collapse">
  2025.                                        
  2026.                                                <div class="result">
  2027.                                                    <div class="pasaran"></div>
  2028.                                                    <div class="keluaran">6837</div>
  2029.                                                    <div class="tanggal">23-08-2025</div>
  2030.                                                </div>
  2031.                                            
  2032.                                                <div class="result">
  2033.                                                    <div class="pasaran"></div>
  2034.                                                    <div class="keluaran">0912</div>
  2035.                                                    <div class="tanggal">23-08-2025</div>
  2036.                                                </div>
  2037.                                            
  2038.                                                <div class="result">
  2039.                                                    <div class="pasaran"></div>
  2040.                                                    <div class="keluaran">6652</div>
  2041.                                                    <div class="tanggal">22-08-2025</div>
  2042.                                                </div>
  2043.                                            
  2044.                                                <div class="result">
  2045.                                                    <div class="pasaran"></div>
  2046.                                                    <div class="keluaran">6184</div>
  2047.                                                    <div class="tanggal">22-08-2025</div>
  2048.                                                </div>
  2049.                                            
  2050.                                                <div class="result">
  2051.                                                    <div class="pasaran"></div>
  2052.                                                    <div class="keluaran">0998</div>
  2053.                                                    <div class="tanggal">22-08-2025</div>
  2054.                                                </div>
  2055.                                            
  2056.                                                <div class="result">
  2057.                                                    <div class="pasaran"></div>
  2058.                                                    <div class="keluaran">1600</div>
  2059.                                                    <div class="tanggal">22-08-2025</div>
  2060.                                                </div>
  2061.                                            
  2062.                                                <div class="result">
  2063.                                                    <div class="pasaran"></div>
  2064.                                                    <div class="keluaran">3506</div>
  2065.                                                    <div class="tanggal">22-08-2025</div>
  2066.                                                </div>
  2067.                                                                                </div>
  2068.                                                            </div>
  2069.                            
  2070.                                                    <div class="result-data accordion-item">
  2071.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-KTM">
  2072.                                    <div class="badge">
  2073.                                                                            </div>
  2074.                                    <div class="pasaran">KENTUCKY MID&nbsp</div>
  2075.                                    <div class="keluaran">4582</div>
  2076.                                    <div class="tanggal">23-08-2025</div>
  2077.                              </button>
  2078.                                                                <div id="paito-KTM" class="accordion-collapse collapse">
  2079.                                        
  2080.                                                <div class="result">
  2081.                                                    <div class="pasaran"></div>
  2082.                                                    <div class="keluaran">7003</div>
  2083.                                                    <div class="tanggal">22-08-2025</div>
  2084.                                                </div>
  2085.                                            
  2086.                                                <div class="result">
  2087.                                                    <div class="pasaran"></div>
  2088.                                                    <div class="keluaran">2768</div>
  2089.                                                    <div class="tanggal">21-08-2025</div>
  2090.                                                </div>
  2091.                                            
  2092.                                                <div class="result">
  2093.                                                    <div class="pasaran"></div>
  2094.                                                    <div class="keluaran">4636</div>
  2095.                                                    <div class="tanggal">20-08-2025</div>
  2096.                                                </div>
  2097.                                            
  2098.                                                <div class="result">
  2099.                                                    <div class="pasaran"></div>
  2100.                                                    <div class="keluaran">8466</div>
  2101.                                                    <div class="tanggal">19-08-2025</div>
  2102.                                                </div>
  2103.                                            
  2104.                                                <div class="result">
  2105.                                                    <div class="pasaran"></div>
  2106.                                                    <div class="keluaran">2024</div>
  2107.                                                    <div class="tanggal">18-08-2025</div>
  2108.                                                </div>
  2109.                                            
  2110.                                                <div class="result">
  2111.                                                    <div class="pasaran"></div>
  2112.                                                    <div class="keluaran">1035</div>
  2113.                                                    <div class="tanggal">17-08-2025</div>
  2114.                                                </div>
  2115.                                            
  2116.                                                <div class="result">
  2117.                                                    <div class="pasaran"></div>
  2118.                                                    <div class="keluaran">1757</div>
  2119.                                                    <div class="tanggal">16-08-2025</div>
  2120.                                                </div>
  2121.                                                                                </div>
  2122.                                                            </div>
  2123.                            
  2124.                                                    <div class="result-data accordion-item">
  2125.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-KTE">
  2126.                                    <div class="badge">
  2127.                                                                            </div>
  2128.                                    <div class="pasaran">KENTUCKY EVE&nbsp</div>
  2129.                                    <div class="keluaran">8387</div>
  2130.                                    <div class="tanggal">23-08-2025</div>
  2131.                              </button>
  2132.                                                                <div id="paito-KTE" class="accordion-collapse collapse">
  2133.                                        
  2134.                                                <div class="result">
  2135.                                                    <div class="pasaran"></div>
  2136.                                                    <div class="keluaran">5871</div>
  2137.                                                    <div class="tanggal">22-08-2025</div>
  2138.                                                </div>
  2139.                                            
  2140.                                                <div class="result">
  2141.                                                    <div class="pasaran"></div>
  2142.                                                    <div class="keluaran">1217</div>
  2143.                                                    <div class="tanggal">21-08-2025</div>
  2144.                                                </div>
  2145.                                            
  2146.                                                <div class="result">
  2147.                                                    <div class="pasaran"></div>
  2148.                                                    <div class="keluaran">3327</div>
  2149.                                                    <div class="tanggal">20-08-2025</div>
  2150.                                                </div>
  2151.                                            
  2152.                                                <div class="result">
  2153.                                                    <div class="pasaran"></div>
  2154.                                                    <div class="keluaran">0938</div>
  2155.                                                    <div class="tanggal">19-08-2025</div>
  2156.                                                </div>
  2157.                                            
  2158.                                                <div class="result">
  2159.                                                    <div class="pasaran"></div>
  2160.                                                    <div class="keluaran">6000</div>
  2161.                                                    <div class="tanggal">18-08-2025</div>
  2162.                                                </div>
  2163.                                            
  2164.                                                <div class="result">
  2165.                                                    <div class="pasaran"></div>
  2166.                                                    <div class="keluaran">8677</div>
  2167.                                                    <div class="tanggal">17-08-2025</div>
  2168.                                                </div>
  2169.                                            
  2170.                                                <div class="result">
  2171.                                                    <div class="pasaran"></div>
  2172.                                                    <div class="keluaran">8511</div>
  2173.                                                    <div class="tanggal">16-08-2025</div>
  2174.                                                </div>
  2175.                                                                                </div>
  2176.                                                            </div>
  2177.                            
  2178.                                                    <div class="result-data accordion-item">
  2179.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CRD">
  2180.                                    <div class="badge">
  2181.                                                                            </div>
  2182.                                    <div class="pasaran">CAROLINADAY&nbsp</div>
  2183.                                    <div class="keluaran">3671</div>
  2184.                                    <div class="tanggal">23-08-2025</div>
  2185.                              </button>
  2186.                                                                <div id="paito-CRD" class="accordion-collapse collapse">
  2187.                                        
  2188.                                                <div class="result">
  2189.                                                    <div class="pasaran"></div>
  2190.                                                    <div class="keluaran">6069</div>
  2191.                                                    <div class="tanggal">22-08-2025</div>
  2192.                                                </div>
  2193.                                            
  2194.                                                <div class="result">
  2195.                                                    <div class="pasaran"></div>
  2196.                                                    <div class="keluaran">9905</div>
  2197.                                                    <div class="tanggal">21-08-2025</div>
  2198.                                                </div>
  2199.                                            
  2200.                                                <div class="result">
  2201.                                                    <div class="pasaran"></div>
  2202.                                                    <div class="keluaran">0328</div>
  2203.                                                    <div class="tanggal">20-08-2025</div>
  2204.                                                </div>
  2205.                                            
  2206.                                                <div class="result">
  2207.                                                    <div class="pasaran"></div>
  2208.                                                    <div class="keluaran">5588</div>
  2209.                                                    <div class="tanggal">19-08-2025</div>
  2210.                                                </div>
  2211.                                            
  2212.                                                <div class="result">
  2213.                                                    <div class="pasaran"></div>
  2214.                                                    <div class="keluaran">2086</div>
  2215.                                                    <div class="tanggal">18-08-2025</div>
  2216.                                                </div>
  2217.                                            
  2218.                                                <div class="result">
  2219.                                                    <div class="pasaran"></div>
  2220.                                                    <div class="keluaran">1842</div>
  2221.                                                    <div class="tanggal">17-08-2025</div>
  2222.                                                </div>
  2223.                                            
  2224.                                                <div class="result">
  2225.                                                    <div class="pasaran"></div>
  2226.                                                    <div class="keluaran">8206</div>
  2227.                                                    <div class="tanggal">16-08-2025</div>
  2228.                                                </div>
  2229.                                                                                </div>
  2230.                                                            </div>
  2231.                            
  2232.                                                    <div class="result-data accordion-item">
  2233.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CRE">
  2234.                                    <div class="badge">
  2235.                                                                            </div>
  2236.                                    <div class="pasaran">CAROLINA EVE&nbsp</div>
  2237.                                    <div class="keluaran">8169</div>
  2238.                                    <div class="tanggal">23-08-2025</div>
  2239.                              </button>
  2240.                                                                <div id="paito-CRE" class="accordion-collapse collapse">
  2241.                                        
  2242.                                                <div class="result">
  2243.                                                    <div class="pasaran"></div>
  2244.                                                    <div class="keluaran">1697</div>
  2245.                                                    <div class="tanggal">22-08-2025</div>
  2246.                                                </div>
  2247.                                            
  2248.                                                <div class="result">
  2249.                                                    <div class="pasaran"></div>
  2250.                                                    <div class="keluaran">2258</div>
  2251.                                                    <div class="tanggal">21-08-2025</div>
  2252.                                                </div>
  2253.                                            
  2254.                                                <div class="result">
  2255.                                                    <div class="pasaran"></div>
  2256.                                                    <div class="keluaran">6310</div>
  2257.                                                    <div class="tanggal">20-08-2025</div>
  2258.                                                </div>
  2259.                                            
  2260.                                                <div class="result">
  2261.                                                    <div class="pasaran"></div>
  2262.                                                    <div class="keluaran">9987</div>
  2263.                                                    <div class="tanggal">19-08-2025</div>
  2264.                                                </div>
  2265.                                            
  2266.                                                <div class="result">
  2267.                                                    <div class="pasaran"></div>
  2268.                                                    <div class="keluaran">1970</div>
  2269.                                                    <div class="tanggal">18-08-2025</div>
  2270.                                                </div>
  2271.                                            
  2272.                                                <div class="result">
  2273.                                                    <div class="pasaran"></div>
  2274.                                                    <div class="keluaran">4486</div>
  2275.                                                    <div class="tanggal">17-08-2025</div>
  2276.                                                </div>
  2277.                                            
  2278.                                                <div class="result">
  2279.                                                    <div class="pasaran"></div>
  2280.                                                    <div class="keluaran">7804</div>
  2281.                                                    <div class="tanggal">16-08-2025</div>
  2282.                                                </div>
  2283.                                                                                </div>
  2284.                                                            </div>
  2285.                            
  2286.                                                    <div class="result-data accordion-item">
  2287.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-BSE">
  2288.                                    <div class="badge">
  2289.                                                                            </div>
  2290.                                    <div class="pasaran">BULLSEYE&nbsp</div>
  2291.                                    <div class="keluaran">4107</div>
  2292.                                    <div class="tanggal">23-08-2025</div>
  2293.                              </button>
  2294.                                                                <div id="paito-BSE" class="accordion-collapse collapse">
  2295.                                        
  2296.                                                <div class="result">
  2297.                                                    <div class="pasaran"></div>
  2298.                                                    <div class="keluaran">8266</div>
  2299.                                                    <div class="tanggal">22-08-2025</div>
  2300.                                                </div>
  2301.                                            
  2302.                                                <div class="result">
  2303.                                                    <div class="pasaran"></div>
  2304.                                                    <div class="keluaran">8679</div>
  2305.                                                    <div class="tanggal">21-08-2025</div>
  2306.                                                </div>
  2307.                                            
  2308.                                                <div class="result">
  2309.                                                    <div class="pasaran"></div>
  2310.                                                    <div class="keluaran">0352</div>
  2311.                                                    <div class="tanggal">20-08-2025</div>
  2312.                                                </div>
  2313.                                            
  2314.                                                <div class="result">
  2315.                                                    <div class="pasaran"></div>
  2316.                                                    <div class="keluaran">2370</div>
  2317.                                                    <div class="tanggal">19-08-2025</div>
  2318.                                                </div>
  2319.                                            
  2320.                                                <div class="result">
  2321.                                                    <div class="pasaran"></div>
  2322.                                                    <div class="keluaran">4534</div>
  2323.                                                    <div class="tanggal">18-08-2025</div>
  2324.                                                </div>
  2325.                                            
  2326.                                                <div class="result">
  2327.                                                    <div class="pasaran"></div>
  2328.                                                    <div class="keluaran">0831</div>
  2329.                                                    <div class="tanggal">17-08-2025</div>
  2330.                                                </div>
  2331.                                            
  2332.                                                <div class="result">
  2333.                                                    <div class="pasaran"></div>
  2334.                                                    <div class="keluaran">2564</div>
  2335.                                                    <div class="tanggal">16-08-2025</div>
  2336.                                                </div>
  2337.                                                                                </div>
  2338.                                                            </div>
  2339.                            
  2340.                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
  2341.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-FLE">
  2342.                                    <div class="badge">
  2343.                                                                            </div>
  2344.                                    <div class="pasaran">FLORIDA EVE&nbsp</div>
  2345.                                    <div class="keluaran">7794</div>
  2346.                                    <div class="tanggal">23-08-2025</div>
  2347.                              </button>
  2348.                                                                <div id="paito-FLE" class="accordion-collapse collapse">
  2349.                                        
  2350.                                                <div class="result">
  2351.                                                    <div class="pasaran"></div>
  2352.                                                    <div class="keluaran">3506</div>
  2353.                                                    <div class="tanggal">22-08-2025</div>
  2354.                                                </div>
  2355.                                            
  2356.                                                <div class="result">
  2357.                                                    <div class="pasaran"></div>
  2358.                                                    <div class="keluaran">5309</div>
  2359.                                                    <div class="tanggal">21-08-2025</div>
  2360.                                                </div>
  2361.                                            
  2362.                                                <div class="result">
  2363.                                                    <div class="pasaran"></div>
  2364.                                                    <div class="keluaran">6536</div>
  2365.                                                    <div class="tanggal">20-08-2025</div>
  2366.                                                </div>
  2367.                                            
  2368.                                                <div class="result">
  2369.                                                    <div class="pasaran"></div>
  2370.                                                    <div class="keluaran">4494</div>
  2371.                                                    <div class="tanggal">19-08-2025</div>
  2372.                                                </div>
  2373.                                            
  2374.                                                <div class="result">
  2375.                                                    <div class="pasaran"></div>
  2376.                                                    <div class="keluaran">5983</div>
  2377.                                                    <div class="tanggal">18-08-2025</div>
  2378.                                                </div>
  2379.                                            
  2380.                                                <div class="result">
  2381.                                                    <div class="pasaran"></div>
  2382.                                                    <div class="keluaran">0230</div>
  2383.                                                    <div class="tanggal">17-08-2025</div>
  2384.                                                </div>
  2385.                                            
  2386.                                                <div class="result">
  2387.                                                    <div class="pasaran"></div>
  2388.                                                    <div class="keluaran">4429</div>
  2389.                                                    <div class="tanggal">16-08-2025</div>
  2390.                                                </div>
  2391.                                                                                </div>
  2392.                                                            </div>
  2393.                            
  2394.                                                    <div class="result-data accordion-item">
  2395.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-NYM">
  2396.                                    <div class="badge">
  2397.                                                                            </div>
  2398.                                    <div class="pasaran">NEWYORK MID&nbsp</div>
  2399.                                    <div class="keluaran">9820</div>
  2400.                                    <div class="tanggal">23-08-2025</div>
  2401.                              </button>
  2402.                                                                <div id="paito-NYM" class="accordion-collapse collapse">
  2403.                                        
  2404.                                                <div class="result">
  2405.                                                    <div class="pasaran"></div>
  2406.                                                    <div class="keluaran">2579</div>
  2407.                                                    <div class="tanggal">22-08-2025</div>
  2408.                                                </div>
  2409.                                            
  2410.                                                <div class="result">
  2411.                                                    <div class="pasaran"></div>
  2412.                                                    <div class="keluaran">6286</div>
  2413.                                                    <div class="tanggal">21-08-2025</div>
  2414.                                                </div>
  2415.                                            
  2416.                                                <div class="result">
  2417.                                                    <div class="pasaran"></div>
  2418.                                                    <div class="keluaran">7310</div>
  2419.                                                    <div class="tanggal">20-08-2025</div>
  2420.                                                </div>
  2421.                                            
  2422.                                                <div class="result">
  2423.                                                    <div class="pasaran"></div>
  2424.                                                    <div class="keluaran">2770</div>
  2425.                                                    <div class="tanggal">19-08-2025</div>
  2426.                                                </div>
  2427.                                            
  2428.                                                <div class="result">
  2429.                                                    <div class="pasaran"></div>
  2430.                                                    <div class="keluaran">2416</div>
  2431.                                                    <div class="tanggal">18-08-2025</div>
  2432.                                                </div>
  2433.                                            
  2434.                                                <div class="result">
  2435.                                                    <div class="pasaran"></div>
  2436.                                                    <div class="keluaran">0098</div>
  2437.                                                    <div class="tanggal">17-08-2025</div>
  2438.                                                </div>
  2439.                                            
  2440.                                                <div class="result">
  2441.                                                    <div class="pasaran"></div>
  2442.                                                    <div class="keluaran">8798</div>
  2443.                                                    <div class="tanggal">16-08-2025</div>
  2444.                                                </div>
  2445.                                                                                </div>
  2446.                                                            </div>
  2447.                            
  2448.                                                    <div class="result-data accordion-item">
  2449.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-PCS">
  2450.                                    <div class="badge">
  2451.                                                                            </div>
  2452.                                    <div class="pasaran">PCSO&nbsp</div>
  2453.                                    <div class="keluaran">7689</div>
  2454.                                    <div class="tanggal">22-08-2025</div>
  2455.                              </button>
  2456.                                                                <div id="paito-PCS" class="accordion-collapse collapse">
  2457.                                        
  2458.                                                <div class="result">
  2459.                                                    <div class="pasaran"></div>
  2460.                                                    <div class="keluaran">9218</div>
  2461.                                                    <div class="tanggal">21-08-2025</div>
  2462.                                                </div>
  2463.                                            
  2464.                                                <div class="result">
  2465.                                                    <div class="pasaran"></div>
  2466.                                                    <div class="keluaran">6564</div>
  2467.                                                    <div class="tanggal">20-08-2025</div>
  2468.                                                </div>
  2469.                                            
  2470.                                                <div class="result">
  2471.                                                    <div class="pasaran"></div>
  2472.                                                    <div class="keluaran">0232</div>
  2473.                                                    <div class="tanggal">19-08-2025</div>
  2474.                                                </div>
  2475.                                            
  2476.                                                <div class="result">
  2477.                                                    <div class="pasaran"></div>
  2478.                                                    <div class="keluaran">0417</div>
  2479.                                                    <div class="tanggal">18-08-2025</div>
  2480.                                                </div>
  2481.                                            
  2482.                                                <div class="result">
  2483.                                                    <div class="pasaran"></div>
  2484.                                                    <div class="keluaran">6893</div>
  2485.                                                    <div class="tanggal">16-08-2025</div>
  2486.                                                </div>
  2487.                                            
  2488.                                                <div class="result">
  2489.                                                    <div class="pasaran"></div>
  2490.                                                    <div class="keluaran">2451</div>
  2491.                                                    <div class="tanggal">15-08-2025</div>
  2492.                                                </div>
  2493.                                            
  2494.                                                <div class="result">
  2495.                                                    <div class="pasaran"></div>
  2496.                                                    <div class="keluaran">7129</div>
  2497.                                                    <div class="tanggal">14-08-2025</div>
  2498.                                                </div>
  2499.                                                                                </div>
  2500.                                                            </div>
  2501.                            
  2502.                                                    <div class="result-data accordion-item">
  2503.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CAM">
  2504.                                    <div class="badge">
  2505.                                                                            </div>
  2506.                                    <div class="pasaran">CAMBODIA&nbsp</div>
  2507.                                    <div class="keluaran">1266</div>
  2508.                                    <div class="tanggal">23-08-2025</div>
  2509.                              </button>
  2510.                                                                <div id="paito-CAM" class="accordion-collapse collapse">
  2511.                                        
  2512.                                                <div class="result">
  2513.                                                    <div class="pasaran"></div>
  2514.                                                    <div class="keluaran">7248</div>
  2515.                                                    <div class="tanggal">22-08-2025</div>
  2516.                                                </div>
  2517.                                            
  2518.                                                <div class="result">
  2519.                                                    <div class="pasaran"></div>
  2520.                                                    <div class="keluaran">8991</div>
  2521.                                                    <div class="tanggal">21-08-2025</div>
  2522.                                                </div>
  2523.                                            
  2524.                                                <div class="result">
  2525.                                                    <div class="pasaran"></div>
  2526.                                                    <div class="keluaran">8651</div>
  2527.                                                    <div class="tanggal">20-08-2025</div>
  2528.                                                </div>
  2529.                                            
  2530.                                                <div class="result">
  2531.                                                    <div class="pasaran"></div>
  2532.                                                    <div class="keluaran">2761</div>
  2533.                                                    <div class="tanggal">19-08-2025</div>
  2534.                                                </div>
  2535.                                            
  2536.                                                <div class="result">
  2537.                                                    <div class="pasaran"></div>
  2538.                                                    <div class="keluaran">7716</div>
  2539.                                                    <div class="tanggal">18-08-2025</div>
  2540.                                                </div>
  2541.                                            
  2542.                                                <div class="result">
  2543.                                                    <div class="pasaran"></div>
  2544.                                                    <div class="keluaran">3798</div>
  2545.                                                    <div class="tanggal">17-08-2025</div>
  2546.                                                </div>
  2547.                                            
  2548.                                                <div class="result">
  2549.                                                    <div class="pasaran"></div>
  2550.                                                    <div class="keluaran">0268</div>
  2551.                                                    <div class="tanggal">16-08-2025</div>
  2552.                                                </div>
  2553.                                                                                </div>
  2554.                                                            </div>
  2555.                            
  2556.                                                    <div class="result-data accordion-item">
  2557.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
  2558.                                    <div class="badge">
  2559.                                                                            </div>
  2560.                                    <div class="pasaran">SYDNEY&nbsp</div>
  2561.                                    <div class="keluaran">3971</div>
  2562.                                    <div class="tanggal">23-08-2025</div>
  2563.                              </button>
  2564.                                                                <div id="paito-SY" class="accordion-collapse collapse">
  2565.                                        
  2566.                                                <div class="result">
  2567.                                                    <div class="pasaran"></div>
  2568.                                                    <div class="keluaran">2163</div>
  2569.                                                    <div class="tanggal">22-08-2025</div>
  2570.                                                </div>
  2571.                                            
  2572.                                                <div class="result">
  2573.                                                    <div class="pasaran"></div>
  2574.                                                    <div class="keluaran">8013</div>
  2575.                                                    <div class="tanggal">21-08-2025</div>
  2576.                                                </div>
  2577.                                            
  2578.                                                <div class="result">
  2579.                                                    <div class="pasaran"></div>
  2580.                                                    <div class="keluaran">8384</div>
  2581.                                                    <div class="tanggal">20-08-2025</div>
  2582.                                                </div>
  2583.                                            
  2584.                                                <div class="result">
  2585.                                                    <div class="pasaran"></div>
  2586.                                                    <div class="keluaran">9499</div>
  2587.                                                    <div class="tanggal">19-08-2025</div>
  2588.                                                </div>
  2589.                                            
  2590.                                                <div class="result">
  2591.                                                    <div class="pasaran"></div>
  2592.                                                    <div class="keluaran">4014</div>
  2593.                                                    <div class="tanggal">18-08-2025</div>
  2594.                                                </div>
  2595.                                            
  2596.                                                <div class="result">
  2597.                                                    <div class="pasaran"></div>
  2598.                                                    <div class="keluaran">5823</div>
  2599.                                                    <div class="tanggal">17-08-2025</div>
  2600.                                                </div>
  2601.                                            
  2602.                                                <div class="result">
  2603.                                                    <div class="pasaran"></div>
  2604.                                                    <div class="keluaran">9758</div>
  2605.                                                    <div class="tanggal">16-08-2025</div>
  2606.                                                </div>
  2607.                                                                                </div>
  2608.                                                            </div>
  2609.                            
  2610.                                                    <div class="result-data accordion-item">
  2611.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CHN">
  2612.                                    <div class="badge">
  2613.                                                                            </div>
  2614.                                    <div class="pasaran">CHINA&nbsp</div>
  2615.                                    <div class="keluaran">9336</div>
  2616.                                    <div class="tanggal">23-08-2025</div>
  2617.                              </button>
  2618.                                                                <div id="paito-CHN" class="accordion-collapse collapse">
  2619.                                        
  2620.                                                <div class="result">
  2621.                                                    <div class="pasaran"></div>
  2622.                                                    <div class="keluaran">6412</div>
  2623.                                                    <div class="tanggal">22-08-2025</div>
  2624.                                                </div>
  2625.                                            
  2626.                                                <div class="result">
  2627.                                                    <div class="pasaran"></div>
  2628.                                                    <div class="keluaran">5686</div>
  2629.                                                    <div class="tanggal">21-08-2025</div>
  2630.                                                </div>
  2631.                                            
  2632.                                                <div class="result">
  2633.                                                    <div class="pasaran"></div>
  2634.                                                    <div class="keluaran">7881</div>
  2635.                                                    <div class="tanggal">20-08-2025</div>
  2636.                                                </div>
  2637.                                            
  2638.                                                <div class="result">
  2639.                                                    <div class="pasaran"></div>
  2640.                                                    <div class="keluaran">6339</div>
  2641.                                                    <div class="tanggal">19-08-2025</div>
  2642.                                                </div>
  2643.                                            
  2644.                                                <div class="result">
  2645.                                                    <div class="pasaran"></div>
  2646.                                                    <div class="keluaran">2193</div>
  2647.                                                    <div class="tanggal">18-08-2025</div>
  2648.                                                </div>
  2649.                                            
  2650.                                                <div class="result">
  2651.                                                    <div class="pasaran"></div>
  2652.                                                    <div class="keluaran">4328</div>
  2653.                                                    <div class="tanggal">17-08-2025</div>
  2654.                                                </div>
  2655.                                            
  2656.                                                <div class="result">
  2657.                                                    <div class="pasaran"></div>
  2658.                                                    <div class="keluaran">5191</div>
  2659.                                                    <div class="tanggal">16-08-2025</div>
  2660.                                                </div>
  2661.                                                                                </div>
  2662.                                                            </div>
  2663.                            
  2664.                                                    <div class="result-data accordion-item">
  2665.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-JP">
  2666.                                    <div class="badge">
  2667.                                                                            </div>
  2668.                                    <div class="pasaran">JAPAN&nbsp</div>
  2669.                                    <div class="keluaran">5990</div>
  2670.                                    <div class="tanggal">23-08-2025</div>
  2671.                              </button>
  2672.                                                                <div id="paito-JP" class="accordion-collapse collapse">
  2673.                                        
  2674.                                                <div class="result">
  2675.                                                    <div class="pasaran"></div>
  2676.                                                    <div class="keluaran">4525</div>
  2677.                                                    <div class="tanggal">22-08-2025</div>
  2678.                                                </div>
  2679.                                            
  2680.                                                <div class="result">
  2681.                                                    <div class="pasaran"></div>
  2682.                                                    <div class="keluaran">7586</div>
  2683.                                                    <div class="tanggal">21-08-2025</div>
  2684.                                                </div>
  2685.                                            
  2686.                                                <div class="result">
  2687.                                                    <div class="pasaran"></div>
  2688.                                                    <div class="keluaran">0271</div>
  2689.                                                    <div class="tanggal">20-08-2025</div>
  2690.                                                </div>
  2691.                                            
  2692.                                                <div class="result">
  2693.                                                    <div class="pasaran"></div>
  2694.                                                    <div class="keluaran">7972</div>
  2695.                                                    <div class="tanggal">19-08-2025</div>
  2696.                                                </div>
  2697.                                            
  2698.                                                <div class="result">
  2699.                                                    <div class="pasaran"></div>
  2700.                                                    <div class="keluaran">1605</div>
  2701.                                                    <div class="tanggal">18-08-2025</div>
  2702.                                                </div>
  2703.                                            
  2704.                                                <div class="result">
  2705.                                                    <div class="pasaran"></div>
  2706.                                                    <div class="keluaran">8997</div>
  2707.                                                    <div class="tanggal">17-08-2025</div>
  2708.                                                </div>
  2709.                                            
  2710.                                                <div class="result">
  2711.                                                    <div class="pasaran"></div>
  2712.                                                    <div class="keluaran">8446</div>
  2713.                                                    <div class="tanggal">16-08-2025</div>
  2714.                                                </div>
  2715.                                                                                </div>
  2716.                                                            </div>
  2717.                            
  2718.                                                    <div class="result-data accordion-item">
  2719.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN">
  2720.                                    <div class="badge">
  2721.                                                                            </div>
  2722.                                    <div class="pasaran">TAIWAN&nbsp</div>
  2723.                                    <div class="keluaran">8063</div>
  2724.                                    <div class="tanggal">22-08-2025</div>
  2725.                              </button>
  2726.                                                                <div id="paito-TWN" class="accordion-collapse collapse">
  2727.                                        
  2728.                                                <div class="result">
  2729.                                                    <div class="pasaran"></div>
  2730.                                                    <div class="keluaran">1675</div>
  2731.                                                    <div class="tanggal">21-08-2025</div>
  2732.                                                </div>
  2733.                                            
  2734.                                                <div class="result">
  2735.                                                    <div class="pasaran"></div>
  2736.                                                    <div class="keluaran">4696</div>
  2737.                                                    <div class="tanggal">20-08-2025</div>
  2738.                                                </div>
  2739.                                            
  2740.                                                <div class="result">
  2741.                                                    <div class="pasaran"></div>
  2742.                                                    <div class="keluaran">3342</div>
  2743.                                                    <div class="tanggal">19-08-2025</div>
  2744.                                                </div>
  2745.                                            
  2746.                                                <div class="result">
  2747.                                                    <div class="pasaran"></div>
  2748.                                                    <div class="keluaran">8367</div>
  2749.                                                    <div class="tanggal">18-08-2025</div>
  2750.                                                </div>
  2751.                                            
  2752.                                                <div class="result">
  2753.                                                    <div class="pasaran"></div>
  2754.                                                    <div class="keluaran">4761</div>
  2755.                                                    <div class="tanggal">17-08-2025</div>
  2756.                                                </div>
  2757.                                            
  2758.                                                <div class="result">
  2759.                                                    <div class="pasaran"></div>
  2760.                                                    <div class="keluaran">1865</div>
  2761.                                                    <div class="tanggal">16-08-2025</div>
  2762.                                                </div>
  2763.                                            
  2764.                                                <div class="result">
  2765.                                                    <div class="pasaran"></div>
  2766.                                                    <div class="keluaran">4682</div>
  2767.                                                    <div class="tanggal">15-08-2025</div>
  2768.                                                </div>
  2769.                                                                                </div>
  2770.                                                            </div>
  2771.                            
  2772.                                                    <div class="result-data accordion-item">
  2773.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
  2774.                                    <div class="badge">
  2775.                                                                            </div>
  2776.                                    <div class="pasaran">HONGKONG&nbsp</div>
  2777.                                    <div class="keluaran">4247</div>
  2778.                                    <div class="tanggal">22-08-2025</div>
  2779.                              </button>
  2780.                                                                <div id="paito-HK" class="accordion-collapse collapse">
  2781.                                        
  2782.                                                <div class="result">
  2783.                                                    <div class="pasaran"></div>
  2784.                                                    <div class="keluaran">2914</div>
  2785.                                                    <div class="tanggal">21-08-2025</div>
  2786.                                                </div>
  2787.                                            
  2788.                                                <div class="result">
  2789.                                                    <div class="pasaran"></div>
  2790.                                                    <div class="keluaran">0324</div>
  2791.                                                    <div class="tanggal">20-08-2025</div>
  2792.                                                </div>
  2793.                                            
  2794.                                                <div class="result">
  2795.                                                    <div class="pasaran"></div>
  2796.                                                    <div class="keluaran">7402</div>
  2797.                                                    <div class="tanggal">19-08-2025</div>
  2798.                                                </div>
  2799.                                            
  2800.                                                <div class="result">
  2801.                                                    <div class="pasaran"></div>
  2802.                                                    <div class="keluaran">0073</div>
  2803.                                                    <div class="tanggal">18-08-2025</div>
  2804.                                                </div>
  2805.                                            
  2806.                                                <div class="result">
  2807.                                                    <div class="pasaran"></div>
  2808.                                                    <div class="keluaran">8169</div>
  2809.                                                    <div class="tanggal">17-08-2025</div>
  2810.                                                </div>
  2811.                                            
  2812.                                                <div class="result">
  2813.                                                    <div class="pasaran"></div>
  2814.                                                    <div class="keluaran">0385</div>
  2815.                                                    <div class="tanggal">16-08-2025</div>
  2816.                                                </div>
  2817.                                            
  2818.                                                <div class="result">
  2819.                                                    <div class="pasaran"></div>
  2820.                                                    <div class="keluaran">5201</div>
  2821.                                                    <div class="tanggal">15-08-2025</div>
  2822.                                                </div>
  2823.                                                                                </div>
  2824.                                                            </div>
  2825.                            
  2826.                                                    <div class="result-data accordion-item">
  2827.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-CFR">
  2828.                                    <div class="badge">
  2829.                                                                            </div>
  2830.                                    <div class="pasaran">CALIFORNIA&nbsp</div>
  2831.                                    <div class="keluaran">7523</div>
  2832.                                    <div class="tanggal">23-08-2025</div>
  2833.                              </button>
  2834.                                                                <div id="paito-CFR" class="accordion-collapse collapse">
  2835.                                        
  2836.                                                <div class="result">
  2837.                                                    <div class="pasaran"></div>
  2838.                                                    <div class="keluaran">2558</div>
  2839.                                                    <div class="tanggal">22-08-2025</div>
  2840.                                                </div>
  2841.                                            
  2842.                                                <div class="result">
  2843.                                                    <div class="pasaran"></div>
  2844.                                                    <div class="keluaran">5408</div>
  2845.                                                    <div class="tanggal">21-08-2025</div>
  2846.                                                </div>
  2847.                                            
  2848.                                                <div class="result">
  2849.                                                    <div class="pasaran"></div>
  2850.                                                    <div class="keluaran">6789</div>
  2851.                                                    <div class="tanggal">20-08-2025</div>
  2852.                                                </div>
  2853.                                            
  2854.                                                <div class="result">
  2855.                                                    <div class="pasaran"></div>
  2856.                                                    <div class="keluaran">1739</div>
  2857.                                                    <div class="tanggal">19-08-2025</div>
  2858.                                                </div>
  2859.                                            
  2860.                                                <div class="result">
  2861.                                                    <div class="pasaran"></div>
  2862.                                                    <div class="keluaran">9075</div>
  2863.                                                    <div class="tanggal">18-08-2025</div>
  2864.                                                </div>
  2865.                                            
  2866.                                                <div class="result">
  2867.                                                    <div class="pasaran"></div>
  2868.                                                    <div class="keluaran">0801</div>
  2869.                                                    <div class="tanggal">17-08-2025</div>
  2870.                                                </div>
  2871.                                            
  2872.                                                <div class="result">
  2873.                                                    <div class="pasaran"></div>
  2874.                                                    <div class="keluaran">5739</div>
  2875.                                                    <div class="tanggal">16-08-2025</div>
  2876.                                                </div>
  2877.                                                                                </div>
  2878.                                                            </div>
  2879.                            
  2880.                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
  2881.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  2882.                                    <div class="badge">
  2883.                                                                            </div>
  2884.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  2885.                                    <div class="keluaran">6329</div>
  2886.                                    <div class="tanggal">22-08-2025</div>
  2887.                              </button>
  2888.                                                                <div id="paito-MY" class="accordion-collapse collapse">
  2889.                                        
  2890.                                                <div class="result">
  2891.                                                    <div class="pasaran"></div>
  2892.                                                    <div class="keluaran">3761</div>
  2893.                                                    <div class="tanggal">21-08-2025</div>
  2894.                                                </div>
  2895.                                            
  2896.                                                <div class="result">
  2897.                                                    <div class="pasaran"></div>
  2898.                                                    <div class="keluaran">6927</div>
  2899.                                                    <div class="tanggal">20-08-2025</div>
  2900.                                                </div>
  2901.                                            
  2902.                                                <div class="result">
  2903.                                                    <div class="pasaran"></div>
  2904.                                                    <div class="keluaran">5613</div>
  2905.                                                    <div class="tanggal">19-08-2025</div>
  2906.                                                </div>
  2907.                                            
  2908.                                                <div class="result">
  2909.                                                    <div class="pasaran"></div>
  2910.                                                    <div class="keluaran">6825</div>
  2911.                                                    <div class="tanggal">18-08-2025</div>
  2912.                                                </div>
  2913.                                            
  2914.                                                <div class="result">
  2915.                                                    <div class="pasaran"></div>
  2916.                                                    <div class="keluaran">8915</div>
  2917.                                                    <div class="tanggal">17-08-2025</div>
  2918.                                                </div>
  2919.                                            
  2920.                                                <div class="result">
  2921.                                                    <div class="pasaran"></div>
  2922.                                                    <div class="keluaran">7918</div>
  2923.                                                    <div class="tanggal">16-08-2025</div>
  2924.                                                </div>
  2925.                                            
  2926.                                                <div class="result">
  2927.                                                    <div class="pasaran"></div>
  2928.                                                    <div class="keluaran">9734</div>
  2929.                                                    <div class="tanggal">15-08-2025</div>
  2930.                                                </div>
  2931.                                                                                </div>
  2932.                                                            </div>
  2933.                            
  2934.                                                    <div class="result-data accordion-item">
  2935.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  2936.                                    <div class="badge">
  2937.                                                                            </div>
  2938.                                    <div class="pasaran">HK SIANG&nbsp</div>
  2939.                                    <div class="keluaran">5095</div>
  2940.                                    <div class="tanggal">23-08-2025</div>
  2941.                              </button>
  2942.                                                                <div id="paito-HKD" class="accordion-collapse collapse">
  2943.                                        
  2944.                                                <div class="result">
  2945.                                                    <div class="pasaran"></div>
  2946.                                                    <div class="keluaran">9488</div>
  2947.                                                    <div class="tanggal">22-08-2025</div>
  2948.                                                </div>
  2949.                                            
  2950.                                                <div class="result">
  2951.                                                    <div class="pasaran"></div>
  2952.                                                    <div class="keluaran">0191</div>
  2953.                                                    <div class="tanggal">21-08-2025</div>
  2954.                                                </div>
  2955.                                            
  2956.                                                <div class="result">
  2957.                                                    <div class="pasaran"></div>
  2958.                                                    <div class="keluaran">9479</div>
  2959.                                                    <div class="tanggal">20-08-2025</div>
  2960.                                                </div>
  2961.                                            
  2962.                                                <div class="result">
  2963.                                                    <div class="pasaran"></div>
  2964.                                                    <div class="keluaran">7751</div>
  2965.                                                    <div class="tanggal">19-08-2025</div>
  2966.                                                </div>
  2967.                                            
  2968.                                                <div class="result">
  2969.                                                    <div class="pasaran"></div>
  2970.                                                    <div class="keluaran">7664</div>
  2971.                                                    <div class="tanggal">18-08-2025</div>
  2972.                                                </div>
  2973.                                            
  2974.                                                <div class="result">
  2975.                                                    <div class="pasaran"></div>
  2976.                                                    <div class="keluaran">3078</div>
  2977.                                                    <div class="tanggal">17-08-2025</div>
  2978.                                                </div>
  2979.                                            
  2980.                                                <div class="result">
  2981.                                                    <div class="pasaran"></div>
  2982.                                                    <div class="keluaran">1418</div>
  2983.                                                    <div class="tanggal">16-08-2025</div>
  2984.                                                </div>
  2985.                                                                                </div>
  2986.                                                            </div>
  2987.                            
  2988.                        </div>              
  2989.              
  2990.          </div>
  2991.        </div>
  2992.    </div>
  2993.    
  2994.    <script>
  2995.        
  2996.        function togglePaito(paitoid) {
  2997.            let paito = document.getElementById(paitoid);
  2998.            paito.classList.add("open");
  2999.        }
  3000.        
  3001.        
  3002.    </script>
  3003.  
  3004.    
  3005.            <div class="provider">
  3006.                <div class="provider-group">
  3007.                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  3008.                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
  3009.    
  3010.                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  3011.                </div>
  3012.            </div>
  3013.            
  3014.            <div class="transaksi">
  3015.    
  3016.                <div>
  3017.                    <div class="transaksi-kontak">
  3018.                        
  3019.                        <div class="d-flex flex-column w-100">
  3020.                            <div class="transaksi-title">
  3021.                                <div class="transaksi-title-group">
  3022.                                    <div class="fitur-header">Transaksi</div>
  3023.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  3024.                                </div>
  3025.                                
  3026.                                <div class="devider desktop-only" style="width: 320px"></div>
  3027.                            </div>
  3028.                            
  3029.                            <div class="transaksi-content">
  3030.                                <!-- Bank -->
  3031.                                
  3032. <style>
  3033.  
  3034.    .transaksi-group {
  3035.        display: grid;
  3036.        grid-template-columns: 380px 1fr;
  3037.        justify-content: space-between;
  3038.        grid-template-areas:
  3039.        "transaksi-bank transaksi-other transaksi-crypto";
  3040.    }
  3041.    
  3042.    .transaksi-bank {
  3043.        grid-area: transaksi-bank;
  3044.        display: grid;
  3045.        place-items: center
  3046.    }
  3047.    
  3048.    .transaksi-other {
  3049.        grid-area: transaksi-other;
  3050.        display: flex;
  3051.        justify-content: space-evenly;
  3052.        width: 100%;
  3053.    }
  3054.    
  3055.    .transaksi-crypto {
  3056.        grid-area: transaksi-crypto;
  3057.        display: flex;
  3058.        justify-content: space-evenly;
  3059.        width: 100%;
  3060.    }
  3061.    
  3062.    .icon-crypto {
  3063.        width: 24px;
  3064.        height: 24px;
  3065.    }
  3066.    
  3067.    .transaksi-list-bank {
  3068.        height: fit-content;
  3069.        display: grid;
  3070.        grid-template-columns: repeat(4, 92px);
  3071.        grid-template-rows: repeat(4, auto);
  3072.        gap: 4px;
  3073.    }
  3074.    
  3075.    .transaksi-list-other {
  3076.        height: fit-content;
  3077.        display: grid;
  3078.        grid-template-columns: repeat(3, 92px);
  3079.        gap: 4px;
  3080.    }
  3081.    
  3082.    .transaksi-list-crypto {
  3083.        height: fit-content;
  3084.        display: grid;
  3085.        grid-template-columns: repeat(2, 80px);
  3086.        gap: 10px 8px;
  3087.    }
  3088.    
  3089.    
  3090.    .transaksi-item {
  3091.        display: flex;
  3092.        flex-direction: column;
  3093.        /* transform: perspective(10px) rotateX(3deg); */
  3094.    }
  3095.    
  3096.    .transaksi-header {
  3097.  
  3098.        height: 30px;
  3099.        border-radius: 5px;
  3100.        display: grid;
  3101.        place-items: center;
  3102.        font-weight: bold;
  3103.        border: 2px solid rgba(108,108,108,1);
  3104.        background: rgba(54,54,54,1);
  3105.        color: white;
  3106.    }
  3107.    
  3108.    .transaksi-status {
  3109.        margin-left: 3px;
  3110.        margin-right: 3px;
  3111.        height: 3px;
  3112.        border-radius: 0px 0px 4px 4px;
  3113.        background: rgb(54,54,54);
  3114.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  3115.    }
  3116.    
  3117.    .header-green {
  3118.        background: rgba(44,121,6,1);
  3119.        border-color: rgba(168,255,0,1);
  3120.    }
  3121.    
  3122.    .header-blue {
  3123.        background: rgba(0,80,89,1);
  3124.        border-color: rgba(0,255,204,1);
  3125.    }
  3126.    
  3127.    .status-green {
  3128.        background: rgb(44,121,6);
  3129.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  3130.    }
  3131.    
  3132.    .status-blue {
  3133.        background: rgb(0,80,89);
  3134.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  3135.    }
  3136.    
  3137.    .transaksi-name {
  3138.        font-size: 1.1rem;
  3139.        font-weight: bold;
  3140.        line-height: 1.5rem
  3141.    }
  3142.    
  3143.    .transaksi-wrapper {
  3144.        display: flex;
  3145.        flex-direction: column;
  3146.        gap: .5rem;
  3147.    }
  3148.  
  3149.  
  3150.    @media only screen and (max-width: 768px) {
  3151.        
  3152.        .transaksi-group {
  3153.            display: grid;
  3154.            grid-template-columns: 1fr;
  3155.            grid-template-areas:
  3156.            "transaksi-bank"
  3157.            "transaksi-other"
  3158.            "transaksi-crypto";
  3159.            gap: 32px;
  3160.            margin-bottom: 8px;
  3161.            
  3162.        }
  3163.        
  3164.        .transaksi-header {
  3165.            font-size: 1.1rem;
  3166.            height: 36px;
  3167.        }
  3168.        
  3169.        .transaksi-list-bank {
  3170.            grid-template-columns: repeat(4, 1fr);
  3171.        }
  3172.        
  3173.        .transaksi-list-other {
  3174.            grid-template-columns: repeat(4, 1fr);
  3175.        }
  3176.        
  3177.        .transaksi-list-crypto {
  3178.            width: 86%;
  3179.            margin: auto;
  3180.            grid-template-columns: repeat(4, 1fr);
  3181.        }
  3182.        
  3183.        .transaksi-list {
  3184.            display: grid;
  3185.            grid-template-columns: repeat(3, 1fr);
  3186.        }
  3187.        
  3188.        .transaksi-item {
  3189.            width: 100%;
  3190.        }
  3191.        
  3192.        .transaksi-title-group {
  3193.            justify-content: center;
  3194.            padding: 16px 0;
  3195.        }
  3196.        
  3197.        .transaksi-name {
  3198.            font-size: 1.3rem;
  3199.            text-align: center;    
  3200.            line-height: 1.8rem;
  3201.        }
  3202.  
  3203.        .transaksi-wrapper {
  3204.            width: 100%;
  3205.            max-width: 100%!important;
  3206.            gap: 1rem;
  3207.        }
  3208.        
  3209.        .icon-crypto {
  3210.            width: 28px;
  3211.            height: 28px;
  3212.        }
  3213.  
  3214.    }
  3215. </style>
  3216.  
  3217.  
  3218. <div class="transaksi-group">
  3219.    <div class="transaksi-bank">
  3220.  
  3221.            <div class="transaksi-wrapper">
  3222.                <div class="transaksi-name">Bank Lokal</div>
  3223.                
  3224.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  3225.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  3226.                    
  3227.                                        
  3228.                </div>
  3229.                <div class="carousel-inner" >
  3230.                                            <div class="carousel-item active" style="min-height: 144px">
  3231.                            <div class="transaksi-list-bank">
  3232.                            
  3233.                                                        
  3234.                                                                
  3235.                                <div class="transaksi-item">
  3236.                                    <div class="transaksi-header">BCA</div>
  3237.                                    <div class="transaksi-status status-green"></div>
  3238.                                </div>
  3239.                                                        
  3240.                                                                
  3241.                                <div class="transaksi-item">
  3242.                                    <div class="transaksi-header">Mandiri</div>
  3243.                                    <div class="transaksi-status status-green"></div>
  3244.                                </div>
  3245.                                                        
  3246.                                                                
  3247.                                <div class="transaksi-item">
  3248.                                    <div class="transaksi-header">BNI</div>
  3249.                                    <div class="transaksi-status status-green"></div>
  3250.                                </div>
  3251.                                                        
  3252.                                                                
  3253.                                <div class="transaksi-item">
  3254.                                    <div class="transaksi-header">BRI</div>
  3255.                                    <div class="transaksi-status status-green"></div>
  3256.                                </div>
  3257.                                                        
  3258.                                                                
  3259.                                <div class="transaksi-item">
  3260.                                    <div class="transaksi-header">Danamon</div>
  3261.                                    <div class="transaksi-status status-green"></div>
  3262.                                </div>
  3263.                                                        
  3264.                                                            
  3265.                            </div>
  3266.                        </div>
  3267.                    
  3268.                    
  3269.                    
  3270.                  </div>
  3271.                </div>
  3272.  
  3273.        </div>
  3274.    </div>
  3275.    
  3276.    <div class="transaksi-other">
  3277.            
  3278.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  3279.            
  3280.            <div class="transaksi-wrapper" style="max-width: 284px">
  3281.  
  3282.                <div class="transaksi-name">E Money & Pulsa</div>
  3283.  
  3284.    
  3285.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  3286.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  3287.                    
  3288.                                        
  3289.                    </div>
  3290.                  <div class="carousel-inner" >
  3291.                                            <div class="carousel-item active">
  3292.                            <div class="transaksi-list-other">
  3293.                            
  3294.                                                        
  3295.                                                                
  3296.                                <div class="transaksi-item">
  3297.                                    <div class="transaksi-header">DANA</div>
  3298.                                    <div class="transaksi-status status-blue"></div>
  3299.                                </div>
  3300.                                                        
  3301.                                                                
  3302.                                <div class="transaksi-item">
  3303.                                    <div class="transaksi-header">OVO</div>
  3304.                                    <div class="transaksi-status status-blue"></div>
  3305.                                </div>
  3306.                                                        
  3307.                                                                
  3308.                                <div class="transaksi-item">
  3309.                                    <div class="transaksi-header">GOPAY</div>
  3310.                                    <div class="transaksi-status status-blue"></div>
  3311.                                </div>
  3312.                                                        
  3313.                                                                
  3314.                                <div class="transaksi-item">
  3315.                                    <div class="transaksi-header">LinkAja</div>
  3316.                                    <div class="transaksi-status status-blue"></div>
  3317.                                </div>
  3318.                                                        
  3319.                                                                
  3320.                                <div class="transaksi-item">
  3321.                                    <div class="transaksi-header">Lain-lain</div>
  3322.                                    <div class="transaksi-status status-blue"></div>
  3323.                                </div>
  3324.                                                        
  3325.                                                                
  3326.                                <div class="transaksi-item">
  3327.                                    <div class="transaksi-header">Telkomsel</div>
  3328.                                    <div class="transaksi-status status-blue"></div>
  3329.                                </div>
  3330.                                                        
  3331.                                                                
  3332.                                <div class="transaksi-item">
  3333.                                    <div class="transaksi-header">Axiata</div>
  3334.                                    <div class="transaksi-status status-blue"></div>
  3335.                                </div>
  3336.                                                        
  3337.                                                            
  3338.                            </div>
  3339.                        </div>
  3340.                    
  3341.                    
  3342.                    
  3343.                </div>
  3344.            </div>
  3345.        </div>
  3346.        
  3347.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  3348.        
  3349.        
  3350.    </div>
  3351.    
  3352.     <div class="transaksi-crypto">
  3353.    <div class="transaksi-wrapper" style="max-width: 284px">
  3354.  
  3355.                <div class="transaksi-name mb-1">Crypto Currency</div>
  3356.  
  3357.    
  3358.                <div id="transaksi-crypto-indicators" class="carousel slide" data-bs-ride="carousel">
  3359.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  3360.                    
  3361.                                        
  3362.                    </div>
  3363.                  <div class="carousel-inner" >
  3364.                    
  3365.                    
  3366.                </div>
  3367.            </div>
  3368.        </div>
  3369.    </div>
  3370. </div>
  3371.  
  3372.  
  3373.        
  3374.  
  3375.  
  3376.                            </div>
  3377.                            
  3378.                            
  3379.                        </div>
  3380.                        
  3381.                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
  3382.                            
  3383.                        <!--    <div class="transaksi-title">-->
  3384.                        <!--        <div class="transaksi-title-group">-->
  3385.                        <!--            <div class="fitur-header">Kontak Kami</div>-->
  3386.                        <!--        </div>-->
  3387.                                
  3388.                        <!--        <div class="devider desktop-only"></div>-->
  3389.                        <!--    </div>-->
  3390.                            
  3391.    
  3392.                        <!--    
  3393. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  3394.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  3395.        
  3396.                
  3397.    </div>
  3398.      <div class="carousel-inner" style="height: 164px">
  3399.                    <div class="carousel-item active">
  3400.                <div>
  3401.                
  3402.                                
  3403.                                        
  3404.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  3405.                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
  3406.  
  3407.                                                            <a class="d-flex flex-column" href="https://api.whatsapp.com/send/?phone=627733481762&text&app_absent=0" target='_blank'>
  3408.                                       <div style="color: #888888;">WHATSAPP</div>
  3409.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Tia (Customer Service)</div>
  3410.                                    </a>
  3411.                                
  3412.                                
  3413.                    </div>
  3414.                                
  3415.                                        
  3416.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  3417.                       <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/>
  3418.  
  3419.                                                            <a class="d-flex flex-column" href="https://t.me/tiatiti4d" target='_blank'>
  3420.                                       <div style="color: #888888;">TELEGRAM</div>
  3421.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">Tia (Customer Service)</div>
  3422.                                    </a>
  3423.                                
  3424.                                
  3425.                    </div>
  3426.                                
  3427.                                    
  3428.                </div>
  3429.            </div>
  3430.        
  3431.        
  3432.        
  3433.    </div>
  3434. </div>
  3435. -->
  3436.                                    
  3437.                        <!--</div>-->
  3438.                    </div>
  3439.                </div>
  3440.            </div>
  3441.            
  3442.            <div class="guidelines">
  3443.                <div class="guidelines-content desktop-only">
  3444.                    <img src="https://img.viva88athenae.com/guidelines.png" />
  3445.                </div>
  3446.            </div>
  3447.    
  3448.    
  3449.            <div class="bantuan">
  3450.                                <ul class="bantuan-content">
  3451.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  3452.                    <div class="bantuan-devider desktop-only">|</div>
  3453.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  3454.                    <div class="bantuan-devider desktop-only">|</div>
  3455.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  3456.                    <div class="bantuan-devider desktop-only">|</div>
  3457.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  3458.                    <div class="bantuan-devider desktop-only">|</div>
  3459.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  3460.                    <div class="bantuan-devider desktop-only">|</div>
  3461.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  3462.                    <div class="bantuan-devider desktop-only">|</div>
  3463.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  3464.                </ul>
  3465.                            </div>
  3466.    
  3467.    
  3468.            <footer class="footer">
  3469.                <div>
  3470.                    <script>
  3471. $("<a class='btn blink-border' style='width: 100%;height: 100%;display: block;background: linear-gradient(to right, #4f0075 0%, #c100ff 100%);color: #ffffff;margin: auto;margin-top: 3px;text-align: center;padding: 10px 0px;font-size: 18px;font-weight: bold;border-radius: 8px;border: 4px outset white;' href='https://t.me/titi4dofficiall' target='_blank'>Telegram Claim FREESPIN</a>").insertAfter(".btn-info");
  3472. $("<a class='btn blink-border' style='width: 100%;height: 100%;display: block;background: linear-gradient(to right, #4f0075 0%, #c100ff 100%);color: #ffffff;margin: auto;margin-top: 3px;text-align: center;padding: 10px 0px;font-size: 18px;font-weight: bold;border-radius: 8px;border: 4px outset white;' href='https://prediksitititerbaru.vip/prediksi/' target='_blank'>PREDIKSI TOGEL</a>").insertAfter(".btn-info");
  3473. </script>
  3474.  
  3475. <div lang="id" style="margin:15px; text-align:center;">
  3476. <h1 style="color: gold;">TITI4D: Web Game Online Resmi & Situs Toto Togel Terpercaya</h1>
  3477. <br>
  3478. <p><a style="color: gold;" href="https://linklist.bio/titi4d/">TITI4D</a> menjadi salah satu situs game online resmi dan toto togel terpercaya di tahun ini yang mampu memberikan layanan unggulan bagi setiap penggemar permainan daring. Tidak seperti kebanyakan situs togel lainnya yang hanya berperan sebagai tempat memasang taruhan, TITI4D menghadirkan pengalaman bermain yang jauh lebih lengkap dengan berbagai fasilitas yang menguntungkan.</p>
  3479.  
  3480. <p>Sebagai platform resmi, TITI4D berkomitmen menyajikan pasaran <a style="color: gold;" href="https://pafititi.com/">toto togel</a> dengan hasil keluaran yang akurat, adil, dan transparan. Semua data diambil dari sumber resmi sehingga pemain tidak perlu khawatir akan adanya manipulasi. Pilihan pasaran yang beragam membuat setiap pemain bisa mencoba strategi berbeda dan memaksimalkan peluang kemenangan.</p>
  3481.  
  3482. <p>Bermain di situs resmi seperti TITI4D tidak hanya sebatas memasang angka pada pasaran pilihan. Pemain juga dimanjakan dengan beragam promo, diskon, dan bonus yang membuat pengalaman bermain menjadi lebih seru sekaligus berpotensi memberikan keuntungan besar. Inilah yang membuat TITI4D menjadi destinasi favorit bagi para pecinta togel online yang mengutamakan kualitas, keamanan, dan kenyamanan.</p>
  3483.  
  3484. <h2 style="color: gold;">Ragam Fasilitas Unggulan yang Disediakan TITI4D</h2>
  3485.  
  3486. <p>Keberadaan fasilitas lengkap di <a style="color: gold;" href="https://linklist.bio/daftartiti4d">TITI4D</a> membuktikan bahwa situs ini sangat memperhatikan kebutuhan pemain. Layanan yang diberikan tidak hanya memudahkan proses taruhan, tetapi juga memberikan nilai tambah yang membuat setiap taruhan terasa lebih bernilai. Berikut adalah beberapa fasilitas unggulan yang bisa dinikmati:</p>
  3487.  
  3488. <ul>
  3489. <li>Diskon Togel Menguntungkan</li>
  3490. </ul>
  3491. <p>Diskon togel merupakan salah satu fasilitas yang paling diminati di TITI4D. Dengan adanya potongan harga taruhan, pemain bisa memasang angka lebih banyak tanpa harus mengeluarkan modal besar. Potongan ini berlaku untuk berbagai jenis pasaran, sehingga pemain memiliki kebebasan penuh untuk menentukan strategi taruhan.</p>
  3492.  
  3493. <p>Sistem diskon di TITI4D dibuat dengan transparansi penuh, sehingga pemain dapat dengan mudah menghitung besaran keuntungan yang akan didapat. Fasilitas ini sangat membantu khususnya bagi pemain yang gemar melakukan banyak kombinasi angka untuk meningkatkan peluang kemenangan.<p>
  3494.  
  3495. <ul>
  3496. Bonus dan Promo Berlimpah
  3497. </ul>
  3498. Selain diskon, TITI4D juga terkenal dengan program bonus dan promo yang beragam. Pemain baru bisa mendapatkan bonus sambutan yang menarik, sementara pemain lama dapat menikmati promo cashback, hadiah spesial, dan berbagai event eksklusif lainnya.
  3499.  
  3500. <p>Bonus ini tidak hanya sekadar tambahan modal, tetapi juga menjadi strategi untuk memperpanjang waktu bermain dan mencoba berbagai jenis permainan. Dengan memanfaatkan promo, pemain dapat meraih kemenangan tanpa harus mengeluarkan biaya tambahan yang besar.</p>
  3501.  
  3502. <ul>
  3503. Pelayanan Pelanggan Profesional
  3504. </ul>
  3505. <p>Layanan pelanggan di TITI4D tersedia sepanjang waktu untuk memastikan setiap member mendapatkan bantuan yang dibutuhkan. Tim customer service siap memberikan panduan, menjawab pertanyaan, dan menyelesaikan masalah dengan cepat. Sikap ramah dan profesional tim dukungan ini membuat pemain merasa lebih nyaman selama bermain.</p>
  3506.  
  3507. <ul>
  3508. Sistem Keamanan Terjamin
  3509. </ul>
  3510. <p>Keamanan menjadi prioritas utama di TITI4D. Dengan menggunakan teknologi enkripsi modern, semua data pemain terlindungi dari potensi kebocoran. Sistem keamanan ini mencakup perlindungan informasi pribadi, riwayat transaksi, hingga proses taruhan yang dilakukan oleh member.</p>
  3511.  
  3512. <h2 style="color: gold;">Mengapa Memilih Bermain di TITI4D?</h2>
  3513.  
  3514. <p>Ada banyak alasan mengapa <a style="color: gold;" href="https://linkr.bio/link-alternatif-titi4d">TITI4D</a> menjadi pilihan utama bagi para pemain togel online. Pertama, situs ini resmi dan terpercaya, sehingga semua aktivitas taruhan berjalan sesuai dengan standar yang berlaku. Kedua, fasilitas yang disediakan sangat lengkap, mulai dari pasaran togel beragam, diskon menguntungkan, hingga bonus yang bernilai besar.</p>
  3515.  
  3516. <p>Selain itu, TITI4D juga menawarkan akses permainan yang mudah di berbagai perangkat, baik komputer maupun ponsel pintar. Dengan desain situs yang responsif, pemain bisa menikmati permainan kapan saja dan di mana saja.</p>
  3517.  
  3518. <h2 style="color: gold;">Langkah Mudah Bergabung di TITI4D</h2>
  3519.  
  3520. <p>Bergabung dengan <a style="color: gold;" href="https://heylink.me/titi4dantirungkat/">TITI4D</a> tidak memerlukan proses yang rumit. Pemain cukup mengunjungi situs resmi, mengisi formulir pendaftaran dengan data yang valid, dan melakukan verifikasi akun. Setelah itu, member bisa langsung menikmati semua permainan dan fasilitas yang tersedia.</p>
  3521.  
  3522. <p>Proses ini dirancang sederhana agar siapa saja, baik pemula maupun pemain berpengalaman, dapat mendaftar dan mulai bermain tanpa hambatan.</p>
  3523.  
  3524. <h2 style="color: gold;">Tips Memaksimalkan Peluang Menang di TITI4D</h2>
  3525.  
  3526. <p>Meskipun togel dan permainan daring lain sangat dipengaruhi oleh faktor keberuntungan, ada beberapa tips yang bisa membantu pemain meningkatkan peluang menang. Salah satunya adalah menganalisis pola keluaran sebelumnya untuk menentukan angka yang berpotensi muncul. Mengatur batas modal bermain juga penting agar permainan tetap terkendali.</p>
  3527.  
  3528. <p>Memanfaatkan diskon dan bonus yang disediakan TITI4D akan memberikan modal tambahan sehingga pemain dapat mencoba lebih banyak strategi. Memilih pasaran yang sesuai dengan gaya bermain pribadi juga akan membantu meraih hasil yang lebih baik.</p>
  3529. </div>
  3530.  
  3531. <style>
  3532. .duniaku {
  3533.    width: 100%;
  3534.    height: 50px;
  3535.    border-radius: 10px;
  3536.    background-color: #8c140e;
  3537. }
  3538.  
  3539. .duniaku > p {
  3540.    margin-top: 8px;
  3541.    font-size: 15px;
  3542.    font-weight: bold;
  3543.    text-shadow: 1px 1px 10px black;
  3544. }
  3545. </style>
  3546.  
  3547. <style>
  3548. .duniaku {
  3549.    width: 100%;
  3550.    height: 50px;
  3551.    border-radius: 10px;
  3552.    background-color: purple;
  3553. }
  3554.  
  3555. .duniaku > p {
  3556.    margin-top: 8px;
  3557.    font-size: 15px;
  3558.    font-weight: bold;
  3559.    text-shadow: 1px 1px 10px black;
  3560. }
  3561. </style>
  3562.  
  3563. <style>
  3564. .ceritafiksi {
  3565.    margin-top: 15px;
  3566.    margin-bottom: 15px;
  3567.    text-align: center;
  3568.    color: #FFFFFF;
  3569.    padding: 10px 26px 10px 26px;
  3570.    display: inline-block;
  3571.    font-size: 20px;
  3572.    font-weight: bold;
  3573.    border-radius: 20px 20px 20px 20px !important;
  3574.    }
  3575.  
  3576.  
  3577.    .button-cennah {
  3578.    background: linear-gradient(to right,#D127D9 0%,#450012 100%);
  3579.    box-shadow: inset 0px -1px 5px #450012;
  3580.    border: outset #f8f09e 4px;
  3581.    }
  3582.  
  3583. @media only screen and (max-width: 991px)
  3584. {
  3585.    .login-form {
  3586.    padding-top: 0px !important;
  3587.    }
  3588. }
  3589.  
  3590. @media only screen and (min-width: 992px)
  3591. {
  3592.    .ceritafiksi
  3593.    {
  3594.    display: none;
  3595.    }
  3596. }
  3597.  
  3598. </style>                </div>
  3599.                
  3600.                
  3601.                <div class="footer-group">
  3602.                    <div class="copyright">
  3603.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright TITI4D.</div>
  3604.                        <div>All Rights Reserved.</div>
  3605.                    </div>
  3606.                    <div class="desktop-only">
  3607.                        <div class="d-flex gap-1">
  3608.                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
  3609.                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
  3610.                        </div>
  3611.                    </div>
  3612.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
  3613.                    
  3614.                    <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=QoenK7CDrJ9HxUrbLSCk8UfYL-6Phr6FWjyST1AejKQ.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
  3615.                        <i class="bi bi-shield-fill-exclamation"></i>
  3616.                        <strong class="ms-1">LAPOR PUSAT</strong>
  3617.                    </button>
  3618.                </div>
  3619.            </footer>
  3620.            
  3621.            
  3622.            
  3623.            <!-- SIDENAV -->
  3624.            <div id="mySidenav" class="sidenav desktop-only">
  3625.                <div id="nav">
  3626.                    <div style="display: flex; align-items: start;">
  3627.                        <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;">
  3628.                            
  3629.                            <img src="/assets/hubungi.png?11">
  3630.                            
  3631.                        </div>
  3632.                        <!--<img id="about" src="/images/kontak.png?4">-->
  3633.                    </div>
  3634.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  3635.                       <div id="" style="padding: 4px">
  3636.                       <img src="/assets/24h.png" style="width: 100%"></img>
  3637.                        </div>
  3638.                    
  3639.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  3640.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  3641.                            
  3642.                                                                
  3643.                                                                                
  3644.                                            <a href="https://api.whatsapp.com/send/?phone=627733481762&text&app_absent=0" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3645.                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>Tia (Customer Service)</span>
  3646.                                            </a>
  3647.                                            
  3648.                                            
  3649.                                    
  3650.                                                                        
  3651.                                                                                
  3652.                                            <a href="https://t.me/tiatiti4d" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  3653.                                                <img src="https://img.viva88athenae.com/kontak/telegram.png" width="20"/><span>Tia (Customer Service)</span>
  3654.                                            </a>
  3655.                                            
  3656.                                            
  3657.                                    
  3658.                                                                
  3659.    
  3660.                        </div>
  3661.                            <div style="margin: 8px">
  3662.                                <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>
  3663.                            </div>
  3664.                    </div>
  3665.                </div>
  3666.            </div>
  3667.        </div>
  3668.        
  3669.        <!--POP UP -->
  3670.        
  3671.        <style>
  3672.        
  3673.                    
  3674.            .modal-dialog {
  3675.                max-width: max-content;
  3676.                margin-top: 180px
  3677.            }
  3678.            
  3679.            .imgpop {
  3680.                border:2px solid #FFF;
  3681.                width: 600px;
  3682.                aspect-ratio: 2;
  3683.                object-fit: cover;
  3684.            }
  3685.  
  3686.            
  3687.            @media only screen and (max-width: 768px) {
  3688.                
  3689.                .modal-dialog {
  3690.                    margin-top: 98px
  3691.                }
  3692.                
  3693.                .imgpop {
  3694.                    width: 100%;
  3695.                }
  3696.                
  3697.            }
  3698.            
  3699.            
  3700.            
  3701.        </style>
  3702.  
  3703.  
  3704.        <!-- Modal -->
  3705.        <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  3706.          <div class="modal-dialog" style="">
  3707.            <div class="modal-content">
  3708.              <div class="modal-body"  style="padding: 0px">
  3709.                <img src="images/upload-Popup-20240820173203.jpg" alt="" class="imgpop"/>
  3710.              </div>
  3711.            </div>
  3712.          </div>
  3713.        </div>
  3714.  
  3715.  <!--<div class="modal fade" id="promo">-->
  3716.  <!--  <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
  3717.  <!--    <div class="modal-content" style="padding:0px; border-radius:0px;">-->
  3718.  <!--      <div class="modal-body" style="padding:0px;">-->
  3719.  <!--          <img src="images/upload-Popup-20240820173203.jpg" alt="" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
  3720.  <!--          <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">&times;</button>-->
  3721.  <!--      </div>-->
  3722.  <!--    </div>-->
  3723.  <!--  </div>-->
  3724.  <!--</div> -->
  3725.        
  3726.        <!-- LIVE CHAT -->
  3727.        <!-- Start of LiveChat (www.livechat.com) code -->
  3728. <script>
  3729.    window.__lc = window.__lc || {};
  3730.    window.__lc.license = 14119581;
  3731.    window.__lc.integration_name = "manual_channels";
  3732.    window.__lc.product_name = "livechat";
  3733.    ;(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))
  3734. </script>
  3735. <noscript><a href="https://www.livechat.com/chat-with/14119581/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
  3736. <!-- End of LiveChat code -->
  3737.                
  3738.          
  3739.  
  3740.        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  3741.        <script>
  3742.            document.addEventListener('DOMContentLoaded', function() {
  3743.                setTimeout(function() {
  3744.                    const mobileForm = document.querySelector('#mobilelogin form') ||
  3745.                                      document.querySelector('#mobilelogin .login-form') ||
  3746.                                      document.querySelector('.mobile-only form');
  3747.                    
  3748.                    if (!mobileForm) {
  3749.                        return;
  3750.                    }
  3751.                    
  3752.                    const username = mobileForm.querySelector('input[name="username"]');
  3753.                    const password = mobileForm.querySelector('input[name="password"]');
  3754.                    const remember = document.querySelector('#rememberMe') ||
  3755.                                    document.querySelector('input[type="checkbox"]');
  3756.                    
  3757.                    if (!username || !password || !remember) {
  3758.                        return;
  3759.                    }
  3760.                    
  3761.                    try {
  3762.                        localStorage.setItem('test', 'working');
  3763.                        if (localStorage.getItem('test') === 'working') {
  3764.                            localStorage.removeItem('test');
  3765.                        } else {
  3766.                            return;
  3767.                        }
  3768.                    } catch(e) {
  3769.                        return;
  3770.                    }
  3771.                    
  3772.                    initializeRememberMe();
  3773.                    loadSavedData();
  3774.                    
  3775.                    mobileForm.addEventListener('submit', handleSave);
  3776.                    mobileForm.addEventListener('click', function(e) {
  3777.                        if (e.target.type === 'submit' || e.target.classList.contains('submit')) {
  3778.                            handleSave();
  3779.                        }
  3780.                    });
  3781.                    remember.addEventListener('change', function() {
  3782.                        if (!this.checked) {
  3783.                            clearSavedData();
  3784.                            localStorage.setItem('mobile_remember_unchecked', 'true');
  3785.                        } else {
  3786.                            localStorage.removeItem('mobile_remember_unchecked');
  3787.                        }
  3788.                    });
  3789.    
  3790.                    function initializeRememberMe() {
  3791.                        try {
  3792.                            const wasUnchecked = localStorage.getItem('mobile_remember_unchecked');
  3793.                            const hasSuccessfulLogin = localStorage.getItem('mobile_login_success');
  3794.                            if (wasUnchecked === 'true' && hasSuccessfulLogin === 'true') {
  3795.                                remember.checked = false;
  3796.                            } else {
  3797.                                remember.checked = true;
  3798.                            }
  3799.                        } catch(e) {
  3800.                            remember.checked = true;
  3801.                        }
  3802.                    }
  3803.                    
  3804.                    function loadSavedData() {
  3805.                        try {
  3806.                            const savedUsername = localStorage.getItem('mobile_username');
  3807.                            const savedPassword = localStorage.getItem('mobile_password');
  3808.                            const rememberChecked = localStorage.getItem('mobile_remember');
  3809.                            if (rememberChecked === 'true' && savedUsername && savedPassword) {
  3810.                                username.value = savedUsername;
  3811.                                password.value = savedPassword;
  3812.                            }
  3813.                        } catch(e) {
  3814.                            // console.log('Error loading data:', e);
  3815.                        }
  3816.                    }
  3817.                    
  3818.                    function handleSave() {
  3819.                        if (remember.checked) {
  3820.                            const usernameVal = username.value.trim();
  3821.                            const passwordVal = password.value.trim();
  3822.                            
  3823.                            if (usernameVal && passwordVal) {
  3824.                                try {
  3825.                                    localStorage.setItem('mobile_username', usernameVal);
  3826.                                    localStorage.setItem('mobile_password', passwordVal);
  3827.                                    localStorage.setItem('mobile_remember', 'true');
  3828.                                    localStorage.setItem('mobile_login_success', 'true');
  3829.                                } catch(e) {
  3830.                                    // console.log('Error saving data:', e);
  3831.                                }
  3832.                            }
  3833.                        } else {
  3834.                            clearSavedData();
  3835.                            localStorage.setItem('mobile_login_success', 'true');
  3836.                        }
  3837.                    }
  3838.                    
  3839.                    function clearSavedData() {
  3840.                        try {
  3841.                            localStorage.removeItem('mobile_username');
  3842.                            localStorage.removeItem('mobile_password');
  3843.                            localStorage.removeItem('mobile_remember');
  3844.                        } catch(e) {
  3845.                            // console.log('Error clearing data:', e);
  3846.                        }
  3847.                    }
  3848.                }, 100); // Wait 100ms
  3849.            });
  3850.        </script>
  3851.  
  3852.        <script>
  3853.                            if(document.getElementById("promo")) {
  3854.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  3855.                    window.onload = () => {
  3856.                        myModal.show();
  3857.                    }
  3858.                }
  3859.                    
  3860.            var mobileurl = 'm/';
  3861.            
  3862.  
  3863.  
  3864.            var showIDs = [];
  3865.            
  3866.            function showProducts(hoverID) {
  3867.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  3868.  
  3869.                // document.getElementById('hover').classList.add("hover-show");
  3870.                document.getElementById('hover').style.transitionDelay = "0s";
  3871.                document.getElementById('hover').style.visibility = "visible";
  3872.                document.getElementById('hover').style.opacity = "1";
  3873.                document.getElementById(hoverID).style.display = "flex";
  3874.  
  3875.                showIDs.push(hoverID);
  3876.  
  3877.            }
  3878.  
  3879.            function hideProducts(hoverID) {
  3880.                // document.getElementById('hover').classList.remove("hover-show");
  3881.                document.getElementById('hover').style.visibility = "hidden";
  3882.                document.getElementById('hover').style.opacity = "0";
  3883.                document.getElementById('hover').style.transitionDelay = "1s";
  3884.                
  3885.            }
  3886.  
  3887.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  3888.            var marquee = document.getElementById('marquee');
  3889.  
  3890.            function closeContent() {
  3891.                $('#main-content').html("");
  3892.            }
  3893.  
  3894.  
  3895.            function openDaftar() {
  3896.                closeContent();
  3897.                
  3898.                mobileDaftarForm.style.display = "block";
  3899.                mobileDaftarForm.scrollIntoView();
  3900.            }
  3901.  
  3902.            function closeDaftar() {
  3903.                mobileDaftarForm.style.display = "none";
  3904.                marquee.scrollIntoView();
  3905.            }
  3906.            
  3907.            
  3908.            function showProvider(type) {
  3909.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  3910.                $('#main-content').load("new-showprovider.php?type=" + type);
  3911.            }
  3912.            
  3913.            function toggleInformasi(item) {
  3914.                page(item);
  3915.            }
  3916.            
  3917.            function showInformasi(item) {
  3918.                document.getElementById('modal-wrapper').style.display='block';
  3919.                toggleInformasi(item);
  3920.            }
  3921.            
  3922.            
  3923.  
  3924.                    
  3925.        </script>
  3926.        <script src="/js/old/new-webduo35.js?v=1743228189"></script>
  3927.    
  3928.        
  3929.        <!-- POP UP COOKIES -->
  3930.        
  3931. <style>
  3932.    
  3933.        
  3934.    .kebijakan-privasi, .kebijakan-cookies {
  3935.        color: white;
  3936.        text-decoration: underline;
  3937.    }
  3938.    
  3939.        
  3940. </style>
  3941.  
  3942.  
  3943. <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">
  3944.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  3945.        <div>
  3946.    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>  
  3947.  </div>
  3948.  <div>
  3949.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  3950.  </div>
  3951. </div>
  3952. <script>
  3953.    $( "#boxprivacy" ).blur(function() {
  3954.    alert( "Handler for .blur() called." );
  3955. });
  3956. </script>  
  3957.  
  3958.        
  3959.    </body>
  3960. </html>

Home · About · News · Docs · Terms

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