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://paheliyan.net

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>Newtoto88: Platform E-Commerce Inovatif untuk Pengusaha Kreatif</title>
  7.        <meta name="description" content="Maksimalkan potensi bisnis Anda dengan Newtoto88, platform toko online dengan kustomisasi tinggi, analitik cerdas, dan dukungan komunitas. Ideal untuk pengusaha kreatif yang ingin sukses di dunia digital."/>
  8. <meta property="og:title" content="Newtoto88: Platform E-Commerce Inovatif untuk Pengusaha Kreatif" />
  9. <meta property="og:description" content="Maksimalkan potensi bisnis Anda dengan Newtoto88, platform toko online dengan kustomisasi tinggi, analitik cerdas, dan dukungan komunitas. Ideal untuk pengusaha kreatif yang ingin sukses di dunia digital." />
  10. <meta property="og:image" href=https://babylonburgerbar.net/images/logoweb.png" />
  11. <meta property="og:site_name" content="newtoto88" />
  12. <meta name="keywords" content="newtoto88" />
  13. <meta name="robots" content="index, follow" />
  14. <meta name="author" content="newtoto88" />
  15. <meta name="publisher" content="newtoto88" />
  16. <meta http-equiv="cache-control" content="cache" />
  17. <meta name="language" content="id-ID" />
  18. <meta name="geo.country" content="id" />
  19. <meta name="geo.region" content="id_ID" />
  20. <meta name="geo.placename" content="Indonesia" />
  21. <link rel="canonical" href="https://babylonburgerbar.net/" />
  22. <link rel="amphtml" href="https://ovojakarta.com/assets"/>
  23. <meta name="google-site-verification" content="GW8cbISjN_AA9cgwqGYZpTxRJJg6FY1I2DXjosVbnrg" /><!-- newtoto88.co -->
  24. <meta name="google-site-verification" content="VjTMaqPRzePT8nfI5SHJj3kYg_frtO5DCfhiL6GRkAY" /><!-- babylonburgerbar.net -->
  25. <meta name="google-site-verification" content="lLHfaYuyrsxcyHe_SdVE_3RfrV9AvKqI1Kx4-mi3PC0" /> <!-- .xyz -->
  26. <meta name="google-site-verification" content="CSPjy32nbHqhBug_GQLI2UYWnHO8hAGjfbCGwtfCE-c" /><!-- .org -->
  27.  
  28. <style>
  29. .btn.btn-aduan {
  30.    display: none;
  31. }
  32. </style>
  33.  
  34. <!-- TikTok Pixel Code Start -->
  35. <script>
  36. !function (w, d, t) {
  37.  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
  38. var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
  39. ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
  40.  
  41.  
  42.  ttq.load('CTRTHIBC77UFAAV3CG0G');
  43.  ttq.page();
  44. }(window, document, 'ttq');
  45. </script>
  46. <!-- TikTok Pixel Code End -->
  47.  
  48. <!-- TikTok Pixel Code Start -->
  49. <script>
  50. !function (w, d, t) {
  51.  w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie","holdConsent","revokeConsent","grantConsent"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(
  52. var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var r="https://analytics.tiktok.com/i18n/pixel/events.js",o=n&&n.partner;ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=r,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{};n=document.createElement("script")
  53. ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
  54.  
  55.  
  56.  ttq.load('CTRSTQRC77U1GH2BJ9IG');
  57.  ttq.page();
  58. }(window, document, 'ttq');
  59. </script>
  60. <!-- TikTok Pixel Code End -->
  61.  
  62. <script>
  63. !function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t():"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.install=t():e.install=t()}(window,(function(){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=0)}([function(e,t,n){"use strict";var o=this&&this.__spreadArray||function(e,t,n){if(n||2===arguments.length)for(var o,r=0,i=t.length;r<i;r++)!o&&r in t||(o||(o=Array.prototype.slice.call(t,0,r)),o[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))};Object.defineProperty(t,"__esModule",{value:!0});var r=function(e,t,n){var o,i=e.createElement("script");i.type="text/javascript",i.async=!0,i.src=t,n&&(i.onerror=function(){r(e,n)});var a=e.getElementsByTagName("script")[0];null===(o=a.parentNode)||void 0===o||o.insertBefore(i,a)};!function(e,t,n){e.KwaiAnalyticsObject=n;var i=e[n]=e[n]||[];i.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"];var a=function(e,t){e[t]=function(){for(var n=[],r=0;r<arguments.length;r++)n[r]=arguments[r];var i=o([t],n,!0);e.push(i)}};i.methods.forEach((function(e){a(i,e)})),i.instance=function(e){var t,n=(null===(t=i._i)||void 0===t?void 0:t[e])||[];return i.methods.forEach((function(e){a(n,e)})),n},i.load=function(e,o){var a="https://s1.kwai.net/kos/s101/nlav11187/pixel/events.js";i._i=i._i||{},i._i[e]=[],i._i[e]._u=a,i._t=i._t||{},i._t[e]=+new Date,i._o=i._o||{},i._o[e]=o||{};var c="?sdkid=".concat(e,"&lib=").concat(n);r(t,a+c,"https://s16-11187.ap4r.com/kos/s101/nlav11187/pixel/events.js"+c)}}(window,document,"kwaiq")}])}));
  64. </script>
  65. <script>
  66. kwaiq.load('266324775770327');
  67. kwaiq.page();
  68. </script>
  69.  
  70. <!-- Meta Pixel Code -->
  71. <script>
  72. !function(f,b,e,v,n,t,s)
  73. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  74. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  75. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  76. n.queue=[];t=b.createElement(e);t.async=!0;
  77. t.src=v;s=b.getElementsByTagName(e)[0];
  78. s.parentNode.insertBefore(t,s)}(window, document,'script',
  79. 'https://connect.facebook.net/en_US/fbevents.js');
  80. fbq('init', '1462717967571121');
  81. fbq('track', 'PageView');
  82. </script>
  83. <noscript><img height="1" width="1" style="display:none"
  84. src="https://www.facebook.com/tr?id=1462717967571121&ev=PageView&noscript=1"
  85. /></noscript>
  86. <!-- End Meta Pixel Code -->
  87.  
  88. <!-- Meta Pixel Code -->
  89. <script>
  90. !function(f,b,e,v,n,t,s)
  91. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  92. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  93. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  94. n.queue=[];t=b.createElement(e);t.async=!0;
  95. t.src=v;s=b.getElementsByTagName(e)[0];
  96. s.parentNode.insertBefore(t,s)}(window, document,'script',
  97. 'https://connect.facebook.net/en_US/fbevents.js');
  98. fbq('init', '823743936491012');
  99. fbq('track', 'PageView');
  100. </script>
  101. <noscript><img height="1" width="1" style="display:none"
  102. src="https://www.facebook.com/tr?id=823743936491012&ev=PageView&noscript=1"
  103. /></noscript>
  104. <!-- End Meta Pixel Code -->
  105.  
  106.  
  107.                <meta name="viewport" content="width=1200, initial-scale=0.33">
  108.        
  109.        <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">
  110.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  111.  
  112.        <!--<link rel="stylesheet" href="/css/old/template/FG.css">-->
  113.        <link rel="stylesheet" href="/css/old/template/FG.css">
  114.        <link rel="stylesheet" href="/css/old/variable.css">
  115.        
  116.                <link rel="stylesheet" href="/css/old/dark.css">
  117.                
  118.        <link rel="stylesheet" href="/css/old/style.css">
  119.        <link rel="icon" type="image/png" href="favicon.png">
  120.  
  121.  
  122.        <script src="/js/old/jquery-3.6.4.min.js"></script>
  123.        
  124.        <style>
  125.            
  126.            .login-input-field {
  127.                font-size: 1rem;
  128.            }
  129.            
  130.            .btn-aduan {
  131.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  132.                -webkit-background-clip: text;
  133.                -webkit-text-fill-color: transparent;
  134.                background-size: 300% 300%;
  135.                animation: gradient 2s ease infinite;
  136.            }
  137.            
  138.            .transaksi-title {
  139.                place-items: start;
  140.            }
  141.  
  142.            
  143.            @media only screen and (max-width: 1000px) {
  144.                
  145.            .transaksi-title {
  146.                place-items: center;
  147.            }
  148.                
  149.                .login-input-field {
  150.                    font-size: 1.2rem;
  151.                }      
  152.            }
  153.            
  154.            
  155.            
  156.        </style>
  157.  
  158.    </head>
  159.    
  160.    
  161.  
  162.    <body id="desktop">
  163.        
  164.        
  165. <div id="hover" class="hover desktop-only">
  166.  
  167.    <div id="hover-togel" class="hover-menu">
  168.        <a href="/?content=register" class="hover-item">
  169.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  170.            <figcaption>TOGEL</figcaption>
  171.        </a>          
  172.    </div>
  173.  
  174.    <div id="hover-slot" class="hover-menu">
  175.        <a href="/?content=slot&provider=pp" class="hover-item">
  176.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  177.            <figcaption>PRAGMATIC PLAY</figcaption>
  178.        </a>
  179.  
  180.        <a href="/?content=slot&provider=pg" class="hover-item">
  181.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  182.            <figcaption>PG SOFT</figcaption>
  183.        </a>
  184.  
  185.        <a href="/?content=slot&provider=hb" class="hover-item">
  186.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  187.            <figcaption>HABANERO</figcaption>
  188.        </a>
  189.  
  190.        <a href="/?content=slot&provider=jl" class="hover-item">
  191.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  192.            <figcaption>JILI</figcaption>
  193.        </a>
  194.        
  195.        <a href="/?content=slot&provider=sg" class="hover-item">
  196.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  197.            <figcaption>SPADEGAMING</figcaption>
  198.        </a>
  199.        
  200.        <a href="/?content=slot&provider=fgs" class="hover-item">
  201.            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
  202.            <figcaption>5G GAMES</figcaption>
  203.        </a>
  204.  
  205.        <a href="/?content=slot&provider=jg" class="hover-item">
  206.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  207.            <figcaption>JOKER</figcaption>
  208.        </a>
  209.  
  210.        <a href="/?content=slot&provider=mg" class="hover-item">
  211.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  212.            <figcaption>MICROGAMING</figcaption>
  213.        </a>
  214.  
  215.        <a href="/?content=slot&provider=hks" class="hover-item">
  216.            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
  217.            <figcaption>HACKSAW GAMING</figcaption>
  218.        </a>
  219.  
  220.        <a href="/?content=slot&provider=fs" class="hover-item">
  221.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  222.            <figcaption>FASTSPIN</figcaption>
  223.        </a>
  224.  
  225.        <a href="/?content=slot&provider=nlc" class="hover-item">
  226.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  227.            <figcaption>NOLIMIT CITY</figcaption>
  228.        </a>
  229.        
  230.        <a href="/?content=slot&provider=ps" class="hover-item">
  231.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  232.            <figcaption>PLAYSTAR</figcaption>
  233.        </a>
  234.  
  235.        <a href="/?content=slot&provider=pt" class="hover-item">
  236.            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
  237.            <figcaption>PLAYTECH</figcaption>
  238.        </a>
  239.  
  240.        <a href="/?content=slot&provider=adv" class="hover-item">
  241.            <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
  242.            <figcaption>ADVANT PLAY</figcaption>
  243.        </a>
  244.  
  245.        <a href="/?content=slot&provider=l22" class="hover-item">
  246.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  247.            <figcaption>LIVE22</figcaption>
  248.        </a>
  249.        
  250.        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
  251.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  252.            <figcaption>NETENT</figcaption>
  253.        </a> -->
  254.        
  255.        <a href="/?content=slot&provider=cq9" class="hover-item">
  256.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  257.            <figcaption>CQ9</figcaption>
  258.        </a>    
  259.      
  260.        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
  261.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  262.            <figcaption>TOPTREND GAMING</figcaption>
  263.        </a> -->
  264.  
  265.        <a href="/?content=slot&provider=ss" class="hover-item">
  266.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  267.            <figcaption>SBO SLOT</figcaption>
  268.        </a>
  269.    </div>
  270.  
  271.    <div id="hover-live" class="hover-menu" >
  272.        <a href="/?content=casino&provider=pplc" class="hover-item">
  273.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  274.            <figcaption>PRAGMATIC PLAY</figcaption>
  275.        </a>
  276.  
  277.        <a href="/?content=casino&provider=evo" class="hover-item">
  278.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  279.            <figcaption>EVOLUTION</figcaption>
  280.        </a>
  281.  
  282.        <a href="/?content=casino&provider=mg" class="hover-item">
  283.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
  284.            <figcaption>MICROGAMING</figcaption>
  285.        </a>
  286.  
  287.        <a href="/?content=casino&provider=ion" class="hover-item">
  288.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  289.            <figcaption>ION CASINO</figcaption>
  290.        </a>
  291.  
  292.        <a href="/?content=casino&provider=sx" class="hover-item">
  293.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  294.            <figcaption>SEXY GAMING</figcaption>
  295.        </a>
  296.  
  297.        <a href="/?content=casino&provider=sa" class="hover-item">
  298.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  299.            <figcaption>SA GAMING</figcaption>
  300.        </a>  
  301.  
  302.        <a href="/?content=casino&provider=ab" class="hover-item">
  303.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  304.            <figcaption>ALLBET</figcaption>
  305.        </a>
  306.  
  307.        <a href="/?content=casino&provider=gmnl" class="hover-item">
  308.            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
  309.            <figcaption>GEMINI LIVE</figcaption>
  310.        </a>
  311.  
  312.        <a href="/?content=casino&provider=og" class="hover-item">
  313.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  314.            <figcaption>OPUS PLUS</figcaption>
  315.        </a>
  316.  
  317.        <a href="/?content=casino&provider=sbol" class="hover-item">
  318.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  319.            <figcaption>SBOBET CASINO</figcaption>
  320.        </a>    
  321.    </div>
  322.  
  323.    <div id="hover-sport" class="hover-menu">
  324.        <a href="/?content=register" class="hover-item">
  325.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  326.            <figcaption>SABA</figcaption>
  327.        </a>
  328.  
  329.        <a href="/?content=register" class="hover-item">
  330.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  331.            <figcaption>SBOBET</figcaption>
  332.        </a>
  333.        
  334.        <a href="/?content=register" class="hover-item">
  335.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  336.            <figcaption>CMD368</figcaption>
  337.        </a>  
  338.  
  339.        <!-- <a href="/?content=register" class="hover-item">
  340.            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
  341.            <figcaption>PINNACLE</figcaption>
  342.        </a>   -->
  343.    <a href="/?content=register" class="hover-item">
  344.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  345.            <figcaption>TFGAMING</figcaption>
  346.        </a>        
  347.    </div>
  348.  
  349.    <div id="hover-fishing" class="hover-menu">
  350.        <a href="/?content=fish&provider=jl" class="hover-item">
  351.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  352.            <figcaption>JILI</figcaption>
  353.        </a>
  354.    
  355.        <a href="/?content=fish&provider=sg" class="hover-item">
  356.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  357.            <figcaption>SPADE GAMING</figcaption>
  358.        </a>
  359.  
  360.        <a href="/?content=fish&provider=fs" class="hover-item">
  361.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  362.            <figcaption>FASTSPIN</figcaption>
  363.        </a>
  364.  
  365.        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
  366.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  367.            <figcaption>PLAYSTAR</figcaption>
  368.        </a>
  369.  
  370.    <a href="/?content=fish&provider=l22" class="hover-item">
  371.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  372.            <figcaption>LIVE22</figcaption>
  373.        </a>  -->
  374.  
  375.    </div>
  376.  
  377.    <div id="hover-sabung" class="hover-menu">
  378.        <a href="/?content=sabung&provider=ws" class="hover-item">
  379.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  380.            <figcaption>WS168</figcaption>
  381.        </a>
  382.    </div>
  383.    
  384.    <div id="hover-interactive" class="hover-menu">
  385.    <a href="/?content=interactive&provider=gmn" class="hover-item">
  386.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  387.            <figcaption>GEMINI</figcaption>
  388.        </a>
  389.  
  390.        <a href="/?content=interactive&provider=jl" class="hover-item">
  391.            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
  392.            <figcaption>JILI</figcaption>
  393.        </a>
  394.  
  395.        <a href="/?content=interactive&provider=jg" class="hover-item">
  396.            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
  397.            <figcaption>JOKER</figcaption>
  398.        </a>
  399.  
  400.        <a href="/?content=interactive&provider=mg" class="hover-item">
  401.            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
  402.            <figcaption>MICRO GAMING</figcaption>
  403.        </a>
  404.  
  405.        <a href="/?content=interactive&provider=hks" class="hover-item">
  406.            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
  407.            <figcaption>HACKSAW GAMING</figcaption>
  408.        </a>
  409.  
  410.        <a href="/?content=interactive&provider=pt" class="hover-item">
  411.            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
  412.            <figcaption>PLAYTECH</figcaption>
  413.        </a>
  414.  
  415.        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
  416.            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
  417.            <figcaption>PLAYSTAR</figcaption>
  418.        </a>  -->
  419.    </div>
  420.  
  421.  
  422.  
  423. </div>
  424. <style>
  425.    .my-navbar {
  426.        height: 52px;
  427.        padding: 0px;
  428.        width: 100%;
  429.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  430.        position: fixed;
  431.        bottom: 0;
  432.        color: white;
  433.        z-index: 1100;
  434.        display: flex;
  435.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  436.    }
  437.    
  438.    .navbar-item {
  439.        height: 100%;
  440.        width: 100%;
  441.        display: flex;
  442.        flex-direction: column;
  443.        align-items: center;
  444.        justify-content: center;
  445.    }
  446.    
  447.    .navbar-item-content {
  448.        display: flex;
  449.        flex-direction: column;
  450.        justify-content: center;
  451.        align-items: center;
  452.        position: absolute;
  453.        top: -16px
  454.    }
  455.    
  456.    .navbar-item-content>i {
  457.         font-size: 20px;
  458.         line-height: 22px;
  459.         color: white;
  460.         padding-bottom: 4px;
  461.    }
  462.    
  463.    .navbar-item-content>img {
  464.         height: 36px;
  465.         width: 36px;
  466.    }
  467.    
  468.    .navbar-item-content>label {
  469.        white-space: nowrap;
  470.        margin-top: 4px;
  471.        font-weight: bold;
  472.        font-size: var(--text-size-default);
  473.        color: white
  474.    }
  475.    
  476.    .speed-dial-item {
  477.        opacity: 0;
  478.        visibility: hidden;
  479.        transform: translateY(10px);
  480.        transition: opacity 0.3s ease, transform 0.3s ease;
  481.    }
  482.    
  483.    .speed-dial-active .speed-dial-item {
  484.        opacity: 1;
  485.        visibility: visible;
  486.        transform: translateY(0);
  487.    }
  488.    
  489.    /* Delay each item’s appearance */
  490.    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
  491.    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
  492.    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
  493.    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
  494.    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }      
  495.  
  496.    
  497. </style>
  498.  
  499.  
  500. <div class="mobile-only" >
  501.        <div class="my-navbar">
  502.            <a href="/" class="navbar-item" style="position: relative">
  503.                <div class="navbar-item-content">
  504.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  505.                    <label>BERANDA</label>
  506.                </div>
  507.            </a>
  508.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  509.            <a href="/m/promosi.php"  class="navbar-item">
  510.                <div class="navbar-item-content">
  511.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  512.                    <label>PROMOSI</label>
  513.                </div>
  514.            </a>
  515.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  516.            <a href="/m/event.php"  class="navbar-item">
  517.                <div class="navbar-item-content">
  518.                    <img src="https://img.viva88athenae.com//events.png"/>
  519.                    <label>EVENT</label>
  520.                </div>
  521.            </a>
  522.            
  523.                                
  524.            
  525.            
  526.            
  527.            
  528.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  529.                <a href="https://direct.lc.chat/18652554/"  target="_blank" class="navbar-item">
  530.                <div class="navbar-item-content">
  531.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  532.                    <label>LIVECHAT</label>
  533.                </div>
  534.                </a>
  535.            
  536.        </div>
  537. </div>
  538.  
  539. <script>
  540.    document.addEventListener("DOMContentLoaded", function () {
  541.    const speedDialBtn = document.querySelector(".speed-dial-btn");
  542.    const speedDialItems = document.querySelectorAll(".speed-dial-item");
  543.    let isOpen = false;
  544.  
  545.    speedDialBtn.addEventListener("click", function () {
  546.        isOpen = !isOpen;
  547.  
  548.        speedDialItems.forEach((item, index) => {
  549.            if (isOpen) {
  550.                item.style.opacity = "1";
  551.                item.style.visibility = "visible";
  552.                item.style.transform = "translateY(0)";
  553.                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
  554.            } else {
  555.                item.style.opacity = "0";
  556.                item.style.visibility = "hidden";
  557.                item.style.transform = "translateY(10px)";
  558.                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
  559.            }
  560.        });
  561.    });
  562. });
  563. </script>        
  564.        
  565.        
  566.        <div id="top" class="wrapper">
  567.  
  568.            
  569.                
  570.            <header class="header">
  571.                <div class="header-content">
  572.                    <div class="logo" href="/">
  573.                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
  574.                    </div>
  575.                    
  576.                    <div id="marquee-mobile" class="marquee mobile-only">
  577.                        <div class="marquee-content">
  578.                            <div class="d-flex align-items-center gap-2">
  579.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  580.                            </div>
  581.                            <div class="running">
  582.                                <div class="marquee-shadow"></div>
  583.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  584.                            </div>
  585.                            <div class="d-flex align-items-center gap-2">
  586.                            </div>
  587.                        </div>
  588.                    </div>
  589.                    
  590.                    <div class="mslider mobile-only">
  591.                                            </div>
  592.                    
  593.                    <div class="login">
  594.                    
  595.                            <div id="desktoplogin" class="desktop-only">
  596.                                <form class="login-form form" role="form">
  597.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  598.                                    <div class="input-group login-field">
  599.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  600.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  601.                                    </div>
  602.                                    
  603.                                    <div id="marquee" class="marquee mobile-only">
  604.                                        <div class="marquee-content">
  605.                                            <div class="d-flex align-items-center gap-2">
  606.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  607.                                            </div>
  608.                                            <div class="running">
  609.                                                <div class="marquee-shadow"></div>
  610.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  611.                                            </div>
  612.                                        </div>
  613.                                    </div>
  614.                                    
  615.                                    
  616.                                    <div class="input-group login-field">
  617.                                        <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>
  618.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  619.                                    </div>
  620.                                    
  621.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  622.                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
  623.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  624.                                    </div>
  625.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  626.        
  627.        
  628.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  629.                                    <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>
  630.  
  631.                                    <input type="hidden" name="task" value="login">    
  632.                                    <input type="hidden" name="logindesktop" value="zJzqrdu2YKWJ4Xdg707HWl7xMuMrKO4emPQy8/EyKs4=">
  633.                                </form>
  634.                            </div>
  635.                        
  636.                        
  637.                        
  638.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  639.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  640.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  641.                                    <div class="input-group login-field">
  642.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  643.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  644.                                    </div>
  645.                                    <div class="input-group login-field">
  646.                                        <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>
  647.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  648.                                    </div>
  649.                                    
  650.                                    
  651.                                    <div class="verifikasiform w-100">
  652.                                        
  653.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?7836" width="100%" height="44" style="border-radius: 5px;"></span>
  654.                                                <div class="input-group login-field mt-1">
  655.                                                    <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>
  656.                                                   <input type="text" inputmode="numeric" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  657.                                                </div>
  658.                                        
  659.                                    </div>
  660.  
  661.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  662.        
  663.        
  664.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  665.                                    <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>
  666.  
  667.                                    
  668.                                    <input type="hidden" name="task" value="login">    
  669.                                    <input type="hidden" name="loginmobile" value="zJzqrdu2YKWJ4Xdg707HWl7xMuMrKO4emPQy8/EyKs4=">
  670.                                </form>
  671.                            </div>
  672.                            
  673.                                                    
  674.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  675.                                    <div id="mobileregister">
  676.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  677.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  678.                                            <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>
  679.                                            <div class="input-group login-field">
  680.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  681.                                                <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">
  682.                                            </div>
  683.                                            <div class="input-group login-field">
  684.                                                <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>
  685.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  686.                                            </div>
  687.                                            <div class="input-group login-field">
  688.                                                <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>
  689.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  690.                                            </div>
  691.                                            <div class="input-group login-field">
  692.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  693.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  694.                                            </div>
  695.                                            <div class="input-group login-field">
  696.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  697.                                                <input type="text"  inputmode="numeric" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  698.                                            </div>
  699.                                            
  700.                                            <div class="input-group login-field">
  701.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  702.                                             <option value="">Pilih Bank</option>
  703.                             <option value='BCA'>BCA</option><option value='Mandiri'>Mandiri</option><option value='BNI'>BNI</option><option value='BRI'>BRI</option><option value='CIMB'>CIMB</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='GOPAY'>GOPAY</option>                                                </select>
  704.                                            </div>
  705.                        
  706.                                            <div class="input-group login-field">
  707.                                                <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>
  708.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  709.                                            </div>
  710.                                            <div class="input-group login-field">
  711.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  712.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  713.                                            </div>
  714.                                            <div class="input-group login-field">
  715.                                                <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>
  716.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  717.                                            </div>
  718.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  719.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  720.                                            
  721.                                                                                        
  722.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  723.                                                <input type="hidden" name="task" value="register">
  724.                                                <input type="hidden" name="regmobile" value="ePQqZIG50sxcJGgyEjjEc8WGR4NJ62Xg8qmExa2KRFU=">
  725.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  726.                                    </form>
  727.                                </div>            
  728.                        </div>
  729.                    </div>
  730.    
  731.                    <div class="menu">
  732.                        <div class="menu-item desktop-only">
  733.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  734. </div>
  735. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  736.  
  737.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  738.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  739.        <label>TOGEL</label>
  740.    </a>
  741.    
  742.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  743.  
  744.  
  745. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  746.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  747.    <label>SLOT</label>
  748. </a>
  749. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  750. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  751.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  752.    <label>LIVE CASINO</label>
  753. </a>
  754. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  755. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  756.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  757.    <label>SPORT</label>
  758. </a>
  759. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  760. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  761.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  762.    <label>ARCADE</label>
  763. </a>
  764. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  765. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  766. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  767.    <label>SABUNG</label>
  768. </a>
  769. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  770. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  771. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  772.    <label>INTERACTIVE</label>
  773. </a>
  774.  
  775. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  776.                    </div>
  777.                                        
  778.  
  779.  
  780.                    <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)">
  781.                        
  782.                        
  783.                            <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)">
  784.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  785.                            </div>
  786.                            
  787.                            <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)">
  788.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  789.                            </div>
  790.                        
  791.                        
  792.                        <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)">
  793.                        
  794.                        
  795.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  796.                                                                                
  797.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  798.                                            <div style="display: grid; place-items: center; height: 100%">
  799.                                                <div class="menu-item">
  800.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  801.                                                    <label>TOGEL</label>
  802.                                                </div>
  803.                                            </div>
  804.                                        </a>
  805.                                            
  806.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  807.                                        <div style="display: grid; place-items: center; height: 100%">
  808.                                            <div class="menu-item" onclick="showProvider('slot')">
  809.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  810.                                                <label>SLOT</label>
  811.                                            </div>
  812.                                        </div>
  813.                                    </div>
  814.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  815.                                        <div style="display: grid; place-items: center; height: 100%">
  816.                                            <div class="menu-item" onclick="showProvider('casino')">
  817.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  818.                                                <label>LIVE CASINO</label>
  819.                                            </div>
  820.                                        </div>
  821.                                    </div>
  822.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  823.                                        <div style="display: grid; place-items: center; height: 100%">
  824.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  825.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  826.                                                <label>SPORT</label>
  827.                                            </div>
  828.                                        </div>
  829.                                    </div>
  830.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  831.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  832.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  833.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  834.                                    <!--            <label>E-SPORT</label>-->
  835.                                    <!--        </div>-->
  836.                                    <!--    </div>-->
  837.                                    <!--</div>-->
  838.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  839.                                        <div style="display: grid; place-items: center; height: 100%">
  840.                                        <div class="menu-item" onclick="showProvider('fish')">
  841.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  842.                                            <label>ARCADE</label>
  843.                                        </div>
  844.                                        </div>
  845.                                    </div>
  846.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  847.                                        <div style="display: grid; place-items: center; height: 100%">
  848.                                            <div class="menu-item" onclick="showProvider('sabung')">
  849.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  850.                                                <label>SABUNG</label>
  851.                                            </div>
  852.                                        </div>
  853.                                    </div>
  854.                                    
  855.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  856.                                        <div style="display: grid; place-items: center; height: 100%">
  857.                                            <div class="menu-item" onclick="showProvider('interactive')">
  858.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  859.                                                <label>INTERACTIVE</label>
  860.                                            </div>
  861.                                        </div>
  862.                                    </div>
  863.                            </div>
  864.                        </div>                                                                                                                        
  865.                    </div>                    
  866.                    <div class="menu-content mobile-only">
  867.                            <div id="main-content" style="background: var(--content-box-background)">
  868.                                                        </div>
  869.                    </div>
  870.                    
  871.                    
  872.        
  873.                    <div class="promosi">
  874.                        
  875.                        <!-- Desktop -->
  876.                        
  877.                        <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>
  878.                        <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>
  879.                        
  880.                        <!-- Mobile -->
  881.                        
  882.                        <div class="mobile-only" style="padding-top: 32px">
  883.                            
  884.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  885.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  886.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  887.                                        
  888.                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  889.                            </div>
  890.                            
  891.                        </div>
  892.                    </div>
  893.                                    </div>
  894.            </header>
  895.    
  896.    
  897.            <div id="marquee" class="marquee desktop-only">
  898.                <div class="marquee-content">
  899.                    <div class="d-flex align-items-center gap-2">
  900.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  901.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  902.                    </div>
  903.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  904.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  905.                    </div>
  906.                    <div class="d-flex align-items-center gap-2">
  907.                        <a href="/?content=event">
  908.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  909.                        </a>
  910.                    </div>
  911.                </div>
  912.            </div>
  913.            
  914.            
  915.            
  916.            <!--Informasi Modal -->
  917.            <div id="modal-wrapper" class="modal" style=" background:none;">
  918.            
  919.                <div class="slideDown" id="informasi-menu">
  920.                  <div class="row">
  921.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  922.                        <div id="informasi-logo">
  923.                            <img src="/images/logoweb.png" width="120px"/>
  924.                        </div>
  925.                        <div class="menuleft">
  926.  
  927.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  928.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  929.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  930.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  931.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  932.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  933.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  934.  
  935.                        </div>
  936.                   </div>    
  937.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  938.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  939.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  940.                        </div>
  941.                    </div>
  942.                    
  943.                </div>
  944.              </div>
  945.            </div>
  946.    
  947.    
  948.            <div class="contentdata">
  949.                <div id="content-primary" class="p-0">
  950.                
  951.                                            <div class="desktop-only">
  952. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  953.  <div class="carousel-indicators">
  954.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  955.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  956.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  957.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  958.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  959.              </div>
  960.  <div class="carousel-inner" style="height: 100%">
  961.            <div class="carousel-item active" style="height: 100%">
  962.          <img src="/images/upload-Slides-20240927174249.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  963.        </div>
  964.            <div class="carousel-item " style="height: 100%">
  965.          <img src="/images/upload-Slides-20240926024222.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  966.        </div>
  967.            <div class="carousel-item " style="height: 100%">
  968.          <img src="/images/upload-Slides-20240926024159.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  969.        </div>
  970.            <div class="carousel-item " style="height: 100%">
  971.          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  972.        </div>
  973.            <div class="carousel-item " style="height: 100%">
  974.          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  975.        </div>
  976.      </div>
  977. </div>
  978.  
  979. </div>
  980.                        <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;">
  981.  
  982.     <img src="images/upload-SlidesMobile-20240926024257.jpg" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/>
  983. </div>
  984. <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;">
  985.     <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;">
  986. </div></div>
  987.                        
  988.                                    </div>
  989.            </div>
  990.    
  991.    
  992.            
  993.            <!-- Togel -->    
  994.            
  995. <style>
  996.    .togel-desktop {
  997.            background: var(--togel-background);
  998.            grid-area: togel-desktop;
  999.            position: relative;
  1000.        }
  1001.        
  1002.        .togel-mobile {
  1003.            display: none;
  1004.        }
  1005.  
  1006.        .show-more {
  1007.            position: absolute;
  1008.        
  1009.            z-index: 999;
  1010.            bottom: 0px;
  1011.            width: 100%;
  1012.            
  1013.            /* 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)); */
  1014.        }
  1015.        
  1016.        .show-more-content {
  1017.            background: var(--secondary-background);
  1018.            opacity: .7;
  1019.            display: grid;
  1020.            place-items: center;
  1021.            height: 32px
  1022.        }
  1023.        
  1024.        .togel-content {    
  1025.            position: relative;  
  1026.            display: flex;
  1027.            flex-wrap: wrap;
  1028.            justify-content: center;
  1029.            /*display: grid;*/
  1030.            /*grid-template-columns: repeat(10, 1fr);*/
  1031.            gap: 8px 4px;
  1032.            padding: 16px 0;
  1033.        }
  1034.        
  1035.        .see-more {
  1036.            padding: 16px 0 48px 0;
  1037.            max-height: 162px;
  1038.            transition: max-height .75s ease-out;
  1039.            transition-delay: .1s;
  1040.            overflow: hidden;
  1041.        }
  1042.        
  1043.        .togel-content:hover{
  1044.            max-height: 1000px;
  1045.            transition: max-height 0.25s ease-in;
  1046.        }
  1047.        
  1048.        .result {
  1049.            height: 110px;
  1050.            width: 96px;
  1051.            border-radius: 10px;
  1052.            background: var(--result-background);
  1053.            border: var(--result-border);
  1054.            
  1055.            display: grid;
  1056.            grid-template-rows: 0px 20px 1fr 28px;
  1057.            grid-template-areas:
  1058.            "badge"
  1059.            "pasaran"
  1060.            "keluaran"
  1061.            "tanggal"
  1062.            ;
  1063.        
  1064.            /* display: flex;
  1065.            flex-direction: column;
  1066.            justify-content: space-between; */
  1067.        
  1068.            overflow: hidden;
  1069.        }
  1070.        
  1071.        .badge {
  1072.            grid-area: badge;
  1073.            display: grid;
  1074.            place-items: center;
  1075.        }
  1076.        
  1077.        .result>.pasaran {
  1078.        
  1079.            grid-area: pasaran;
  1080.        
  1081.            padding-top: 8px;
  1082.            white-space: nowrap;
  1083.            font-size: .7rem;
  1084.            line-height: .7rem;
  1085.        
  1086.            color: var(--result-pasaran-color);
  1087.            display: grid;
  1088.            place-items: center;
  1089.        }
  1090.        
  1091.        .result>.keluaran {
  1092.        
  1093.            grid-area: keluaran;
  1094.            padding-bottom: 8px;
  1095.            font-family: 'Oswald', sans-serif;
  1096.            line-height: 40px;
  1097.            font-size: 40px;
  1098.            color: var(--result-keluaran-color);
  1099.            display: grid;
  1100.            place-items: center;
  1101.        }
  1102.        
  1103.        .result>.tanggal {
  1104.        
  1105.            grid-area: tanggal;
  1106.        
  1107.            width: 100%;
  1108.            height: 100%;
  1109.            /* background: rgb(40,0,0);
  1110.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1111.            background: var(--result-tanggal-background);
  1112.            white-space: nowarp;
  1113.            font-size: .79rem;
  1114.            display: grid;
  1115.            place-items: center;
  1116.            font-family: 'Abel', sans-serif;
  1117.            color: var(--result-tanggal-color);
  1118.        }
  1119.        
  1120.        @media only screen and (max-width: 1000px) {
  1121.            
  1122.            .togel-desktop {
  1123.                display: none;
  1124.            }
  1125.            
  1126.            .togel-mobile {
  1127.  
  1128.                background: var(--secondary-background);
  1129.                grid-area: togel-mobile;
  1130.                padding: 24px;
  1131.                padding-bottom: 12px;
  1132.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1133.            }
  1134.        
  1135.            .togel-title {
  1136.                padding: 0px;
  1137.                padding-bottom: 20px;
  1138.                font-size: 1.4rem;
  1139.                font-weight: bold;
  1140.                color: var(--primary-text-color);
  1141.            }
  1142.        
  1143.            .togel-content {
  1144.                max-height: fit-content;
  1145.                display: grid;
  1146.                grid-template-columns: 1fr;
  1147.                gap: 0;
  1148.                border-radius: 8px;
  1149.            }
  1150.            
  1151.  
  1152.        
  1153.            .provider-group {
  1154.                padding: var(--mobile-padding-horizontal);
  1155.            }
  1156.        
  1157.            .badge {
  1158.                display: none;
  1159.            }
  1160.        
  1161.            .result {
  1162.                height: auto;
  1163.                width: 100%;
  1164.                display: grid;
  1165.                grid-template-rows: 1fr;
  1166.                grid-template-columns: 1fr 1fr 80px;
  1167.                grid-template-areas: "pasaran tanggal keluaran";
  1168.                border-radius: 0;
  1169.                border: none;
  1170.                background: transparent;
  1171.                padding: 4px 12px;
  1172.                color: var(--primary-text-color);
  1173.                font-family: 'Abel', sans-serif;
  1174.                
  1175.            }
  1176.            
  1177.                        
  1178.            .result-data:nth-child(odd) {
  1179.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1180.            }
  1181.            
  1182.                        
  1183.            .accordion-item {
  1184.                background-color: transparent;
  1185.                border: 0px;
  1186.            }
  1187.            
  1188.            .accordion-button:not(.collapsed) {
  1189.                color: inherit;
  1190.                background-color: transparent;
  1191.                box-shadow: none;
  1192.            }
  1193.            
  1194.            .accordion-button::after {
  1195.                height: 0px;
  1196.            }
  1197.        
  1198.            .result>* {
  1199.                padding: 0px!important;
  1200.                margin: 0px!important;
  1201.                font-size: 1.4rem!important;
  1202.                line-height: auto!important;
  1203.                font-weight: normal!important;
  1204.            }
  1205.        
  1206.            .result>.pasaran {
  1207.                display: flex;
  1208.                justify-content: start;
  1209.                color: var(--primary-text-color)!important;
  1210.                opacity: .7;
  1211.            }
  1212.        
  1213.            .result>.tanggal {        
  1214.                display: flex;
  1215.                justify-content: center;
  1216.                background: transparent;
  1217.                color: var(--primary-text-color)!important;
  1218.                opacity: .7;
  1219.            }
  1220.        
  1221.            .result>.keluaran {
  1222.                display: flex;
  1223.                justify-content: end;
  1224.                /*color: var(--primary-text-color)!important;*/
  1225.                font-family: 'Abel', sans-serif;
  1226.                color: var(--highlight-text-color);
  1227.            }
  1228.            
  1229.        }
  1230. </style>
  1231. <div id="togel-desktop" class="togel-desktop desktop-only">
  1232.    
  1233.             <div class="show-more desktop-only">
  1234.                <div class="show-more-content">
  1235.                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
  1236.                </div>
  1237.            </div>
  1238.            
  1239.        
  1240.    
  1241.        <div class="togel-content see-more">
  1242.                            <a href="/?content=hasil&pid=HKD" class="result">
  1243.                    
  1244.                    <div class="badge">
  1245.                                            </div>
  1246.                    
  1247.                    <div class="pasaran">HK SIANG&nbsp</div>
  1248.                    <div class="keluaran">8829</div>
  1249.                    <div class="tanggal">RABU 30/4/2025</div>
  1250.                </a>
  1251.                            <a href="/?content=hasil&pid=SGM" class="result">
  1252.                    
  1253.                    <div class="badge">
  1254.                                            </div>
  1255.                    
  1256.                    <div class="pasaran">SG METRO&nbsp</div>
  1257.                    <div class="keluaran">9523</div>
  1258.                    <div class="tanggal">RABU 30/4/2025</div>
  1259.                </a>
  1260.                            <a href="/?content=hasil&pid=SY" class="result">
  1261.                    
  1262.                    <div class="badge">
  1263.                                            </div>
  1264.                    
  1265.                    <div class="pasaran">SYDNEY&nbsp</div>
  1266.                    <div class="keluaran">1332</div>
  1267.                    <div class="tanggal">RABU 30/4/2025</div>
  1268.                </a>
  1269.                            <a href="/?content=hasil&pid=MYD" class="result">
  1270.                    
  1271.                    <div class="badge">
  1272.                                            </div>
  1273.                    
  1274.                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  1275.                    <div class="keluaran">5522</div>
  1276.                    <div class="tanggal">RABU 30/4/2025</div>
  1277.                </a>
  1278.                            <a href="/?content=hasil&pid=SG" class="result">
  1279.                    
  1280.                    <div class="badge">
  1281.                                            </div>
  1282.                    
  1283.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1284.                    <div class="keluaran">4655</div>
  1285.                    <div class="tanggal">RABU 30/4/2025</div>
  1286.                </a>
  1287.                            <a href="/?content=hasil&pid=QTR" class="result">
  1288.                    
  1289.                    <div class="badge">
  1290.                                            </div>
  1291.                    
  1292.                    <div class="pasaran">QATAR&nbsp</div>
  1293.                    <div class="keluaran">5148</div>
  1294.                    <div class="tanggal">RABU 30/4/2025</div>
  1295.                </a>
  1296.                            <a href="/?content=hasil&pid=HK" class="result">
  1297.                    
  1298.                    <div class="badge">
  1299.                                            </div>
  1300.                    
  1301.                    <div class="pasaran">HONGKONG&nbsp</div>
  1302.                    <div class="keluaran">2681</div>
  1303.                    <div class="tanggal">RABU 30/4/2025</div>
  1304.                </a>
  1305.                            <a href="/?content=hasil&pid=TWH" class="result">
  1306.                    
  1307.                    <div class="badge">
  1308.                                            </div>
  1309.                    
  1310.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1311.                    <div class="keluaran">8168</div>
  1312.                    <div class="tanggal">KAMIS 1/5/2025</div>
  1313.                </a>
  1314.                            <a href="/?content=hasil&pid=MY" class="result">
  1315.                    
  1316.                    <div class="badge">
  1317.                                            </div>
  1318.                    
  1319.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1320.                    <div class="keluaran">6436</div>
  1321.                    <div class="tanggal">RABU 30/4/2025</div>
  1322.                </a>
  1323.                            <a href="/?content=hasil&pid=HKLT" class="result">
  1324.                    
  1325.                    <div class="badge">
  1326.                                            </div>
  1327.                    
  1328.                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
  1329.                    <div class="keluaran">0165</div>
  1330.                    <div class="tanggal">RABU 30/4/2025</div>
  1331.                </a>
  1332.                            <a href="/?content=hasil&pid=SYLT" class="result">
  1333.                    
  1334.                    <div class="badge">
  1335.                                            </div>
  1336.                    
  1337.                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
  1338.                    <div class="keluaran">4736</div>
  1339.                    <div class="tanggal">RABU 30/4/2025</div>
  1340.                </a>
  1341.                        
  1342.        </div>
  1343.    </div>
  1344.    
  1345.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1346.        
  1347.        <div class="togel-title">Togel Result</div>
  1348.        
  1349.                
  1350.    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
  1351.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1352.              
  1353.                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1354.                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1355.                                                              
  1356.          </div>
  1357.          <div class="carousel-inner">
  1358.  
  1359.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1360.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  1361.                                    <div class="badge">
  1362.                                                                            </div>
  1363.                                    <div class="pasaran">HK SIANG&nbsp</div>
  1364.                                    <div class="keluaran">8829</div>
  1365.                                    <div class="tanggal">30-04-2025</div>
  1366.                              </button>
  1367.                                                                <div id="paito-HKD" class="accordion-collapse collapse">
  1368.                                        
  1369.                                                <div class="result">
  1370.                                                    <div class="pasaran"></div>
  1371.                                                    <div class="keluaran">4694</div>
  1372.                                                    <div class="tanggal">29-04-2025</div>
  1373.                                                </div>
  1374.                                            
  1375.                                                <div class="result">
  1376.                                                    <div class="pasaran"></div>
  1377.                                                    <div class="keluaran">5420</div>
  1378.                                                    <div class="tanggal">28-04-2025</div>
  1379.                                                </div>
  1380.                                            
  1381.                                                <div class="result">
  1382.                                                    <div class="pasaran"></div>
  1383.                                                    <div class="keluaran">8057</div>
  1384.                                                    <div class="tanggal">27-04-2025</div>
  1385.                                                </div>
  1386.                                            
  1387.                                                <div class="result">
  1388.                                                    <div class="pasaran"></div>
  1389.                                                    <div class="keluaran">6954</div>
  1390.                                                    <div class="tanggal">26-04-2025</div>
  1391.                                                </div>
  1392.                                            
  1393.                                                <div class="result">
  1394.                                                    <div class="pasaran"></div>
  1395.                                                    <div class="keluaran">2177</div>
  1396.                                                    <div class="tanggal">25-04-2025</div>
  1397.                                                </div>
  1398.                                            
  1399.                                                <div class="result">
  1400.                                                    <div class="pasaran"></div>
  1401.                                                    <div class="keluaran">2692</div>
  1402.                                                    <div class="tanggal">24-04-2025</div>
  1403.                                                </div>
  1404.                                            
  1405.                                                <div class="result">
  1406.                                                    <div class="pasaran"></div>
  1407.                                                    <div class="keluaran">9095</div>
  1408.                                                    <div class="tanggal">23-04-2025</div>
  1409.                                                </div>
  1410.                                                                                </div>
  1411.                                                            </div>
  1412.                            
  1413.                                                    <div class="result-data accordion-item">
  1414.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SGM">
  1415.                                    <div class="badge">
  1416.                                                                            </div>
  1417.                                    <div class="pasaran">SG METRO&nbsp</div>
  1418.                                    <div class="keluaran">9523</div>
  1419.                                    <div class="tanggal">30-04-2025</div>
  1420.                              </button>
  1421.                                                                <div id="paito-SGM" class="accordion-collapse collapse">
  1422.                                        
  1423.                                                <div class="result">
  1424.                                                    <div class="pasaran"></div>
  1425.                                                    <div class="keluaran">0053</div>
  1426.                                                    <div class="tanggal">29-04-2025</div>
  1427.                                                </div>
  1428.                                            
  1429.                                                <div class="result">
  1430.                                                    <div class="pasaran"></div>
  1431.                                                    <div class="keluaran">4888</div>
  1432.                                                    <div class="tanggal">28-04-2025</div>
  1433.                                                </div>
  1434.                                            
  1435.                                                <div class="result">
  1436.                                                    <div class="pasaran"></div>
  1437.                                                    <div class="keluaran">3906</div>
  1438.                                                    <div class="tanggal">27-04-2025</div>
  1439.                                                </div>
  1440.                                            
  1441.                                                <div class="result">
  1442.                                                    <div class="pasaran"></div>
  1443.                                                    <div class="keluaran">4327</div>
  1444.                                                    <div class="tanggal">26-04-2025</div>
  1445.                                                </div>
  1446.                                            
  1447.                                                <div class="result">
  1448.                                                    <div class="pasaran"></div>
  1449.                                                    <div class="keluaran">6449</div>
  1450.                                                    <div class="tanggal">25-04-2025</div>
  1451.                                                </div>
  1452.                                            
  1453.                                                <div class="result">
  1454.                                                    <div class="pasaran"></div>
  1455.                                                    <div class="keluaran">0155</div>
  1456.                                                    <div class="tanggal">24-04-2025</div>
  1457.                                                </div>
  1458.                                            
  1459.                                                <div class="result">
  1460.                                                    <div class="pasaran"></div>
  1461.                                                    <div class="keluaran">8173</div>
  1462.                                                    <div class="tanggal">23-04-2025</div>
  1463.                                                </div>
  1464.                                                                                </div>
  1465.                                                            </div>
  1466.                            
  1467.                                                    <div class="result-data accordion-item">
  1468.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY">
  1469.                                    <div class="badge">
  1470.                                                                            </div>
  1471.                                    <div class="pasaran">SYDNEY&nbsp</div>
  1472.                                    <div class="keluaran">1332</div>
  1473.                                    <div class="tanggal">30-04-2025</div>
  1474.                              </button>
  1475.                                                                <div id="paito-SY" class="accordion-collapse collapse">
  1476.                                        
  1477.                                                <div class="result">
  1478.                                                    <div class="pasaran"></div>
  1479.                                                    <div class="keluaran">3995</div>
  1480.                                                    <div class="tanggal">29-04-2025</div>
  1481.                                                </div>
  1482.                                            
  1483.                                                <div class="result">
  1484.                                                    <div class="pasaran"></div>
  1485.                                                    <div class="keluaran">3786</div>
  1486.                                                    <div class="tanggal">28-04-2025</div>
  1487.                                                </div>
  1488.                                            
  1489.                                                <div class="result">
  1490.                                                    <div class="pasaran"></div>
  1491.                                                    <div class="keluaran">5068</div>
  1492.                                                    <div class="tanggal">27-04-2025</div>
  1493.                                                </div>
  1494.                                            
  1495.                                                <div class="result">
  1496.                                                    <div class="pasaran"></div>
  1497.                                                    <div class="keluaran">1319</div>
  1498.                                                    <div class="tanggal">26-04-2025</div>
  1499.                                                </div>
  1500.                                            
  1501.                                                <div class="result">
  1502.                                                    <div class="pasaran"></div>
  1503.                                                    <div class="keluaran">4794</div>
  1504.                                                    <div class="tanggal">25-04-2025</div>
  1505.                                                </div>
  1506.                                            
  1507.                                                <div class="result">
  1508.                                                    <div class="pasaran"></div>
  1509.                                                    <div class="keluaran">8940</div>
  1510.                                                    <div class="tanggal">24-04-2025</div>
  1511.                                                </div>
  1512.                                            
  1513.                                                <div class="result">
  1514.                                                    <div class="pasaran"></div>
  1515.                                                    <div class="keluaran">1323</div>
  1516.                                                    <div class="tanggal">23-04-2025</div>
  1517.                                                </div>
  1518.                                                                                </div>
  1519.                                                            </div>
  1520.                            
  1521.                                                    <div class="result-data accordion-item">
  1522.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MYD">
  1523.                                    <div class="badge">
  1524.                                                                            </div>
  1525.                                    <div class="pasaran">MALAYSIA SIANG&nbsp</div>
  1526.                                    <div class="keluaran">5522</div>
  1527.                                    <div class="tanggal">30-04-2025</div>
  1528.                              </button>
  1529.                                                                <div id="paito-MYD" class="accordion-collapse collapse">
  1530.                                        
  1531.                                                <div class="result">
  1532.                                                    <div class="pasaran"></div>
  1533.                                                    <div class="keluaran">3426</div>
  1534.                                                    <div class="tanggal">29-04-2025</div>
  1535.                                                </div>
  1536.                                            
  1537.                                                <div class="result">
  1538.                                                    <div class="pasaran"></div>
  1539.                                                    <div class="keluaran">1860</div>
  1540.                                                    <div class="tanggal">28-04-2025</div>
  1541.                                                </div>
  1542.                                            
  1543.                                                <div class="result">
  1544.                                                    <div class="pasaran"></div>
  1545.                                                    <div class="keluaran">1584</div>
  1546.                                                    <div class="tanggal">27-04-2025</div>
  1547.                                                </div>
  1548.                                            
  1549.                                                <div class="result">
  1550.                                                    <div class="pasaran"></div>
  1551.                                                    <div class="keluaran">4656</div>
  1552.                                                    <div class="tanggal">26-04-2025</div>
  1553.                                                </div>
  1554.                                            
  1555.                                                <div class="result">
  1556.                                                    <div class="pasaran"></div>
  1557.                                                    <div class="keluaran">2737</div>
  1558.                                                    <div class="tanggal">25-04-2025</div>
  1559.                                                </div>
  1560.                                            
  1561.                                                <div class="result">
  1562.                                                    <div class="pasaran"></div>
  1563.                                                    <div class="keluaran">9357</div>
  1564.                                                    <div class="tanggal">24-04-2025</div>
  1565.                                                </div>
  1566.                                            
  1567.                                                <div class="result">
  1568.                                                    <div class="pasaran"></div>
  1569.                                                    <div class="keluaran">5188</div>
  1570.                                                    <div class="tanggal">23-04-2025</div>
  1571.                                                </div>
  1572.                                                                                </div>
  1573.                                                            </div>
  1574.                            
  1575.                                                    <div class="result-data accordion-item">
  1576.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  1577.                                    <div class="badge">
  1578.                                                                            </div>
  1579.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  1580.                                    <div class="keluaran">4655</div>
  1581.                                    <div class="tanggal">30-04-2025</div>
  1582.                              </button>
  1583.                                                                <div id="paito-SG" class="accordion-collapse collapse">
  1584.                                        
  1585.                                                <div class="result">
  1586.                                                    <div class="pasaran"></div>
  1587.                                                    <div class="keluaran">0279</div>
  1588.                                                    <div class="tanggal">28-04-2025</div>
  1589.                                                </div>
  1590.                                            
  1591.                                                <div class="result">
  1592.                                                    <div class="pasaran"></div>
  1593.                                                    <div class="keluaran">4707</div>
  1594.                                                    <div class="tanggal">27-04-2025</div>
  1595.                                                </div>
  1596.                                            
  1597.                                                <div class="result">
  1598.                                                    <div class="pasaran"></div>
  1599.                                                    <div class="keluaran">0990</div>
  1600.                                                    <div class="tanggal">26-04-2025</div>
  1601.                                                </div>
  1602.                                            
  1603.                                                <div class="result">
  1604.                                                    <div class="pasaran"></div>
  1605.                                                    <div class="keluaran">0376</div>
  1606.                                                    <div class="tanggal">24-04-2025</div>
  1607.                                                </div>
  1608.                                            
  1609.                                                <div class="result">
  1610.                                                    <div class="pasaran"></div>
  1611.                                                    <div class="keluaran">4045</div>
  1612.                                                    <div class="tanggal">23-04-2025</div>
  1613.                                                </div>
  1614.                                            
  1615.                                                <div class="result">
  1616.                                                    <div class="pasaran"></div>
  1617.                                                    <div class="keluaran">7826</div>
  1618.                                                    <div class="tanggal">21-04-2025</div>
  1619.                                                </div>
  1620.                                            
  1621.                                                <div class="result">
  1622.                                                    <div class="pasaran"></div>
  1623.                                                    <div class="keluaran">7422</div>
  1624.                                                    <div class="tanggal">20-04-2025</div>
  1625.                                                </div>
  1626.                                                                                </div>
  1627.                                                            </div>
  1628.                            
  1629.                                                    <div class="result-data accordion-item">
  1630.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
  1631.                                    <div class="badge">
  1632.                                                                            </div>
  1633.                                    <div class="pasaran">QATAR&nbsp</div>
  1634.                                    <div class="keluaran">5148</div>
  1635.                                    <div class="tanggal">30-04-2025</div>
  1636.                              </button>
  1637.                                                                <div id="paito-QTR" class="accordion-collapse collapse">
  1638.                                        
  1639.                                                <div class="result">
  1640.                                                    <div class="pasaran"></div>
  1641.                                                    <div class="keluaran">3293</div>
  1642.                                                    <div class="tanggal">29-04-2025</div>
  1643.                                                </div>
  1644.                                            
  1645.                                                <div class="result">
  1646.                                                    <div class="pasaran"></div>
  1647.                                                    <div class="keluaran">5628</div>
  1648.                                                    <div class="tanggal">28-04-2025</div>
  1649.                                                </div>
  1650.                                            
  1651.                                                <div class="result">
  1652.                                                    <div class="pasaran"></div>
  1653.                                                    <div class="keluaran">2446</div>
  1654.                                                    <div class="tanggal">27-04-2025</div>
  1655.                                                </div>
  1656.                                            
  1657.                                                <div class="result">
  1658.                                                    <div class="pasaran"></div>
  1659.                                                    <div class="keluaran">6288</div>
  1660.                                                    <div class="tanggal">26-04-2025</div>
  1661.                                                </div>
  1662.                                            
  1663.                                                <div class="result">
  1664.                                                    <div class="pasaran"></div>
  1665.                                                    <div class="keluaran">7851</div>
  1666.                                                    <div class="tanggal">25-04-2025</div>
  1667.                                                </div>
  1668.                                            
  1669.                                                <div class="result">
  1670.                                                    <div class="pasaran"></div>
  1671.                                                    <div class="keluaran">3881</div>
  1672.                                                    <div class="tanggal">24-04-2025</div>
  1673.                                                </div>
  1674.                                            
  1675.                                                <div class="result">
  1676.                                                    <div class="pasaran"></div>
  1677.                                                    <div class="keluaran">7852</div>
  1678.                                                    <div class="tanggal">23-04-2025</div>
  1679.                                                </div>
  1680.                                                                                </div>
  1681.                                                            </div>
  1682.                            
  1683.                                                    <div class="result-data accordion-item">
  1684.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK">
  1685.                                    <div class="badge">
  1686.                                                                            </div>
  1687.                                    <div class="pasaran">HONGKONG&nbsp</div>
  1688.                                    <div class="keluaran">2681</div>
  1689.                                    <div class="tanggal">30-04-2025</div>
  1690.                              </button>
  1691.                                                                <div id="paito-HK" class="accordion-collapse collapse">
  1692.                                        
  1693.                                                <div class="result">
  1694.                                                    <div class="pasaran"></div>
  1695.                                                    <div class="keluaran">1935</div>
  1696.                                                    <div class="tanggal">29-04-2025</div>
  1697.                                                </div>
  1698.                                            
  1699.                                                <div class="result">
  1700.                                                    <div class="pasaran"></div>
  1701.                                                    <div class="keluaran">5161</div>
  1702.                                                    <div class="tanggal">28-04-2025</div>
  1703.                                                </div>
  1704.                                            
  1705.                                                <div class="result">
  1706.                                                    <div class="pasaran"></div>
  1707.                                                    <div class="keluaran">4495</div>
  1708.                                                    <div class="tanggal">27-04-2025</div>
  1709.                                                </div>
  1710.                                            
  1711.                                                <div class="result">
  1712.                                                    <div class="pasaran"></div>
  1713.                                                    <div class="keluaran">3237</div>
  1714.                                                    <div class="tanggal">26-04-2025</div>
  1715.                                                </div>
  1716.                                            
  1717.                                                <div class="result">
  1718.                                                    <div class="pasaran"></div>
  1719.                                                    <div class="keluaran">7062</div>
  1720.                                                    <div class="tanggal">25-04-2025</div>
  1721.                                                </div>
  1722.                                            
  1723.                                                <div class="result">
  1724.                                                    <div class="pasaran"></div>
  1725.                                                    <div class="keluaran">6239</div>
  1726.                                                    <div class="tanggal">24-04-2025</div>
  1727.                                                </div>
  1728.                                            
  1729.                                                <div class="result">
  1730.                                                    <div class="pasaran"></div>
  1731.                                                    <div class="keluaran">4308</div>
  1732.                                                    <div class="tanggal">23-04-2025</div>
  1733.                                                </div>
  1734.                                                                                </div>
  1735.                                                            </div>
  1736.                            
  1737.                                                    <div class="result-data accordion-item">
  1738.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  1739.                                    <div class="badge">
  1740.                                                                            </div>
  1741.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1742.                                    <div class="keluaran">8168</div>
  1743.                                    <div class="tanggal">01-05-2025</div>
  1744.                              </button>
  1745.                                                                <div id="paito-TWH" class="accordion-collapse collapse">
  1746.                                        
  1747.                                                <div class="result">
  1748.                                                    <div class="pasaran"></div>
  1749.                                                    <div class="keluaran">1491</div>
  1750.                                                    <div class="tanggal">30-04-2025</div>
  1751.                                                </div>
  1752.                                            
  1753.                                                <div class="result">
  1754.                                                    <div class="pasaran"></div>
  1755.                                                    <div class="keluaran">9162</div>
  1756.                                                    <div class="tanggal">30-04-2025</div>
  1757.                                                </div>
  1758.                                            
  1759.                                                <div class="result">
  1760.                                                    <div class="pasaran"></div>
  1761.                                                    <div class="keluaran">0560</div>
  1762.                                                    <div class="tanggal">30-04-2025</div>
  1763.                                                </div>
  1764.                                            
  1765.                                                <div class="result">
  1766.                                                    <div class="pasaran"></div>
  1767.                                                    <div class="keluaran">6625</div>
  1768.                                                    <div class="tanggal">30-04-2025</div>
  1769.                                                </div>
  1770.                                            
  1771.                                                <div class="result">
  1772.                                                    <div class="pasaran"></div>
  1773.                                                    <div class="keluaran">3717</div>
  1774.                                                    <div class="tanggal">30-04-2025</div>
  1775.                                                </div>
  1776.                                            
  1777.                                                <div class="result">
  1778.                                                    <div class="pasaran"></div>
  1779.                                                    <div class="keluaran">0881</div>
  1780.                                                    <div class="tanggal">30-04-2025</div>
  1781.                                                </div>
  1782.                                            
  1783.                                                <div class="result">
  1784.                                                    <div class="pasaran"></div>
  1785.                                                    <div class="keluaran">3723</div>
  1786.                                                    <div class="tanggal">29-04-2025</div>
  1787.                                                </div>
  1788.                                                                                </div>
  1789.                                                            </div>
  1790.                            
  1791.                                                    <div class="result-data accordion-item">
  1792.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  1793.                                    <div class="badge">
  1794.                                                                            </div>
  1795.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  1796.                                    <div class="keluaran">6436</div>
  1797.                                    <div class="tanggal">30-04-2025</div>
  1798.                              </button>
  1799.                                                                <div id="paito-MY" class="accordion-collapse collapse">
  1800.                                        
  1801.                                                <div class="result">
  1802.                                                    <div class="pasaran"></div>
  1803.                                                    <div class="keluaran">3534</div>
  1804.                                                    <div class="tanggal">29-04-2025</div>
  1805.                                                </div>
  1806.                                            
  1807.                                                <div class="result">
  1808.                                                    <div class="pasaran"></div>
  1809.                                                    <div class="keluaran">9301</div>
  1810.                                                    <div class="tanggal">28-04-2025</div>
  1811.                                                </div>
  1812.                                            
  1813.                                                <div class="result">
  1814.                                                    <div class="pasaran"></div>
  1815.                                                    <div class="keluaran">4092</div>
  1816.                                                    <div class="tanggal">27-04-2025</div>
  1817.                                                </div>
  1818.                                            
  1819.                                                <div class="result">
  1820.                                                    <div class="pasaran"></div>
  1821.                                                    <div class="keluaran">9617</div>
  1822.                                                    <div class="tanggal">26-04-2025</div>
  1823.                                                </div>
  1824.                                            
  1825.                                                <div class="result">
  1826.                                                    <div class="pasaran"></div>
  1827.                                                    <div class="keluaran">9010</div>
  1828.                                                    <div class="tanggal">25-04-2025</div>
  1829.                                                </div>
  1830.                                            
  1831.                                                <div class="result">
  1832.                                                    <div class="pasaran"></div>
  1833.                                                    <div class="keluaran">1205</div>
  1834.                                                    <div class="tanggal">24-04-2025</div>
  1835.                                                </div>
  1836.                                            
  1837.                                                <div class="result">
  1838.                                                    <div class="pasaran"></div>
  1839.                                                    <div class="keluaran">2093</div>
  1840.                                                    <div class="tanggal">23-04-2025</div>
  1841.                                                </div>
  1842.                                                                                </div>
  1843.                                                            </div>
  1844.                            
  1845.                                                    <div class="result-data accordion-item">
  1846.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKLT">
  1847.                                    <div class="badge">
  1848.                                                                            </div>
  1849.                                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
  1850.                                    <div class="keluaran">0165</div>
  1851.                                    <div class="tanggal">30-04-2025</div>
  1852.                              </button>
  1853.                                                                <div id="paito-HKLT" class="accordion-collapse collapse">
  1854.                                        
  1855.                                                <div class="result">
  1856.                                                    <div class="pasaran"></div>
  1857.                                                    <div class="keluaran">0069</div>
  1858.                                                    <div class="tanggal">29-04-2025</div>
  1859.                                                </div>
  1860.                                            
  1861.                                                <div class="result">
  1862.                                                    <div class="pasaran"></div>
  1863.                                                    <div class="keluaran">6421</div>
  1864.                                                    <div class="tanggal">28-04-2025</div>
  1865.                                                </div>
  1866.                                            
  1867.                                                <div class="result">
  1868.                                                    <div class="pasaran"></div>
  1869.                                                    <div class="keluaran">9471</div>
  1870.                                                    <div class="tanggal">27-04-2025</div>
  1871.                                                </div>
  1872.                                            
  1873.                                                <div class="result">
  1874.                                                    <div class="pasaran"></div>
  1875.                                                    <div class="keluaran">1662</div>
  1876.                                                    <div class="tanggal">26-04-2025</div>
  1877.                                                </div>
  1878.                                            
  1879.                                                <div class="result">
  1880.                                                    <div class="pasaran"></div>
  1881.                                                    <div class="keluaran">9499</div>
  1882.                                                    <div class="tanggal">25-04-2025</div>
  1883.                                                </div>
  1884.                                            
  1885.                                                <div class="result">
  1886.                                                    <div class="pasaran"></div>
  1887.                                                    <div class="keluaran">4581</div>
  1888.                                                    <div class="tanggal">24-04-2025</div>
  1889.                                                </div>
  1890.                                            
  1891.                                                <div class="result">
  1892.                                                    <div class="pasaran"></div>
  1893.                                                    <div class="keluaran">0161</div>
  1894.                                                    <div class="tanggal">23-04-2025</div>
  1895.                                                </div>
  1896.                                                                                </div>
  1897.                                                            </div>
  1898.                            
  1899.                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
  1900.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SYLT">
  1901.                                    <div class="badge">
  1902.                                                                            </div>
  1903.                                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
  1904.                                    <div class="keluaran">4736</div>
  1905.                                    <div class="tanggal">30-04-2025</div>
  1906.                              </button>
  1907.                                                                <div id="paito-SYLT" class="accordion-collapse collapse">
  1908.                                        
  1909.                                                <div class="result">
  1910.                                                    <div class="pasaran"></div>
  1911.                                                    <div class="keluaran">8870</div>
  1912.                                                    <div class="tanggal">29-04-2025</div>
  1913.                                                </div>
  1914.                                            
  1915.                                                <div class="result">
  1916.                                                    <div class="pasaran"></div>
  1917.                                                    <div class="keluaran">0482</div>
  1918.                                                    <div class="tanggal">28-04-2025</div>
  1919.                                                </div>
  1920.                                            
  1921.                                                <div class="result">
  1922.                                                    <div class="pasaran"></div>
  1923.                                                    <div class="keluaran">5061</div>
  1924.                                                    <div class="tanggal">27-04-2025</div>
  1925.                                                </div>
  1926.                                            
  1927.                                                <div class="result">
  1928.                                                    <div class="pasaran"></div>
  1929.                                                    <div class="keluaran">7460</div>
  1930.                                                    <div class="tanggal">26-04-2025</div>
  1931.                                                </div>
  1932.                                            
  1933.                                                <div class="result">
  1934.                                                    <div class="pasaran"></div>
  1935.                                                    <div class="keluaran">2585</div>
  1936.                                                    <div class="tanggal">25-04-2025</div>
  1937.                                                </div>
  1938.                                            
  1939.                                                <div class="result">
  1940.                                                    <div class="pasaran"></div>
  1941.                                                    <div class="keluaran">3784</div>
  1942.                                                    <div class="tanggal">24-04-2025</div>
  1943.                                                </div>
  1944.                                            
  1945.                                                <div class="result">
  1946.                                                    <div class="pasaran"></div>
  1947.                                                    <div class="keluaran">1415</div>
  1948.                                                    <div class="tanggal">23-04-2025</div>
  1949.                                                </div>
  1950.                                                                                </div>
  1951.                                                            </div>
  1952.                            
  1953.                        </div>              
  1954.              
  1955.          </div>
  1956.        </div>
  1957.    </div>
  1958.    
  1959.    <script>
  1960.        
  1961.        function togglePaito(paitoid) {
  1962.            let paito = document.getElementById(paitoid);
  1963.            paito.classList.add("open");
  1964.        }
  1965.        
  1966.        
  1967.    </script>
  1968.  
  1969.    
  1970.            <div class="provider">
  1971.                <div class="provider-group">
  1972.                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  1973.                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
  1974.    
  1975.                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  1976.                </div>
  1977.            </div>
  1978.            
  1979.            <div class="transaksi">
  1980.    
  1981.                <div>
  1982.                    <div class="transaksi-kontak">
  1983.                        
  1984.                        <div class="d-flex flex-column w-100">
  1985.                            <div class="transaksi-title">
  1986.                                <div class="transaksi-title-group">
  1987.                                    <div class="fitur-header">Transaksi</div>
  1988.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  1989.                                </div>
  1990.                                
  1991.                                <div class="devider desktop-only" style="width: 320px"></div>
  1992.                            </div>
  1993.                            
  1994.                            <div class="transaksi-content">
  1995.                                <!-- Bank -->
  1996.                                
  1997. <style>
  1998.  
  1999.    .transaksi-group {
  2000.        display: grid;
  2001.        grid-template-columns: 380px 1fr;
  2002.        justify-content: space-between;
  2003.        grid-template-areas:
  2004.        "transaksi-bank transaksi-other";
  2005.    }
  2006.    
  2007.    .transaksi-bank {
  2008.        grid-area: transaksi-bank;
  2009.        display: grid;
  2010.        place-items: center
  2011.    }
  2012.    
  2013.    .transaksi-other {
  2014.        grid-area: transaksi-other;
  2015.        display: flex;
  2016.        justify-content: space-evenly;
  2017.        width: 100%;
  2018.    }
  2019.    
  2020.    .transaksi-list-bank {
  2021.        height: fit-content;
  2022.        display: grid;
  2023.        grid-template-columns: repeat(4, 92px);
  2024.        grid-template-rows: repeat(4, auto);
  2025.        gap: 4px;
  2026.    }
  2027.    
  2028.    .transaksi-list-other {
  2029.        height: fit-content;
  2030.        display: grid;
  2031.        grid-template-columns: repeat(3, 92px);
  2032.        gap: 4px;
  2033.    }
  2034.    
  2035.    
  2036.    .transaksi-item {
  2037.        display: flex;
  2038.        flex-direction: column;
  2039.        /* transform: perspective(10px) rotateX(3deg); */
  2040.    }
  2041.    
  2042.    .transaksi-header {
  2043.  
  2044.        height: 30px;
  2045.        border-radius: 5px;
  2046.        display: grid;
  2047.        place-items: center;
  2048.        font-weight: bold;
  2049.        border: 2px solid rgba(108,108,108,1);
  2050.        background: rgba(54,54,54,1);
  2051.        color: white;
  2052.    }
  2053.    
  2054.    .transaksi-status {
  2055.        margin-left: 3px;
  2056.        margin-right: 3px;
  2057.        height: 3px;
  2058.        border-radius: 0px 0px 4px 4px;
  2059.        background: rgb(54,54,54);
  2060.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  2061.    }
  2062.    
  2063.    .header-green {
  2064.        background: rgba(44,121,6,1);
  2065.        border-color: rgba(168,255,0,1);
  2066.    }
  2067.    
  2068.    .header-blue {
  2069.        background: rgba(0,80,89,1);
  2070.        border-color: rgba(0,255,204,1);
  2071.    }
  2072.    
  2073.    .status-green {
  2074.        background: rgb(44,121,6);
  2075.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  2076.    }
  2077.    
  2078.    .status-blue {
  2079.        background: rgb(0,80,89);
  2080.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  2081.    }
  2082.    
  2083.    .transaksi-name {
  2084.        font-size: 1.1rem;
  2085.        font-weight: bold;
  2086.        line-height: 1.5rem
  2087.    }
  2088.    
  2089.    .transaksi-wrapper {
  2090.        display: flex;
  2091.        flex-direction: column;
  2092.        gap: .5rem;
  2093.    }
  2094.    #transaksi-bank-indicators .carousel-inner .carousel-item.active {
  2095.    height: 154px;
  2096. }
  2097.  
  2098.    @media only screen and (max-width: 768px) {
  2099.        
  2100.        .transaksi-group {
  2101.            display: grid;
  2102.            grid-template-columns: 1fr;
  2103.            grid-template-areas:
  2104.            "transaksi-bank"
  2105.            "transaksi-other";
  2106.            gap: 16px;
  2107.            
  2108.        }
  2109.        
  2110.        .transaksi-header {
  2111.            font-size: 1.1rem;
  2112.            height: 36px;
  2113.        }
  2114.        
  2115.        .transaksi-list-bank {
  2116.            grid-template-columns: repeat(4, 1fr);
  2117.        }
  2118.        
  2119.        .transaksi-list-other {
  2120.            grid-template-columns: repeat(4, 1fr);
  2121.        }
  2122.        
  2123.        .transaksi-list {
  2124.            display: grid;
  2125.            grid-template-columns: repeat(3, 1fr);
  2126.        }
  2127.        
  2128.        .transaksi-item {
  2129.            width: 100%;
  2130.        }
  2131.        
  2132.        .transaksi-title-group {
  2133.            justify-content: center;
  2134.            padding: 16px 0;
  2135.        }
  2136.        
  2137.        .transaksi-name {
  2138.            font-size: 1.3rem;
  2139.            text-align: center;    
  2140.        }
  2141.  
  2142.        .transaksi-wrapper {
  2143.            width: 100%;
  2144.            max-width: 100%!important;
  2145.            gap: 1rem;
  2146.        }
  2147.  
  2148.        #transaksi-bank-indicators .carousel-inner .carousel-item.active {
  2149.    height: 184px!important;
  2150. }
  2151.        
  2152.  
  2153.    }
  2154. </style>
  2155.  
  2156.  
  2157. <div class="transaksi-group">
  2158.    <div class="transaksi-bank">
  2159.  
  2160.            <div class="transaksi-wrapper">
  2161.                <div class="transaksi-name">Bank Lokal</div>
  2162.                
  2163.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  2164.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2165.                    
  2166.                                        
  2167.                </div>
  2168.                <div class="carousel-inner" >
  2169.                                            <div class="carousel-item active">
  2170.                            <div class="transaksi-list-bank">
  2171.                            
  2172.                                                        
  2173.                                                                
  2174.                                <div class="transaksi-item">
  2175.                                    <div class="transaksi-header">BCA</div>
  2176.                                    <div class="transaksi-status status-green"></div>
  2177.                                </div>
  2178.                                                        
  2179.                                                                
  2180.                                <div class="transaksi-item">
  2181.                                    <div class="transaksi-header">Mandiri</div>
  2182.                                    <div class="transaksi-status status-green"></div>
  2183.                                </div>
  2184.                                                        
  2185.                                                                
  2186.                                <div class="transaksi-item">
  2187.                                    <div class="transaksi-header">BNI</div>
  2188.                                    <div class="transaksi-status status-green"></div>
  2189.                                </div>
  2190.                                                        
  2191.                                                                
  2192.                                <div class="transaksi-item">
  2193.                                    <div class="transaksi-header">BRI</div>
  2194.                                    <div class="transaksi-status status-green"></div>
  2195.                                </div>
  2196.                                                        
  2197.                                                                
  2198.                                <div class="transaksi-item">
  2199.                                    <div class="transaksi-header">CIMB</div>
  2200.                                    <div class="transaksi-status "></div>
  2201.                                </div>
  2202.                                                        
  2203.                                                            
  2204.                            </div>
  2205.                        </div>
  2206.                    
  2207.                    
  2208.                    
  2209.                  </div>
  2210.                </div>
  2211.  
  2212.        </div>
  2213.    </div>
  2214.    
  2215.    <div class="transaksi-other">
  2216.            
  2217.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2218.            
  2219.            <div class="transaksi-wrapper" style="max-width: 284px">
  2220.  
  2221.                <div class="transaksi-name">E Money & Pulsa</div>
  2222.  
  2223.    
  2224.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  2225.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2226.                    
  2227.                                        
  2228.                    </div>
  2229.                  <div class="carousel-inner" >
  2230.                                            <div class="carousel-item active">
  2231.                            <div class="transaksi-list-other">
  2232.                            
  2233.                                                        
  2234.                                                                
  2235.                                <div class="transaksi-item">
  2236.                                    <div class="transaksi-header">DANA</div>
  2237.                                    <div class="transaksi-status status-blue"></div>
  2238.                                </div>
  2239.                                                        
  2240.                                                                
  2241.                                <div class="transaksi-item">
  2242.                                    <div class="transaksi-header">OVO</div>
  2243.                                    <div class="transaksi-status status-blue"></div>
  2244.                                </div>
  2245.                                                        
  2246.                                                                
  2247.                                <div class="transaksi-item">
  2248.                                    <div class="transaksi-header">GOPAY</div>
  2249.                                    <div class="transaksi-status status-blue"></div>
  2250.                                </div>
  2251.                                                        
  2252.                                                            
  2253.                            </div>
  2254.                        </div>
  2255.                    
  2256.                    
  2257.                    
  2258.                </div>
  2259.            </div>
  2260.        </div>
  2261.        
  2262.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2263.    </div>
  2264. </div>
  2265.  
  2266.  
  2267.        
  2268.  
  2269.  
  2270.                            </div>
  2271.                            
  2272.                            
  2273.                        </div>
  2274.                        
  2275.                        <div class="d-flex flex-column desktop-only" style="width: 180px">
  2276.                            
  2277.                            <div class="transaksi-title">
  2278.                                <div class="transaksi-title-group">
  2279.                                    <div class="fitur-header">Kontak Kami</div>
  2280.                                </div>
  2281.                                
  2282.                                <div class="devider desktop-only"></div>
  2283.                            </div>
  2284.                            
  2285.    
  2286.                            
  2287. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  2288.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  2289.        
  2290.                
  2291.    </div>
  2292.      <div class="carousel-inner" style="height: 164px">
  2293.        
  2294.        
  2295.    </div>
  2296. </div>
  2297.                                    
  2298.                        </div>
  2299.                    </div>
  2300.                </div>
  2301.            </div>
  2302.            
  2303.            <div class="guidelines">
  2304.                <div class="guidelines-content desktop-only">
  2305.                    <img src="https://img.viva88athenae.com/guidelines.png" />
  2306.                </div>
  2307.            </div>
  2308.    
  2309.    
  2310.            <div class="bantuan">
  2311.                                <ul class="bantuan-content">
  2312.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  2313.                    <div class="bantuan-devider desktop-only">|</div>
  2314.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  2315.                    <div class="bantuan-devider desktop-only">|</div>
  2316.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  2317.                    <div class="bantuan-devider desktop-only">|</div>
  2318.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  2319.                    <div class="bantuan-devider desktop-only">|</div>
  2320.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  2321.                    <div class="bantuan-devider desktop-only">|</div>
  2322.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  2323.                    <div class="bantuan-devider desktop-only">|</div>
  2324.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  2325.                </ul>
  2326.                            </div>
  2327.    
  2328.    
  2329.            <footer class="footer">
  2330.                <div>
  2331.                    <style>
  2332. /* Mengatur heading semua di center */
  2333. h1, h2, h3, h4, h5, h6 {
  2334.  text-align: center;
  2335.  color: #ffd700; /* Warna emas untuk heading, sebagai contoh */
  2336. }
  2337.  
  2338. /* Mengatur paragraf */
  2339. p {
  2340.  margin: 0 0 1em 0; /* Menambahkan spasi di bawah paragraf */
  2341.  text-align:justify;
  2342. }
  2343.  
  2344. /* Style untuk link agar menonjol */
  2345. a {
  2346.  color: #0088cc; /* Warna biru cerah untuk link */
  2347.  text-decoration: none; /* Menghilangkan underline pada link */
  2348. }
  2349.   #snackbar {
  2350.        visibility: hidden;
  2351.        min-width: 250px;
  2352.        margin-left: -125px;
  2353.        background-color: #728b00;
  2354.        color: white;
  2355.        text-align: center;
  2356.        border-radius: 10px;
  2357.        padding: 10px;
  2358.        text-shadow: 1px 1px 5px rgb(0, 0, 0);
  2359.        position: fixed;
  2360.        z-index: 1;
  2361.        left: 50%;
  2362.        top: 120px;
  2363.        font-size: 14px;
  2364.    }
  2365.  
  2366.    #snackbar.show {
  2367.        visibility: visible;
  2368.        -webkit-animation: fadein 0.8s, fadeout 0.8s 4.5s;
  2369.        animation: fadein 0.8s, fadeout 0.8s 4.5s;
  2370.    }
  2371.  
  2372.    @-webkit-keyframes fadein {
  2373.        from { top: 0; opacity: 0; }
  2374.        to { top: 120px; opacity: 2; }
  2375.    }
  2376.  
  2377.    @keyframes fadein {
  2378.        from { top: 0; opacity: 0; }
  2379.        to { top: 120px; opacity: 2; }
  2380.    }
  2381.  
  2382.    @-webkit-keyframes fadeout {
  2383.        from { top: 120px; opacity: 2; }
  2384.        to { top: 0; opacity: 0; }
  2385.    }
  2386.  
  2387.    @keyframes fadeout {
  2388.        from { top: 120px; opacity: 2; }
  2389.        to { top: 0; opacity: 0; }
  2390.    }
  2391. </style>
  2392. <article>
  2393. <h1>Newtoto88: Solusi E-Commerce Modern untuk Pengusaha Kreatif</h1>
  2394.  
  2395.        <p>Newtoto88 bukan sekadar platform toko online biasa, melainkan sebuah alat revolusioner yang dirancang untuk pengusaha kreatif yang ingin memaksimalkan potensi bisnis mereka di dunia digital. Dengan fitur-fitur inovatif dan fleksibilitas luar biasa, Newtoto88 adalah pilihan utama bagi mereka yang mencari efisiensi dan hasil maksimal.</p>
  2396.  
  2397.        <h2>Keunggulan Newtoto88 untuk Bisnis Anda</h2>
  2398.  
  2399. <p>Newtoto88 menghadirkan solusi yang dirancang khusus untuk memenuhi kebutuhan pengusaha modern. Dibandingkan dengan platform lain, Newtoto88 memiliki banyak kelebihan yang membuatnya unik dan relevan. Berikut beberapa di antaranya:</p>
  2400.  
  2401.        <ul>
  2402.            <li><strong>Fokus pada Pengusaha Kreatif:</strong> Newtoto88 menyediakan alat dan fitur yang mendukung bisnis berbasis seni, kerajinan tangan, atau produk digital.</li>
  2403.            <li><strong>Otomatisasi Cerdas:</strong> Menghemat waktu Anda dengan sistem otomatis untuk pengelolaan inventaris, pemrosesan pesanan, hingga pelaporan penjualan.</li>
  2404.            <li><strong>Marketplace Integrasi:</strong> Memungkinkan Anda untuk menjangkau pasar yang lebih luas melalui integrasi dengan marketplace terkenal.</li>
  2405.            
  2406.        </ul>
  2407.  
  2408.        <h2>Fitur Khusus yang Menonjol di Newtoto88</h2>
  2409.        <ul>
  2410.            <li><strong>Kustomisasi Desain Tingkat Tinggi</strong> Tidak seperti platform lain, Newtoto88 memungkinkan pengguna untuk mendesain toko mereka hingga detail terkecil, menciptakan pengalaman belanja unik yang mencerminkan brand mereka.</li>
  2411.            <li><strong>Analitik Prediktif</strong> Dengan fitur analitik berbasis AI, Newtoto88 membantu Anda memahami pola belanja pelanggan dan memprediksi tren penjualan untuk perencanaan yang lebih baik.</li>
  2412.            <li><strong>Dukungan Komunitas</strong> Selain dukungan teknis 24/7, Newtoto88 memiliki komunitas aktif pengusaha yang dapat berbagi tips, trik, dan inspirasi.</li>
  2413.            
  2414.        </ul>
  2415.        
  2416.        <p>Dengan fitur-fitur tersebut, Newtoto88 memungkinkan Anda untuk fokus pada pengembangan produk dan layanan tanpa harus repot memikirkan teknis operasional.</p>
  2417.  
  2418.        <h2>Langkah-Langkah Memulai dengan Newtoto88</h2>
  2419.        <p>Proses memulai bisnis di Newtoto88 dirancang untuk kemudahan, bahkan bagi pemula sekalipun. Berikut langkah-langkah spesifik yang dapat Anda ikuti:</p>
  2420.        <ul>
  2421.            <li><strong>Identifikasi Target Pasar:</strong> Pastikan Anda mengetahui siapa target pelanggan Anda agar desain toko dan produk lebih relevan.</li>
  2422.            <li><strong>Buat Akun dan Pilih Paket:</strong> Kunjungi situs resmi Newtoto88, daftar, dan pilih paket yang sesuai dengan kebutuhan Anda.</li>
  2423.            <li><strong>Bangun Toko Anda:</strong> Manfaatkan alat kustomisasi untuk menciptakan toko online yang unik dan menarik.</li>
  2424.            <li><strong>Optimalkan SEO:</strong> Gunakan fitur SEO bawaan untuk memastikan toko Anda mudah ditemukan di mesin pencari.</li>
  2425.            <li><strong>Luncurkan dan Promosikan:</strong> Publikasikan toko Anda dan gunakan alat pemasaran seperti email dan media sosial untuk menjangkau lebih banyak pelanggan.</li>
  2426.        </ul>
  2427. <p>Dengan langkah-langkah ini, Anda dapat segera memulai perjalanan Anda menuju kesuksesan e-commerce bersama Newtoto88.</p>
  2428.  
  2429.  
  2430.        <h3>Mengapa Newtoto88 Adalah Pilihan yang Tepat?</h3>
  2431.        <p>Newtoto88 memahami tantangan yang dihadapi pengusaha modern, terutama di era persaingan digital yang semakin ketat. Platform ini menawarkan kombinasi sempurna antara teknologi canggih dan kemudahan penggunaan, menjadikannya solusi ideal untuk berbagai jenis bisnis.</p>
  2432.        <p>Tidak peduli apakah Anda seorang seniman yang ingin menjual karya seni Anda atau seorang pengusaha yang mencari platform untuk produk unik Anda, Newtoto88 adalah mitra yang dapat diandalkan.</p>
  2433.  
  2434.  
  2435. </article>
  2436.  
  2437. <style>
  2438. .footer-container a {
  2439.    text-decoration: none !important;
  2440. }
  2441. .floating[data-v-3a436ca7] {
  2442.    position: fixed;
  2443.    display: grid;
  2444.    left: 0.5rem;
  2445.    width: calc(100% - 1rem);
  2446.    z-index: 99;
  2447.    pointer-events: none;
  2448.    align-items: end;
  2449.    grid-template-columns: repeat(2,minmax(0,1fr));
  2450.    bottom: calc(30px + env(safe-area-inset-bottom) + 3rem);
  2451. }
  2452. .floating a img[data-v-3a436ca7] {
  2453.    display: block;
  2454.    width: 100%;
  2455.    height: 100%;
  2456.    object-fit: contain;
  2457. }
  2458. .floating a[data-v-3a436ca7] {
  2459.    display: block;
  2460.    width: 5rem;
  2461.    height: 5rem;
  2462.    pointer-events: all;
  2463. }
  2464. </style>
  2465.  
  2466. <div class="floating" data-v-3a436ca7=""><div class="floating--left floating--livechat" data-v-3a436ca7="">
  2467.  
  2468. <div class="floating__item" data-v-3a436ca7=""><a href="https://rtpnewtoto88.pics" target="_blank" data-v-3a436ca7=""><img src="https://ovojakarta.com/assets/images/rtp.gif" alt="rtp" data-v-3a436ca7="">
  2469.  
  2470. </a></div>
  2471.  
  2472.  
  2473. </div></div>
  2474.  
  2475. <div id="snackbar" class="show">
  2476. <p id="withdraw"></p>
  2477. </div>
  2478. <script>
  2479.  
  2480.        function loadlink(){
  2481.            var angka_acak = Math.floor(Math.random() * (10001-50)+50);
  2482.    
  2483.            function maketextnumber(n) {
  2484.                for (var r = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z"], e = n, t = new Array, a = 0; a <= e - 1; a++) {
  2485.                    t[a] = r[parseInt(Math.random() * r.length)];
  2486.                    t = t;
  2487.                    randomtextnumber = t.join("")
  2488.                }
  2489.            }
  2490.    
  2491.            var huruf_acak = (maketextnumber(8), randomtextnumber);
  2492.            var huruf_belakang = huruf_acak.substring(6);
  2493.            var huruf_depan = huruf_acak.substring(0, 2);
  2494.    
  2495.            const rupiah = (number)=>{
  2496.                return new Intl.NumberFormat("id-ID", {
  2497.                    style: "currency",
  2498.                    currency: "IDR"
  2499.                }).format(number);
  2500.            }
  2501.    
  2502.            var nominal = rupiah(angka_acak+"000");
  2503.    
  2504.            var baris = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
  2505.    
  2506.            var x = document.getElementById("snackbar");
  2507.            x.className = "show";
  2508.            setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
  2509.            // setTimeout(function(){ x.className = x.className.replace("show", ""); }, 3000);
  2510.    
  2511.            document.getElementById("withdraw").innerHTML = huruf_depan+"**"+huruf_belakang+" Berhasil Withdraw "+nominal;
  2512.            // document.getElementById("withdraw").style.backgroundColor ="red";
  2513.            // document.getElementById("withdraw").width ="30%";
  2514.            // document.getElementById("withdraw").height ="25px";
  2515.        }
  2516.        loadlink();
  2517.        setInterval(function(){
  2518.        loadlink()
  2519.    }, 5000);
  2520.    
  2521. </script>
  2522.  
  2523. <style>
  2524.    
  2525.    
  2526.    @media screen and (max-width: 768px) {
  2527.     .home-progressive-jackpot {
  2528.    color: #fff;
  2529.    padding: 32px 25px 0px 25px;
  2530.    display: flex
  2531. ;
  2532.    flex-direction: column;
  2533. }
  2534. .home-progressive-jackpot .jackpot-play-section {
  2535.    display: flex
  2536. ;
  2537.    flex-direction: column;
  2538.    align-items: center;
  2539. }
  2540. .home-progressive-jackpot .jackpot-container {
  2541.    display: flex
  2542. ;
  2543.    justify-content: center;
  2544.    align-items: center;
  2545.    flex-grow: 2;
  2546.    font-family: 'Open24DisplaySt';
  2547.    font-size: 28px;
  2548.    letter-spacing: 5px;
  2549.    background: #b9ff00;
  2550.    border-radius: 70px;
  2551.    padding: 10px;
  2552. }
  2553. .home-progressive-jackpot .jackpot-inner-container {
  2554.    background-color: #24152c;
  2555.    display: flex
  2556. ;
  2557.    flex-grow: 2;
  2558.    justify-content: center;
  2559.    border-radius: 50px;
  2560.    padding: 8px;
  2561. }
  2562. .home-progressive-jackpot .jackpot-border-container {
  2563.    display: flex
  2564. ;
  2565.    flex-grow: 2;
  2566.    justify-content: center;
  2567.    border-radius: 50px;
  2568.    border: 3px dotted #ffc107;
  2569.    background-color: #24152c;
  2570.    line-height: 30px;
  2571.    padding-bottom: 5px;
  2572. }
  2573. .home-progressive-jackpot .currency {
  2574.    color: #dfb963;
  2575.    margin-right: 10px;
  2576. }
  2577.      
  2578.    }
  2579.    
  2580.  
  2581.    </style>
  2582.    
  2583.    <script>
  2584.    document.addEventListener("DOMContentLoaded", function() {
  2585.      // Only run if jQuery is available
  2586.      if (typeof jQuery === 'undefined') {
  2587.        console.error('jQuery is required but not loaded');
  2588.        return;
  2589.      }
  2590.    
  2591.      // Check if we're on mobile
  2592.      if (window.innerWidth > 768) return;
  2593.    
  2594.      try {
  2595.        // Constants for jackpot calculation
  2596.        const START_AMOUNT = 1131666666;  // Starting amount after midnight reset
  2597.        const TARGET_AMOUNT = 9876543210;  // Target amount before next reset
  2598.        const UPDATE_INTERVAL = 100;  // Update every 100ms
  2599.    
  2600.        // Calculate time until midnight
  2601.        function getTimeUntilMidnight() {
  2602.          const now = new Date();
  2603.          const midnight = new Date(now);
  2604.          midnight.setHours(24, 0, 0, 0);
  2605.          return midnight - now;
  2606.        }
  2607.    
  2608.        // Calculate increment per update to reach target
  2609.        function calculateIncrement() {
  2610.          const timeUntilMidnight = getTimeUntilMidnight();
  2611.          const updates = timeUntilMidnight / UPDATE_INTERVAL;
  2612.          const currentAmount = getCurrentAmount();
  2613.          return Math.ceil((TARGET_AMOUNT - currentAmount) / updates);
  2614.        }
  2615.    
  2616.        // Get current amount based on time of day
  2617.        function getCurrentAmount() {
  2618.          const now = new Date();
  2619.          const midnight = new Date(now);
  2620.          midnight.setHours(0, 0, 0, 0);
  2621.          const msSinceMidnight = now - midnight;
  2622.          const msInDay = 24 * 60 * 60 * 1000;
  2623.          const progress = msSinceMidnight / msInDay;
  2624.          return Math.floor(START_AMOUNT + (TARGET_AMOUNT - START_AMOUNT) * progress);
  2625.        }
  2626.    
  2627.        // Create and insert jackpot element
  2628.        const jackpotTemplate = `
  2629.  
  2630.          
  2631.           <div class="home-progressive-jackpot"><div class="jackpot-container"><div class="jackpot-inner-container"><div class="jackpot-border-container"><div class="progresif-jackpot" style=" padding: 2px 0px 0px 0px; "><span class="currency">IDR</span> <span  class="amount">${new Intl.NumberFormat('en-US').format(getCurrentAmount())}</span></div></div></div></div></div>
  2632.        `;
  2633.    
  2634.        const $loginForm = $('.login-form.form:eq(1)');
  2635.        if (!$loginForm.length) {
  2636.          console.warn('Login form not found');
  2637.          return;
  2638.        }
  2639.    
  2640.        $(jackpotTemplate).insertBefore($loginForm);
  2641.    
  2642.        // Update function
  2643.        let lastUpdate = Date.now();
  2644.        let currentJackpot = getCurrentAmount();
  2645.    
  2646.        function updateJackpot() {
  2647.          const now = Date.now();
  2648.          if (now - lastUpdate < UPDATE_INTERVAL) return;
  2649.    
  2650.          const amountElement = document.querySelector('.progresif-jackpot .amount');
  2651.          if (!amountElement) return;
  2652.    
  2653.          // Check for midnight reset
  2654.          const currentDate = new Date();
  2655.          if (currentDate.getHours() === 0 && currentDate.getMinutes() === 0 && currentDate.getSeconds() === 0) {
  2656.            currentJackpot = START_AMOUNT;
  2657.          } else {
  2658.            const increment = calculateIncrement();
  2659.            currentJackpot = Math.min(currentJackpot + increment, TARGET_AMOUNT);
  2660.          }
  2661.    
  2662.          amountElement.textContent = new Intl.NumberFormat('en-US').format(currentJackpot);
  2663.          lastUpdate = now;
  2664.        }
  2665.    
  2666.        // Use requestAnimationFrame for smooth updates
  2667.        function animate() {
  2668.          updateJackpot();
  2669.          requestAnimationFrame(animate);
  2670.        }
  2671.    
  2672.        // Start animation
  2673.        requestAnimationFrame(animate);
  2674.    
  2675.      } catch(error) {
  2676.        console.error('Error initializing mobile progressive jackpot:', error);
  2677.      }
  2678.    });
  2679.    </script>
  2680.    
  2681.                </div>
  2682.                
  2683.                
  2684.                <div class="footer-group">
  2685.                    <div class="copyright">
  2686.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright NewToto88.</div>
  2687.                        <div>All Rights Reserved.</div>
  2688.                    </div>
  2689.                    <div class="desktop-only">
  2690.                        <div class="d-flex gap-1">
  2691.                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
  2692.                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
  2693.                        </div>
  2694.                    </div>
  2695.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
  2696.                    
  2697.                    <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=e_9ZEbT4tRrmZqGuSQkC5lekmaIxvLUtwKaw9ja3sYk.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
  2698.                        <i class="bi bi-shield-fill-exclamation"></i>
  2699.                        <strong class="ms-1">LAPOR PUSAT</strong>
  2700.                    </button>
  2701.                </div>
  2702.            </footer>
  2703.            
  2704.            
  2705.            
  2706.            <!-- SIDENAV -->
  2707.            <div id="mySidenav" class="sidenav desktop-only">
  2708.                <div id="nav">
  2709.                    <div style="display: flex; align-items: start;">
  2710.                        <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;">
  2711.                            
  2712.                            <img src="/assets/hubungi.png?11">
  2713.                            
  2714.                        </div>
  2715.                        <!--<img id="about" src="/images/kontak.png?4">-->
  2716.                    </div>
  2717.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  2718.                       <div id="" style="padding: 4px">
  2719.                       <img src="/assets/24h.png" style="width: 100%"></img>
  2720.                        </div>
  2721.                    
  2722.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  2723.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  2724.                            
  2725.                                                        
  2726.    
  2727.                        </div>
  2728.                            <div style="margin: 8px">
  2729.                                <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>
  2730.                            </div>
  2731.                    </div>
  2732.                </div>
  2733.            </div>
  2734.        </div>
  2735.        
  2736.        <!--POP UP -->
  2737.        
  2738.        <style>
  2739.        
  2740.                    
  2741.            .modal-dialog {
  2742.                max-width: max-content;
  2743.                margin-top: 180px
  2744.            }
  2745.            
  2746.            .imgpop {
  2747.                border:2px solid #FFF;
  2748.                width: 600px;
  2749.                aspect-ratio: 2;
  2750.                object-fit: cover;
  2751.            }
  2752.  
  2753.            
  2754.            @media only screen and (max-width: 768px) {
  2755.                
  2756.                .modal-dialog {
  2757.                    margin-top: 98px
  2758.                }
  2759.                
  2760.                .imgpop {
  2761.                    width: 100%;
  2762.                }
  2763.                
  2764.            }
  2765.            
  2766.            
  2767.            
  2768.        </style>
  2769.  
  2770.  
  2771.        <!-- Modal -->
  2772.        <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  2773.          <div class="modal-dialog" style="">
  2774.            <div class="modal-content">
  2775.              <div class="modal-body"  style="padding: 0px">
  2776.                <img src="images/upload-Popup-20240430013935.jpg" alt="" class="imgpop"/>
  2777.              </div>
  2778.            </div>
  2779.          </div>
  2780.        </div>
  2781.  
  2782.  <!--<div class="modal fade" id="promo">-->
  2783.  <!--  <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
  2784.  <!--    <div class="modal-content" style="padding:0px; border-radius:0px;">-->
  2785.  <!--      <div class="modal-body" style="padding:0px;">-->
  2786.  <!--          <img src="images/upload-Popup-20240430013935.jpg" alt="" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
  2787.  <!--          <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">&times;</button>-->
  2788.  <!--      </div>-->
  2789.  <!--    </div>-->
  2790.  <!--  </div>-->
  2791.  <!--</div> -->
  2792.        
  2793.        <!-- LIVE CHAT -->
  2794.        <!-- Start of LiveChat (www.livechat.com) code -->
  2795. <script>
  2796.    window.__lc = window.__lc || {};
  2797.    window.__lc.license = 18652554;
  2798.    window.__lc.integration_name = "manual_onboarding";
  2799.    window.__lc.product_name = "livechat";
  2800.    ;(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))
  2801. </script>
  2802. <noscript><a href="https://www.livechat.com/chat-with/18652554/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
  2803. <!-- End of LiveChat code -->
  2804.  
  2805.  
  2806.                                    <script>
  2807.                    $('.verifikasiform').hide();
  2808.                    $('.verifval').val('0');
  2809.                </script>
  2810.                            
  2811.          
  2812.  
  2813.        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  2814.  
  2815.        <script>
  2816.                            if(document.getElementById("promo")) {
  2817.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  2818.                    window.onload = () => {
  2819.                        myModal.show();
  2820.                    }
  2821.                }
  2822.                    
  2823.            var mobileurl = 'm/';
  2824.            
  2825.  
  2826.  
  2827.            var showIDs = [];
  2828.            
  2829.            function showProducts(hoverID) {
  2830.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  2831.  
  2832.                // document.getElementById('hover').classList.add("hover-show");
  2833.                document.getElementById('hover').style.transitionDelay = "0s";
  2834.                document.getElementById('hover').style.visibility = "visible";
  2835.                document.getElementById('hover').style.opacity = "1";
  2836.                document.getElementById(hoverID).style.display = "flex";
  2837.  
  2838.                showIDs.push(hoverID);
  2839.  
  2840.            }
  2841.  
  2842.            function hideProducts(hoverID) {
  2843.                // document.getElementById('hover').classList.remove("hover-show");
  2844.                document.getElementById('hover').style.visibility = "hidden";
  2845.                document.getElementById('hover').style.opacity = "0";
  2846.                document.getElementById('hover').style.transitionDelay = "1s";
  2847.                
  2848.            }
  2849.  
  2850.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  2851.            var marquee = document.getElementById('marquee');
  2852.  
  2853.            function closeContent() {
  2854.                $('#main-content').html("");
  2855.            }
  2856.  
  2857.  
  2858.            function openDaftar() {
  2859.                closeContent();
  2860.                
  2861.                mobileDaftarForm.style.display = "block";
  2862.                mobileDaftarForm.scrollIntoView();
  2863.            }
  2864.  
  2865.            function closeDaftar() {
  2866.                mobileDaftarForm.style.display = "none";
  2867.                marquee.scrollIntoView();
  2868.            }
  2869.            
  2870.            
  2871.            function showProvider(type) {
  2872.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  2873.                $('#main-content').load("new-showprovider.php?type=" + type);
  2874.            }
  2875.            
  2876.            function toggleInformasi(item) {
  2877.                page(item);
  2878.            }
  2879.            
  2880.            function showInformasi(item) {
  2881.                document.getElementById('modal-wrapper').style.display='block';
  2882.                toggleInformasi(item);
  2883.            }
  2884.            
  2885.            
  2886.  
  2887.                    
  2888.        </script>
  2889.        <script src="/js/old/new-webduo35.js?v=1743228191"></script>
  2890.    
  2891.        
  2892.        <!-- POP UP COOKIES -->
  2893.        
  2894. <style>
  2895.    
  2896.        
  2897.    .kebijakan-privasi, .kebijakan-cookies {
  2898.        color: white;
  2899.        text-decoration: underline;
  2900.    }
  2901.    
  2902.        
  2903. </style>
  2904.  
  2905.  
  2906. <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">
  2907.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  2908.        <div>
  2909.    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>  
  2910.  </div>
  2911.  <div>
  2912.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  2913.  </div>
  2914. </div>
  2915. <script>
  2916.    $( "#boxprivacy" ).blur(function() {
  2917.    alert( "Handler for .blur() called." );
  2918. });
  2919. </script>  
  2920.  
  2921.        
  2922.    </body>
  2923. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda