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

  1.  
  2. <!DOCTYPE html>
  3. <html>
  4.    <head>
  5.        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6.        <title>Hermes4D | Media Cetak Online Berteknologi Tinggi</title>
  7.        <meta name="description" content="Hermes4D adalah salah satu bisnis media cetak terkini yang menggunakan teknologi AI paling canggih yang memudahkan pemasaran hingga diluar negri">
  8. <meta name="keywords" content="hermes4d, hermes 4d, hermes4d login, hermes4d rtp, hermes4d link, hermes4d livechat, hermes4d masuk">
  9. <meta name="robots" content="index, follow">
  10. <meta name="robots" content="", follow">
  11. <meta name="language" content="English">
  12. <meta property="og:title" content="Hermes4D | Media Cetak Online Berteknologi Tinggi">
  13. <meta property="og:type" content="website">
  14. <meta property="og:url" content="https://hermes4dindex.com/">
  15. <meta property="og:image" content="https://hermes4di.sgp1.digitaloceanspaces.com/003.jpg">
  16. <meta property="og:description" content="Media Cetak Online Berteknologi Tinggi">
  17. <meta property="og:site_name" content="HERMES4D">
  18. <meta property="og:locale" content="id_ID">
  19. <meta name="twitter:card" content="summary_large_image">
  20. <meta name="twitter:title" content="Hermes4D | Media Cetak Online Berteknologi Tinggi">
  21. <meta name="twitter:description" content="Platform Game Berbasis Online Terbesar Di Indonesia">
  22. <meta name="twitter:image" content="https://hermesford.sgp1.cdn.digitaloceanspaces.com/003.jpg">
  23. <meta name="google-site-verification" content="Xga239dcAPp53SII4JE1KKLTBJpv5Uq3WJG0xmrGeXg" />
  24. <link rel="canonical" href="https://hermes4dindex.com/"/>
  25. <link rel="amphtml" href="https://hmxmoney10.xyz/amphermes4d/"/>
  26.  
  27. <!-- Meta Pixel Code -->
  28. <script>
  29. !function(f,b,e,v,n,t,s)
  30. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  31. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  32. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  33. n.queue=[];t=b.createElement(e);t.async=!0;
  34. t.src=v;s=b.getElementsByTagName(e)[0];
  35. s.parentNode.insertBefore(t,s)}(window, document,'script',
  36. 'https://connect.facebook.net/en_US/fbevents.js');
  37. fbq('init', '1412310586766292');
  38. fbq('track', 'PageView');
  39. </script>
  40. <noscript><img height="1" width="1" style="display:none"
  41. src="https://www.facebook.com/tr?id=1412310586766292&ev=PageView&noscript=1"
  42. /></noscript>
  43. <!-- End Meta Pixel Code -->
  44.  
  45. <!-- TikTok Pixel Code Start -->
  46. <script>
  47. !function (w, d, t) {
  48.  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(
  49. 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")
  50. ;n.type="text/javascript",n.async=!0,n.src=r+"?sdkid="+e+"&lib="+t;e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e)};
  51.  
  52.  
  53.  ttq.load('D1HRPARC77U7F83RT940');
  54.  ttq.page();
  55. }(window, document, 'ttq');
  56. </script>
  57. <!-- TikTok Pixel Code End -->                <meta name="viewport" content="width=1200, initial-scale=0.33">
  58.        
  59.        <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">
  60.        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
  61.        <link rel="stylesheet" href="/style.scss" >
  62.  
  63.        <!--<link rel="stylesheet" href="/css/old/template/BD.css">-->
  64.        <link rel="stylesheet" href="/css/old/template/BD.css">
  65.        <link rel="stylesheet" href="/css/old/variable.css">
  66.        
  67.                <link rel="stylesheet" href="/css/old/dark.css">
  68.                
  69.        <link rel="stylesheet" href="/css/old/style.css">
  70.        <link rel="icon" type="image/png" href="favicon.png">
  71.  
  72.  
  73.        <script src="/js/old/jquery-3.6.4.min.js"></script>
  74.        
  75.        <style>
  76.            
  77.            .login-input-field {
  78.                font-size: 1rem;
  79.            }
  80.            
  81.            .btn-aduan {
  82.                background: linear-gradient(60deg, #b08432, #cfbe87, #b08432);
  83.                -webkit-background-clip: text;
  84.                -webkit-text-fill-color: transparent;
  85.                background-size: 300% 300%;
  86.                animation: gradient 2s ease infinite;
  87.            }
  88.            
  89.            .transaksi-title {
  90.                place-items: start;
  91.            }
  92.  
  93.            
  94.            @media only screen and (max-width: 1000px) {
  95.                
  96.            .transaksi-title {
  97.                place-items: center;
  98.            }
  99.                
  100.                .login-input-field {
  101.                    font-size: 1.2rem;
  102.                }      
  103.            }
  104.            
  105.            
  106.            
  107.        </style>
  108.  
  109.    </head>
  110.    
  111.    
  112.  
  113.    <body id="desktop">
  114.        
  115.        
  116. <div id="hover" class="hover desktop-only">
  117.  
  118.    <div id="hover-togel" class="hover-menu">
  119.        <a href="/?content=register" class="hover-item">
  120.            <figure><img src="https://img.viva88athenae.com//icon-togel1.png" alt="PAY4D"></figure>
  121.            <figcaption>TOGEL</figcaption>
  122.        </a>          
  123.    </div>
  124.  
  125.    <div id="hover-slot" class="hover-menu">
  126.        <a href="/?content=slot&provider=pp" class="hover-item">
  127.            <figure><img src="https://img.viva88athenae.com//slot-prag.png" alt="PRAGMATIC PLAY"></figure>
  128.            <figcaption>PRAGMATIC PLAY</figcaption>
  129.        </a>
  130.  
  131.        <a href="/?content=slot&provider=pg" class="hover-item">
  132.            <figure><img src="https://img.viva88athenae.com//slot-pg.png" alt="PG SOFT"></figure>
  133.            <figcaption>PG SOFT</figcaption>
  134.        </a>
  135.  
  136.        <a href="/?content=slot&provider=hb" class="hover-item">
  137.            <figure><img src="https://img.viva88athenae.com//slot-hab.png" alt="HABANERO"></figure>
  138.            <figcaption>HABANERO</figcaption>
  139.        </a>
  140.  
  141.        <a href="/?content=slot&provider=jl" class="hover-item">
  142.            <figure><img src="https://img.viva88athenae.com//slot-jl.png" alt="JILI"></figure>
  143.            <figcaption>JILI</figcaption>
  144.        </a>
  145.        
  146.        <a href="/?content=slot&provider=sg" class="hover-item">
  147.            <figure><img src="https://img.viva88athenae.com//slot-spad.png" alt="SPADEGAMING"></figure>
  148.            <figcaption>SPADEGAMING</figcaption>
  149.        </a>
  150.  
  151.        <a href="/?content=slot&provider=nxt" class="hover-item">
  152.            <figure><img src="https://img.viva88athenae.com//slot-nxt.png" alt="NEXTSPIN"></figure>
  153.            <figcaption>NEXTSPIN</figcaption>
  154.        </a>
  155.        
  156.        <a href="/?content=slot&provider=fgs" class="hover-item">
  157.            <figure><img src="https://img.viva88athenae.com//slot-fgs.png" alt="5G GAMES"></figure>
  158.            <figcaption>5G GAMES</figcaption>
  159.        </a>
  160.  
  161.        <a href="/?content=slot&provider=jg" class="hover-item">
  162.            <figure><img src="https://img.viva88athenae.com//slot-jok.png" alt="JOKER"></figure>
  163.            <figcaption>JOKER</figcaption>
  164.        </a>
  165.  
  166.        <a href="/?content=slot&provider=mg" class="hover-item">
  167.            <figure><img src="https://img.viva88athenae.com//slot-mg.png" alt="MICROGAMING"></figure>
  168.            <figcaption>MICROGAMING</figcaption>
  169.        </a>
  170.  
  171.        <a href="/?content=slot&provider=hks" class="hover-item">
  172.            <figure><img src="https://img.viva88athenae.com//slot-hks.png" alt="HACKSHAW GAMING"></figure>
  173.            <figcaption>HACKSAW GAMING</figcaption>
  174.        </a>
  175.  
  176.        <a href="/?content=slot&provider=fs" class="hover-item">
  177.            <figure><img src="https://img.viva88athenae.com//slot-fs.png" alt="FASTSPIN"></figure>
  178.            <figcaption>FASTSPIN</figcaption>
  179.        </a>
  180.  
  181.        <a href="/?content=slot&provider=nlc" class="hover-item">
  182.            <figure><img src="https://img.viva88athenae.com//slot-nlc.png" alt="NOLIMIT CITY"></figure>
  183.            <figcaption>NOLIMIT CITY</figcaption>
  184.        </a>
  185.        
  186.        <a href="/?content=slot&provider=ps" class="hover-item">
  187.            <figure><img src="https://img.viva88athenae.com//slot-ps.png" alt="PLAYSTAR"></figure>
  188.            <figcaption>PLAYSTAR</figcaption>
  189.        </a>
  190.  
  191.        <a href="/?content=slot&provider=pt" class="hover-item">
  192.            <figure><img src="https://img.viva88athenae.com//slot-pt.png" alt="PLAYTECH"></figure>
  193.            <figcaption>PLAYTECH</figcaption>
  194.        </a>
  195.  
  196.        <a href="/?content=slot&provider=adv" class="hover-item">
  197.            <figure><img src="https://img.viva88athenae.com//slot-adv.png" alt="ADVANT PLAY"></figure>
  198.            <figcaption>ADVANT PLAY</figcaption>
  199.        </a>
  200.  
  201.        <a href="/?content=slot&provider=l22" class="hover-item">
  202.            <figure><img src="https://img.viva88athenae.com//slot-l22.png" alt="LIVE22"></figure>
  203.            <figcaption>LIVE22</figcaption>
  204.        </a>
  205.        
  206.        <!-- <a href="/?content=slot&provider=nte" class="hover-item">
  207.            <figure><img src="https://img.viva88athenae.com//slot-nte.png" alt="NETENT"></figure>
  208.            <figcaption>NETENT</figcaption>
  209.        </a> -->
  210.        
  211.        <a href="/?content=slot&provider=cq9" class="hover-item">
  212.            <figure><img src="https://img.viva88athenae.com//slot-cq9.png" alt="CQ9"></figure>
  213.            <figcaption>CQ9</figcaption>
  214.        </a>    
  215.      
  216.        <!-- <a href="/?content=slot&provider=ttg" class="hover-item">
  217.            <figure><img src="https://img.viva88athenae.com//slot-ttg.png" alt="TOPTREND GAMING"></figure>
  218.            <figcaption>TOPTREND GAMING</figcaption>
  219.        </a> -->
  220.  
  221.        <a href="/?content=slot&provider=ss" class="hover-item">
  222.            <figure><img src="https://img.viva88athenae.com//slot-sbo.png" alt="SBO SLOT"></figure>
  223.            <figcaption>SBO SLOT</figcaption>
  224.        </a>
  225.    </div>
  226.  
  227.    <div id="hover-live" class="hover-menu" >
  228.        <a href="/?content=casino&provider=pplc" class="hover-item">
  229.            <figure><img src="https://img.viva88athenae.com//live-pp.png" alt="PRAGMATIC PLAY"></figure>
  230.            <figcaption>PRAGMATIC PLAY</figcaption>
  231.        </a>
  232.  
  233.        <a href="/?content=casino&provider=evo" class="hover-item">
  234.            <figure><img src="https://img.viva88athenae.com//live-evo.png" alt="EVOLUTION"></figure>
  235.            <figcaption>EVOLUTION</figcaption>
  236.        </a>
  237.  
  238.        <a href="/?content=casino&provider=mg" class="hover-item">
  239.            <figure><img src="https://img.viva88athenae.com//live-mg.png" alt="MICRO GAMING"></figure>
  240.            <figcaption>MICROGAMING</figcaption>
  241.        </a>
  242.  
  243.        <a href="/?content=casino&provider=ion" class="hover-item">
  244.            <figure><img src="https://img.viva88athenae.com//live-ion.png" alt="ION CASINO"></figure>
  245.            <figcaption>ION CASINO</figcaption>
  246.        </a>
  247.  
  248.        <a href="/?content=casino&provider=sx" class="hover-item">
  249.            <figure><img src="https://img.viva88athenae.com//live-sg.png" alt="SEXY GAMING"></figure>
  250.            <figcaption>SEXY GAMING</figcaption>
  251.        </a>
  252.  
  253.        <a href="/?content=casino&provider=sa" class="hover-item">
  254.            <figure><img src="https://img.viva88athenae.com//live-sagaming.png" alt="SA GAMING"></figure>
  255.            <figcaption>SA GAMING</figcaption>
  256.        </a>  
  257.  
  258.        <a href="/?content=casino&provider=ab" class="hover-item">
  259.            <figure><img src="https://img.viva88athenae.com//live-all.png" alt="ALLBET"></figure>
  260.            <figcaption>ALLBET</figcaption>
  261.        </a>
  262.  
  263.        <a href="/?content=casino&provider=gmnl" class="hover-item">
  264.            <figure><img src="https://img.viva88athenae.com//live-gmnl.png" alt="GEMINI LIVE"></figure>
  265.            <figcaption>GEMINI LIVE</figcaption>
  266.        </a>
  267.  
  268.        <a href="/?content=casino&provider=og" class="hover-item">
  269.            <figure><img src="https://img.viva88athenae.com//live-opus.png" alt="OPUS PLUS"></figure>
  270.            <figcaption>OPUS PLUS</figcaption>
  271.        </a>
  272.  
  273.        <a href="/?content=casino&provider=sbol" class="hover-item">
  274.            <figure><img src="https://img.viva88athenae.com//live-sbo.png" alt="SBOBET CASINO"></figure>
  275.            <figcaption>SBOBET CASINO</figcaption>
  276.        </a>    
  277.    </div>
  278.  
  279.    <div id="hover-sport" class="hover-menu">
  280.        <a href="/?content=register" class="hover-item">
  281.            <figure><img src="https://img.viva88athenae.com//sport-saba.png" alt="SABA"></figure>
  282.            <figcaption>SABA</figcaption>
  283.        </a>
  284.  
  285.        <a href="/?content=register" class="hover-item">
  286.            <figure><img src="https://img.viva88athenae.com//sport-sbo.png" alt="SBOBET"></figure>
  287.            <figcaption>SBOBET</figcaption>
  288.        </a>
  289.        
  290.        <a href="/?content=register" class="hover-item">
  291.            <figure><img src="https://img.viva88athenae.com//sport-cmd.png" alt="CMD368"></figure>
  292.            <figcaption>CMD368</figcaption>
  293.        </a>  
  294.  
  295.        <!-- <a href="/?content=register" class="hover-item">
  296.            <figure><img src="https://img.viva88athenae.com//sport-pin.png" alt="PINNACLE"></figure>
  297.            <figcaption>PINNACLE</figcaption>
  298.        </a>   -->
  299.    <a href="/?content=register" class="hover-item">
  300.            <figure><img src="https://img.viva88athenae.com//sport-tf.png" alt="TFGAMING"></figure>
  301.            <figcaption>TFGAMING</figcaption>
  302.        </a>        
  303.    </div>
  304.  
  305.    <div id="hover-fishing" class="hover-menu">
  306.        <a href="/?content=fish&provider=jl" class="hover-item">
  307.            <figure><img src="https://img.viva88athenae.com//fish-jl.png" alt="JILI"></figure>
  308.            <figcaption>JILI</figcaption>
  309.        </a>
  310.    
  311.        <a href="/?content=fish&provider=sg" class="hover-item">
  312.            <figure><img src="https://img.viva88athenae.com//fish-sg.png" alt="SPADE GAMING"></figure>
  313.            <figcaption>SPADE GAMING</figcaption>
  314.        </a>
  315.  
  316.        <a href="/?content=fish&provider=fs" class="hover-item">
  317.            <figure><img src="https://img.viva88athenae.com//fish-fs.png" alt="FASTSPIN"></figure>
  318.            <figcaption>FASTSPIN</figcaption>
  319.        </a>
  320.  
  321.        <!-- <a href="/?content=fish&provider=ps" class="hover-item">
  322.            <figure><img src="https://img.viva88athenae.com//fish-ps.png" alt="PLAYSTAR"></figure>
  323.            <figcaption>PLAYSTAR</figcaption>
  324.        </a>
  325.  
  326.    <a href="/?content=fish&provider=l22" class="hover-item">
  327.            <figure><img src="https://img.viva88athenae.com//fish-l22.png" alt="LIVE22"></figure>
  328.            <figcaption>LIVE22</figcaption>
  329.        </a>  -->
  330.  
  331.    </div>
  332.  
  333.    <div id="hover-sabung" class="hover-menu">
  334.        <a href="/?content=sabung&provider=ws" class="hover-item">
  335.            <figure><img src="https://img.viva88athenae.com//sabung-ws.png" alt="WS168"></figure>
  336.            <figcaption>WS168</figcaption>
  337.        </a>
  338.    </div>
  339.    
  340.    <div id="hover-interactive" class="hover-menu">
  341.    <a href="/?content=interactive&provider=gmn" class="hover-item">
  342.            <figure><img src="https://img.viva88athenae.com//interactive-gmn.png" alt="GEMINI"></figure>
  343.            <figcaption>GEMINI</figcaption>
  344.        </a>
  345.  
  346.        <a href="/?content=interactive&provider=jl" class="hover-item">
  347.            <figure><img src="https://img.viva88athenae.com//interactive-jl.png" alt="JILI"></figure>
  348.            <figcaption>JILI</figcaption>
  349.        </a>
  350.  
  351.        <a href="/?content=interactive&provider=jg" class="hover-item">
  352.            <figure><img src="https://img.viva88athenae.com//interactive-jok.png" alt="JOKER"></figure>
  353.            <figcaption>JOKER</figcaption>
  354.        </a>
  355.  
  356.        <a href="/?content=interactive&provider=mg" class="hover-item">
  357.            <figure><img src="https://img.viva88athenae.com//interactive-mg.png" alt="MICROGAMING"></figure>
  358.            <figcaption>MICRO GAMING</figcaption>
  359.        </a>
  360.  
  361.        <a href="/?content=interactive&provider=hks" class="hover-item">
  362.            <figure><img src="https://img.viva88athenae.com//interactive-hks.png" alt="HACKSHAW GAMING"></figure>
  363.            <figcaption>HACKSAW GAMING</figcaption>
  364.        </a>
  365.  
  366.        <a href="/?content=interactive&provider=pt" class="hover-item">
  367.            <figure><img src="https://img.viva88athenae.com//interactive-pt.png" alt="PLAYTECH"></figure>
  368.            <figcaption>PLAYTECH</figcaption>
  369.        </a>
  370.  
  371.        <!-- <a href="/?content=interactive&provider=ps" class="hover-item">
  372.            <figure><img src="https://img.viva88athenae.com//interactive-ps.png" alt="PLAYSTAR"></figure>
  373.            <figcaption>PLAYSTAR</figcaption>
  374.        </a>  -->
  375.    </div>
  376.  
  377.  
  378.  
  379. </div>
  380. <style>
  381.    .my-navbar {
  382.        height: 52px;
  383.        padding: 0px;
  384.        width: 100%;
  385.        background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.6) 100%), var(--primary-color);
  386.        position: fixed;
  387.        bottom: 0;
  388.        color: white;
  389.        z-index: 1100;
  390.        display: flex;
  391.        box-shadow: 0px -4px 3px rgba(0, 0, 0, 0.75);
  392.    }
  393.    
  394.    .navbar-item {
  395.        height: 100%;
  396.        width: 100%;
  397.        display: flex;
  398.        flex-direction: column;
  399.        align-items: center;
  400.        justify-content: center;
  401.    }
  402.    
  403.    .navbar-item-content {
  404.        display: flex;
  405.        flex-direction: column;
  406.        justify-content: center;
  407.        align-items: center;
  408.        position: absolute;
  409.        top: -16px
  410.    }
  411.    
  412.    .navbar-item-content>i {
  413.         font-size: 20px;
  414.         line-height: 22px;
  415.         color: white;
  416.         padding-bottom: 4px;
  417.    }
  418.    
  419.    .navbar-item-content>img {
  420.         height: 36px;
  421.         width: 36px;
  422.    }
  423.    
  424.    .navbar-item-content>label {
  425.        white-space: nowrap;
  426.        margin-top: 4px;
  427.        font-weight: bold;
  428.        font-size: var(--text-size-default);
  429.        color: white
  430.    }
  431.    
  432.    .speed-dial-item {
  433.        opacity: 0;
  434.        visibility: hidden;
  435.        transform: translateY(10px);
  436.        transition: opacity 0.3s ease, transform 0.3s ease;
  437.    }
  438.    
  439.    .speed-dial-active .speed-dial-item {
  440.        opacity: 1;
  441.        visibility: visible;
  442.        transform: translateY(0);
  443.    }
  444.    
  445.    /* Delay each item’s appearance */
  446.    .speed-dial-active .speed-dial-item:nth-child(2) { transition-delay: 0.05s; }
  447.    .speed-dial-active .speed-dial-item:nth-child(3) { transition-delay: 0.1s; }
  448.    .speed-dial-active .speed-dial-item:nth-child(4) { transition-delay: 0.15s; }
  449.    .speed-dial-active .speed-dial-item:nth-child(5) { transition-delay: 0.2s; }
  450.    .speed-dial-active .speed-dial-item:nth-child(6) { transition-delay: 0.25s; }      
  451.  
  452.    
  453. </style>
  454.  
  455.  
  456. <div class="mobile-only" >
  457.        <div class="my-navbar">
  458.            <a href="/" class="navbar-item" style="position: relative">
  459.                <div class="navbar-item-content">
  460.                    <img src="https://img.viva88athenae.com//beranda.png"/>
  461.                    <label>BERANDA</label>
  462.                </div>
  463.            </a>
  464.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  465.            <a href="/m/promosi.php"  class="navbar-item">
  466.                <div class="navbar-item-content">
  467.                    <img src="https://img.viva88athenae.com//promosi.png"/>
  468.                    <label>PROMOSI</label>
  469.                </div>
  470.            </a>
  471.            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  472.            <a href="/m/event.php"  class="navbar-item">
  473.                <div class="navbar-item-content">
  474.                    <img src="https://img.viva88athenae.com//events.png"/>
  475.                    <label>EVENT</label>
  476.                </div>
  477.            </a>
  478.            
  479.                                
  480.                    <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  481.                    <a href="https://api.whatsapp.com/send/?phone=%2B6282267488952&text&type=phone_number&app_absent=0" target='_blank'  class="navbar-item">
  482.                        <div class="navbar-item-content">
  483.                            <img src="https://img.viva88athenae.com//whatsapp.png"/>
  484.                            <label>WHATSAPP</label>
  485.                        </div>
  486.                    </a>
  487.                    
  488.                                    
  489.            
  490.            
  491.            
  492.            
  493.                            <div style="height: 36px; width: 3px; background: black; margin: auto"></div>
  494.                <a href="https://direct.lc.chat/13325190/"  target="_blank" class="navbar-item">
  495.                <div class="navbar-item-content">
  496.                    <img src="https://img.viva88athenae.com//livechat.png"/>
  497.                    <label>LIVECHAT</label>
  498.                </div>
  499.                </a>
  500.            
  501.        </div>
  502. </div>
  503.  
  504. <script>
  505.    document.addEventListener("DOMContentLoaded", function () {
  506.    const speedDialBtn = document.querySelector(".speed-dial-btn");
  507.    const speedDialItems = document.querySelectorAll(".speed-dial-item");
  508.    let isOpen = false;
  509.  
  510.    speedDialBtn.addEventListener("click", function () {
  511.        isOpen = !isOpen;
  512.  
  513.        speedDialItems.forEach((item, index) => {
  514.            if (isOpen) {
  515.                item.style.opacity = "1";
  516.                item.style.visibility = "visible";
  517.                item.style.transform = "translateY(0)";
  518.                item.style.transitionDelay = `${index * 0.05}s`; // Stagger effect
  519.            } else {
  520.                item.style.opacity = "0";
  521.                item.style.visibility = "hidden";
  522.                item.style.transform = "translateY(10px)";
  523.                item.style.transitionDelay = `${(speedDialItems.length - index) * 0.05}s`; // Reverse stagger
  524.            }
  525.        });
  526.    });
  527. });
  528. </script>        
  529.        
  530.        
  531.        <div id="top" class="wrapper">
  532.  
  533.            
  534.                
  535.            <header class="header">
  536.                <div class="header-content">
  537.                    <div class="logo" href="/">
  538.                        <a href='/'><img src="/images/logoweb.png"  class='logoimg' alt=""></a>
  539.                    </div>
  540.                    
  541.                    <div id="marquee-mobile" class="marquee mobile-only">
  542.                        <div class="marquee-content">
  543.                            <div class="d-flex align-items-center gap-2">
  544.                                <i class="bi bi-volume-down" style="padding: 0 4px; font-size: 24px"></i>
  545.                            </div>
  546.                            <div class="running">
  547.                                <div class="marquee-shadow"></div>
  548.                                <marquee behavior="scroll" direction="" id="broadcast" style="width: 100%"></marquee>
  549.                            </div>
  550.                            <div class="d-flex align-items-center gap-2">
  551.                            </div>
  552.                        </div>
  553.                    </div>
  554.                    
  555.                    <div class="mslider mobile-only">
  556.                                            </div>
  557.                    
  558.                    <div class="login">
  559.                    
  560.                            <div id="desktoplogin" class="desktop-only">
  561.                                <form class="login-form form" role="form">
  562.                                    <div id="msgbox" style="margin-right: 8px; color: #b29459; font-size: 1rem"></div>
  563.                                    <div class="input-group login-field">
  564.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  565.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Nama Akun" aria-label="Username">
  566.                                    </div>
  567.                                    
  568.                                    <div id="marquee" class="marquee mobile-only">
  569.                                        <div class="marquee-content">
  570.                                            <div class="d-flex align-items-center gap-2">
  571.                                                <i class="bi bi-megaphone-fill desktop-only"></i>
  572.                                            </div>
  573.                                            <div class="running">
  574.                                                <div class="marquee-shadow"></div>
  575.                                                <marquee behavior="" direction="" id="broadcast"></marquee>
  576.                                            </div>
  577.                                        </div>
  578.                                    </div>
  579.                                    
  580.                                    
  581.                                    <div class="input-group login-field">
  582.                                        <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>
  583.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Kata Sandi" aria-label="Password">
  584.                                    </div>
  585.                                    
  586.                                    <div class="verifikasiform" style="display: flex; gap: 2px;">
  587.                                        <span id="verifikasi"><img src="/capimg.php" width="40" height="30" style="border:1px #999 solid;"></span>
  588.                                        <input type="text" class="form-control login-field" name="verifikasi" id="verform"  style="width:40px;height: 30px !important" autocomplete="off">
  589.                                    </div>
  590.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  591.        
  592.        
  593.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  594.                                    <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>
  595.  
  596.                                    <input type="hidden" name="task" value="login">    
  597.                                    <input type="hidden" name="logindesktop" value="E5yRm/lETOnW5LORMKj9okFJAad60NTaBJs6BerLXSk=">
  598.                                </form>
  599.                            </div>
  600.                        
  601.                        
  602.                        
  603.                            <div id="mobilelogin" class="mobile-only" style="width: 100%">
  604.                                <form class="login-form form" style="padding: 0px; padding-top: 32px" role="form">
  605.                                    <div id="msgbox" style="font-size: 1rem; width: 100%"></div>
  606.                                    <div class="input-group login-field">
  607.                                        <span class="input-group-text prepend mobile-only "><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  608.                                        <input type="text" name="username" class="form-control login-input-field username" placeholder="Username" aria-label="Username">
  609.                                    </div>
  610.                                    <div class="input-group login-field">
  611.                                        <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>
  612.                                        <input type="password" name="password" class="form-control login-input-field password" placeholder="Password" aria-label="Password">
  613.                                    </div>
  614.                                    
  615.                                    
  616.                                    <div class="verifikasiform w-100">
  617.                                        
  618.                                                                                        <span id="verifikasi"><img src="/m/capimg.php?3715" width="100%" height="44" style="border-radius: 5px;"></span>
  619.                                                <div class="input-group login-field mt-1">
  620.                                                    <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>
  621.                                                   <input type="text" class="form-control login-input-field" name="verifikasi" id="verform" autocomplete="off" placeholder="Verifikasi">
  622.                                                </div>
  623.                                        
  624.                                    </div>
  625.  
  626.                                    <input type="hidden" name="verif" id="verifval" class="verifval" value="1">
  627.        
  628.        
  629.                                    <button type="submit" value="Masuk" class="btn btn-masuk fw-bold p-0 px-2 submit">Masuk</button>
  630.                                    <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>
  631.  
  632.                                    
  633.                                    <input type="hidden" name="task" value="login">    
  634.                                    <input type="hidden" name="loginmobile" value="E5yRm/lETOnW5LORMKj9okFJAad60NTaBJs6BerLXSk=">
  635.                                </form>
  636.                            </div>
  637.                            
  638.                                                    
  639.                            <div id="mobile-daftar-form" style="width: 100%; display: none">
  640.                                    <div id="mobileregister">
  641.                                   <form id="formRegister" class="login-form  p-0 pt-4">
  642.                                           <div id="statusRegister" style="margin-bottom: 5px; width: 100%"></div>
  643.                                            <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>
  644.                                            <div class="input-group login-field">
  645.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-circle prepend-icon"></i></div></span>
  646.                                                <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">
  647.                                            </div>
  648.                                            <div class="input-group login-field">
  649.                                                <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>
  650.                                                <input type="password" class="form-control login-input-field" id="reg_pass" name="pass" placeholder="Password (6 karakter atau lebih)">
  651.                                            </div>
  652.                                            <div class="input-group login-field">
  653.                                                <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>
  654.                                                <input type="password" class="form-control login-input-field" id="reg_passcon" name="passcon" placeholder="Password sekali lagi">
  655.                                            </div>
  656.                                            <div class="input-group login-field">
  657.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-envelope-fill prepend-icon"></i></div></span>
  658.                                                <input type="text" class="form-control login-input-field" id="reg_email" name="email" placeholder="Email">
  659.                                            </div>
  660.                                            <div class="input-group login-field">
  661.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-telephone-fill prepend-icon"></i></div></span>
  662.                                                <input type="text" class="form-control login-input-field"  id="reg_telpon" name="telpon" class="form-control" placeholder="Telpon">
  663.                                            </div>
  664.                                            
  665.                                            <div class="input-group login-field">
  666.                                                <select class="form-select login-input-field"  name="bank" id="reg_bank">
  667.                                             <option value="">Pilih Bank</option>
  668.                             <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='Danamon'>Danamon</option><option value='Permata'>Permata</option><option value='BJB'>BJB</option><option value='PANIN'>PANIN</option><option value='OCBC'>OCBC</option><option value='DKI'>DKI</option><option value='SUMUT'>SUMUT</option><option value='BSI'>BSI</option><option value='NEO'>NEO</option><option value='JAGO'>JAGO</option><option value='SeaBank'>SeaBank</option><option value='Sinarmas'>Sinarmas</option><option value='Mega'>Mega</option><option value='Jenius'>Jenius</option><option value='DANA'>DANA</option><option value='OVO'>OVO</option><option value='ShopeePay'>ShopeePay</option><option value='GOPAY'>GOPAY</option><option value='LinkAja'>LinkAja</option><option value='Sakuku'>Sakuku</option>                                                </select>
  669.                                            </div>
  670.                        
  671.                                            <div class="input-group login-field">
  672.                                                <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>
  673.                                                <input type="text" class="form-control login-input-field" name="rek" id="reg_rek" placeholder="No Rekening">
  674.                                            </div>
  675.                                            <div class="input-group login-field">
  676.                                                <span class="input-group-text mobile-only prepend"><div class="h-100 center"><i class="bi bi-person-fill prepend-icon"></i></div></span>
  677.                                                <input type="text" class="form-control login-input-field" name="nama" id="reg_nama" placeholder="Nama Rekening">
  678.                                            </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-file-earmark-person-fill prepend-icon"></i></div></span>
  681.                                                <input type="text" class="form-control login-input-field" name="ref" type="text" id="reg_ref" placeholder="Username Referal bila ada" >
  682.                                            </div>
  683.                                            <!-- <input type="text" class="form-control" placeholder="Nama Akun" aria-label="Nama Akun">
  684.                                            <input type="password" class="form-control" placeholder="Kata Sandi" aria-label="Kata Sandi"> -->
  685.                                            
  686.                                                                              
  687.                                  <div class="w-100 my-1">
  688.                                      <div id="capverifikasi">
  689.                                          <img src="m/capreg.php" width="100%" style="border-radius: 5px;margin-top: -3px; height: 44px">
  690.                                      </div>
  691.                                    
  692.                                     <div class="input-group login-field mt-1">
  693.                                                    <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>
  694.                                                   <input type="text" class="form-control login-input-field" name="regverifikasi" id="reg_verifikasi" placeholder="Verifikasi" style="padding: 10px;" autocomplete="off">
  695.                                                </div>
  696.                                    
  697.                                  </div>
  698.  
  699.                                                                          
  700.                                                <button type="submit" class="btn btn-masuk fw-bold p-0 px-2" value="Register"  id="buttonRegister">Daftar</button>
  701.                                                <input type="hidden" name="task" value="register">
  702.                                                <input type="hidden" name="regmobile" value="0XdVDyIWJDhqSoFgQgf+3A6aQFFHrwPivQ+uuo/LP3g=">
  703.                                                <button type="button" class="btn btn-secondary fw-bold p-0 px-2"  value="Close" onClick="closeDaftar()" id="buttonClose">Close</button>
  704.                                    </form>
  705.                                </div>            
  706.                        </div>
  707.                    </div>
  708.    
  709.                    <div class="menu">
  710.                        <div class="menu-item desktop-only">
  711.    <label><a href="/"><i class="bi bi-house-door-fill"></i></a></label>
  712. </div>
  713. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  714.  
  715.    <a href="/?content=register" class="menu-item" onmouseover="showProducts('hover-togel')" onmouseout="hideProducts('hover-togel')">
  716.        <!--<img class="mobile-only" src="assets/togel.png" alt="">-->
  717.        <label>TOGEL</label>
  718.    </a>
  719.    
  720.    <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  721.  
  722.  
  723. <a href="/?content=slot" class="menu-item" onmouseover="showProducts('hover-slot')" onmouseout="hideProducts('hover-slot')">
  724.    <!--<img class="mobile-only" src="assets/slot.png" alt="">-->
  725.    <label>SLOT</label>
  726. </a>
  727. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  728. <a href="/?content=casino" class="menu-item" onmouseover="showProducts('hover-live')" onmouseout="hideProducts('hover-live')">
  729.    <!--<img class="mobile-only" src="assets/live.png" alt="">-->
  730.    <label>LIVE CASINO</label>
  731. </a>
  732. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  733. <a href="/?content=sport" class="menu-item" onmouseover="showProducts('hover-sport')" onmouseout="hideProducts('hover-sport')">
  734.    <!--<img class="mobile-only" src="assets/sport.png" alt="">-->
  735.    <label>SPORT</label>
  736. </a>
  737. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  738. <a href="/?content=fish" class="menu-item" onmouseover="showProducts('hover-fishing')" onmouseout="hideProducts('hover-fishing')">
  739.    <!--<img class="mobile-only" src="assets/fishing.png" alt="">-->
  740.    <label>ARCADE</label>
  741. </a>
  742. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  743. <a href="/?content=sabung" class="menu-item" onmouseover="showProducts('hover-sabung')" onmouseout="hideProducts('hover-sabung')">
  744. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  745.    <label>SABUNG</label>
  746. </a>
  747. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  748. <a href="/?content=interactive" class="menu-item" onmouseover="showProducts('hover-interactive')" onmouseout="hideProducts('hover-interactive')">
  749. <!--    <img class="mobile-only" src="assets/sabung.png" alt="">-->
  750.    <label>INTERACTIVE</label>
  751. </a>
  752.  
  753. <span class="desktop-only" style="color: var(--menu-item-color)">|</span>
  754.                    </div>
  755.                                        
  756.  
  757.  
  758.                    <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)">
  759.                        
  760.                        
  761.                            <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)">
  762.                                <i class="bi bi-caret-left-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  763.                            </div>
  764.                            
  765.                            <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)">
  766.                                <i class="bi bi-caret-right-fill" style="font-size: 16px; color: var(--marquee-color)"></i>
  767.                            </div>
  768.                        
  769.                        
  770.                        <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)">
  771.                        
  772.                        
  773.                            <div style="white-space: nowrap; height: 100%; font-size: 0px">
  774.                                                                                
  775.                                        <a href="#togel-mobile" style="height: 100%; width: 92px; display: inline-block;">
  776.                                            <div style="display: grid; place-items: center; height: 100%">
  777.                                                <div class="menu-item">
  778.                                                    <img class="mobile-only" src="https://img.viva88athenae.com//icon-togel.png" alt="">
  779.                                                    <label>TOGEL</label>
  780.                                                </div>
  781.                                            </div>
  782.                                        </a>
  783.                                            
  784.                                                                        <div style="height: 100%; width: 92px; display: inline-block;">
  785.                                        <div style="display: grid; place-items: center; height: 100%">
  786.                                            <div class="menu-item" onclick="showProvider('slot')">
  787.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-slot.png" alt="">
  788.                                                <label>SLOT</label>
  789.                                            </div>
  790.                                        </div>
  791.                                    </div>
  792.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  793.                                        <div style="display: grid; place-items: center; height: 100%">
  794.                                            <div class="menu-item" onclick="showProvider('casino')">
  795.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-live.png" alt="">
  796.                                                <label>LIVE CASINO</label>
  797.                                            </div>
  798.                                        </div>
  799.                                    </div>
  800.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  801.                                        <div style="display: grid; place-items: center; height: 100%">
  802.                                            <div href="/sport" class="menu-item" onclick="showProvider('sport')">
  803.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sport.png" alt="">
  804.                                                <label>SPORT</label>
  805.                                            </div>
  806.                                        </div>
  807.                                    </div>
  808.                                    <!--<div style="height: 100%; width: 92px; display: inline-block;">-->
  809.                                    <!--    <div style="display: grid; place-items: center; height: 100%">-->
  810.                                    <!--        <div class="menu-item" onclick="showProvider('esport')">-->
  811.                                    <!--            <img class="mobile-only" src="https://img.viva88athenae.com//icon-esport.png" alt="">-->
  812.                                    <!--            <label>E-SPORT</label>-->
  813.                                    <!--        </div>-->
  814.                                    <!--    </div>-->
  815.                                    <!--</div>-->
  816.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  817.                                        <div style="display: grid; place-items: center; height: 100%">
  818.                                        <div class="menu-item" onclick="showProvider('fish')">
  819.                                            <img class="mobile-only" src="https://img.viva88athenae.com//icon-fishing.png" alt="">
  820.                                            <label>ARCADE</label>
  821.                                        </div>
  822.                                        </div>
  823.                                    </div>
  824.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  825.                                        <div style="display: grid; place-items: center; height: 100%">
  826.                                            <div class="menu-item" onclick="showProvider('sabung')">
  827.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-sabung.png" alt="">
  828.                                                <label>SABUNG</label>
  829.                                            </div>
  830.                                        </div>
  831.                                    </div>
  832.                                    
  833.                                    <div style="height: 100%; width: 92px; display: inline-block;">
  834.                                        <div style="display: grid; place-items: center; height: 100%">
  835.                                            <div class="menu-item" onclick="showProvider('interactive')">
  836.                                                <img class="mobile-only" src="https://img.viva88athenae.com//icon-interactive.png" alt="">
  837.                                                <label>INTERACTIVE</label>
  838.                                            </div>
  839.                                        </div>
  840.                                    </div>
  841.                            </div>
  842.                        </div>                                                                                                                        
  843.                    </div>                    
  844.                    <div class="menu-content mobile-only">
  845.                            <div id="main-content" style="background: var(--content-box-background)">
  846.                                                        </div>
  847.                    </div>
  848.                    
  849.                    
  850.        
  851.                    <div class="promosi">
  852.                        
  853.                        <!-- Desktop -->
  854.                        
  855.                        <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>
  856.                        <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>
  857.                        
  858.                        <!-- Mobile -->
  859.                        
  860.                        <div class="mobile-only" style="padding-top: 32px">
  861.                            
  862.                            <div class="d-flex gap-3 justify-content-center align-items-center">
  863.                                                                            <a href="/?desktop" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Desktop</a>
  864.                                            <div style="height: 1.1rem; width: 1.5px; background: var(--menu-item-color)"></div>
  865.                                        
  866.                                <a href="/wap/index.php" style="display: grid; place-items: center; font-size: 1.2rem; cursor: pointer; color: var(--menu-item-color)">Wap</a>
  867.                            </div>
  868.                            
  869.                        </div>
  870.                    </div>
  871.                                    </div>
  872.            </header>
  873.    
  874.    
  875.            <div id="marquee" class="marquee desktop-only">
  876.                <div class="marquee-content">
  877.                    <div class="d-flex align-items-center gap-2">
  878.                        <div id="timenow" class="desktop-only" style="white-space: nowrap;"></div>
  879.                        <i class="bi bi-megaphone-fill desktop-only"></i>
  880.                    </div>
  881.                    <div class="running" style="padding-left: 8px; padding-right: 32px">
  882.                        <marquee behavior="" direction="" id="broadcast" onmouseover="this.stop();" onmouseout="this.start();" style="width: 100%"></marquee>
  883.                    </div>
  884.                    <div class="d-flex align-items-center gap-2">
  885.                        <a href="/?content=event">
  886.                            <img src="https://img.viva88athenae.com//btnevent.png" alt="EVENT" height="24px"/>
  887.                        </a>
  888.                    </div>
  889.                </div>
  890.            </div>
  891.            
  892.            
  893.            
  894.            <!--Informasi Modal -->
  895.            <div id="modal-wrapper" class="modal" style=" background:none;">
  896.            
  897.                <div class="slideDown" id="informasi-menu">
  898.                  <div class="row">
  899.                    <div class="col-xs-3" style="padding-right:0px; width:164px">
  900.                        <div id="informasi-logo">
  901.                            <img src="/images/logoweb.png" width="120px"/>
  902.                        </div>
  903.                        <div class="menuleft">
  904.  
  905.                                <a class="active btn-black" href="javascript:toggleInformasi('tentang');">TENTANG KAMI</a>
  906.                                <a class="btn-black" href="javascript:toggleInformasi('bantuan');">BANTUAN</a>
  907.                                <a class="btn-black" href="javascript:toggleInformasi('peraturan');">PERATURAN</a>
  908.                                <a class="btn-black" href="javascript:toggleInformasi('bank');">INFORMASI BANK</a>
  909.                                <a class="btn-black" href="javascript:toggleInformasi('hubungi');">HUBUNGI KAMI</a>
  910.                                <a class="btn-black" href="javascript:toggleInformasi('privasi');">KEBIJAKAN PRIVASI</a>
  911.                                <a class="btn-black" href="javascript:toggleInformasi('cookies');">PERSETUJUAN COOKIES</a>
  912.  
  913.                        </div>
  914.                   </div>    
  915.                   <div class="col-xs-9" id="informasi-content" style="position: relative">
  916.                        <div onclick="document.getElementById('modal-wrapper').style.display='none'" class="closebox" title="Close Informasi">&times;</div>
  917.                        <div style="margin: 32px 0; height:600px; overflow: auto; z-index:1;" id="content2">
  918.                        </div>
  919.                    </div>
  920.                    
  921.                </div>
  922.              </div>
  923.            </div>
  924.    
  925.    
  926.            <div class="contentdata">
  927.                <div id="content-primary" class="p-0">
  928.                
  929.                                            <div class="desktop-only">
  930. <div id="mobile-slider" class="carousel slide" data-bs-ride="carousel" style="height: 100%">
  931.  <div class="carousel-indicators">
  932.                         <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  933.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="1" aria-label="Slide 2"></button>
  934.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="2" aria-label="Slide 3"></button>
  935.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="3" aria-label="Slide 4"></button>
  936.                                <button type="button" data-bs-target="#mobile-slider" data-bs-slide-to="4" aria-label="Slide 5"></button>
  937.              </div>
  938.  <div class="carousel-inner" style="height: 100%">
  939.            <div class="carousel-item active" style="height: 100%">
  940.          <img src="/images/upload-Slides-20241102162940.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  941.        </div>
  942.            <div class="carousel-item " style="height: 100%">
  943.          <img src="/images/upload-Slides-20241101193952.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  944.        </div>
  945.            <div class="carousel-item " style="height: 100%">
  946.          <img src="/images/upload-Slides-20241104095527.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  947.        </div>
  948.            <div class="carousel-item " style="height: 100%">
  949.          <img src="https://img.viva88athenae.com/banner/mgl-24.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  950.        </div>
  951.            <div class="carousel-item " style="height: 100%">
  952.          <img src="https://img.viva88athenae.com/banner/slider-fgs.jpg" class="d-block w-100 banner" alt="" style="height: 100%">
  953.        </div>
  954.      </div>
  955. </div>
  956.  
  957. </div>
  958.                        <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;">
  959.  
  960.     <img src="images/upload-SlidesMobile-20250108220813.gif" alt="" style="border-radius: 20px; top: 0; left: 0; width: 100%; height: 100%; position: absolute;"/>
  961. </div>
  962. <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;">
  963.     <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;">
  964. </div></div>
  965.                        
  966.                                    </div>
  967.            </div>
  968.    
  969.    
  970.            
  971.            <!-- Togel -->    
  972.            
  973. <style>
  974.    .togel-desktop {
  975.            background: var(--togel-background);
  976.            grid-area: togel-desktop;
  977.            position: relative;
  978.        }
  979.        
  980.        .togel-mobile {
  981.            display: none;
  982.        }
  983.  
  984.        .show-more {
  985.            position: absolute;
  986.        
  987.            z-index: 999;
  988.            bottom: 0px;
  989.            width: 100%;
  990.            
  991.            /* 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)); */
  992.        }
  993.        
  994.        .show-more-content {
  995.            background: var(--secondary-background);
  996.            opacity: .7;
  997.            display: grid;
  998.            place-items: center;
  999.            height: 32px
  1000.        }
  1001.        
  1002.        .togel-content {    
  1003.            position: relative;  
  1004.            display: flex;
  1005.            flex-wrap: wrap;
  1006.            justify-content: center;
  1007.            /*display: grid;*/
  1008.            /*grid-template-columns: repeat(10, 1fr);*/
  1009.            gap: 8px 4px;
  1010.            padding: 16px 0;
  1011.        }
  1012.        
  1013.        .see-more {
  1014.            padding: 16px 0 48px 0;
  1015.            max-height: 162px;
  1016.            transition: max-height .75s ease-out;
  1017.            transition-delay: .1s;
  1018.            overflow: hidden;
  1019.        }
  1020.        
  1021.        .togel-content:hover{
  1022.            max-height: 1000px;
  1023.            transition: max-height 0.25s ease-in;
  1024.        }
  1025.        
  1026.        .result {
  1027.            height: 110px;
  1028.            width: 96px;
  1029.            border-radius: 10px;
  1030.            background: var(--result-background);
  1031.            border: var(--result-border);
  1032.            
  1033.            display: grid;
  1034.            grid-template-rows: 0px 20px 1fr 28px;
  1035.            grid-template-areas:
  1036.            "badge"
  1037.            "pasaran"
  1038.            "keluaran"
  1039.            "tanggal"
  1040.            ;
  1041.        
  1042.            /* display: flex;
  1043.            flex-direction: column;
  1044.            justify-content: space-between; */
  1045.        
  1046.            overflow: hidden;
  1047.        }
  1048.        
  1049.        .badge {
  1050.            grid-area: badge;
  1051.            display: grid;
  1052.            place-items: center;
  1053.        }
  1054.        
  1055.        .result>.pasaran {
  1056.        
  1057.            grid-area: pasaran;
  1058.        
  1059.            padding-top: 8px;
  1060.            white-space: nowrap;
  1061.            font-size: .7rem;
  1062.            line-height: .7rem;
  1063.        
  1064.            color: var(--result-pasaran-color);
  1065.            display: grid;
  1066.            place-items: center;
  1067.        }
  1068.        
  1069.        .result>.keluaran {
  1070.        
  1071.            grid-area: keluaran;
  1072.            padding-bottom: 8px;
  1073.            font-family: 'Oswald', sans-serif;
  1074.            line-height: 40px;
  1075.            font-size: 40px;
  1076.            color: var(--result-keluaran-color);
  1077.            display: grid;
  1078.            place-items: center;
  1079.        }
  1080.        
  1081.        .result>.tanggal {
  1082.        
  1083.            grid-area: tanggal;
  1084.        
  1085.            width: 100%;
  1086.            height: 100%;
  1087.            /* background: rgb(40,0,0);
  1088.            background: linear-gradient(0deg, rgba(80,0,0,1) 0%, rgb(164, 2, 2) 100%); */
  1089.            background: var(--result-tanggal-background);
  1090.            white-space: nowarp;
  1091.            font-size: .79rem;
  1092.            display: grid;
  1093.            place-items: center;
  1094.            font-family: 'Abel', sans-serif;
  1095.            color: var(--result-tanggal-color);
  1096.        }
  1097.        
  1098.        @media only screen and (max-width: 1000px) {
  1099.            
  1100.            .togel-desktop {
  1101.                display: none;
  1102.            }
  1103.            
  1104.            .togel-mobile {
  1105.  
  1106.                background: var(--secondary-background);
  1107.                grid-area: togel-mobile;
  1108.                padding: 24px;
  1109.                padding-bottom: 12px;
  1110.                box-shadow: rgba(0,0,0,1) 0px 0px 10px 0px;
  1111.            }
  1112.        
  1113.            .togel-title {
  1114.                padding: 0px;
  1115.                padding-bottom: 20px;
  1116.                font-size: 1.4rem;
  1117.                font-weight: bold;
  1118.                color: var(--primary-text-color);
  1119.            }
  1120.        
  1121.            .togel-content {
  1122.                max-height: fit-content;
  1123.                display: grid;
  1124.                grid-template-columns: 1fr;
  1125.                gap: 0;
  1126.                border-radius: 8px;
  1127.            }
  1128.            
  1129.  
  1130.        
  1131.            .provider-group {
  1132.                padding: var(--mobile-padding-horizontal);
  1133.            }
  1134.        
  1135.            .badge {
  1136.                display: none;
  1137.            }
  1138.        
  1139.            .result {
  1140.                height: auto;
  1141.                width: 100%;
  1142.                display: grid;
  1143.                grid-template-rows: 1fr;
  1144.                grid-template-columns: 1fr 1fr 80px;
  1145.                grid-template-areas: "pasaran tanggal keluaran";
  1146.                border-radius: 0;
  1147.                border: none;
  1148.                background: transparent;
  1149.                padding: 4px 12px;
  1150.                color: var(--primary-text-color);
  1151.                font-family: 'Abel', sans-serif;
  1152.                
  1153.            }
  1154.            
  1155.                        
  1156.            .result-data:nth-child(odd) {
  1157.                background: linear-gradient(0deg, rgba(255,255,255,0.1) 0%, rgba(255,255,255,0.1) 100%), var(--secondary-background);
  1158.            }
  1159.            
  1160.                        
  1161.            .accordion-item {
  1162.                background-color: transparent;
  1163.                border: 0px;
  1164.            }
  1165.            
  1166.            .accordion-button:not(.collapsed) {
  1167.                color: inherit;
  1168.                background-color: transparent;
  1169.                box-shadow: none;
  1170.            }
  1171.            
  1172.            .accordion-button::after {
  1173.                height: 0px;
  1174.            }
  1175.        
  1176.            .result>* {
  1177.                padding: 0px!important;
  1178.                margin: 0px!important;
  1179.                font-size: 1.4rem!important;
  1180.                line-height: auto!important;
  1181.                font-weight: normal!important;
  1182.            }
  1183.        
  1184.            .result>.pasaran {
  1185.                display: flex;
  1186.                justify-content: start;
  1187.                color: var(--primary-text-color)!important;
  1188.                opacity: .7;
  1189.            }
  1190.        
  1191.            .result>.tanggal {        
  1192.                display: flex;
  1193.                justify-content: center;
  1194.                background: transparent;
  1195.                color: var(--primary-text-color)!important;
  1196.                opacity: .7;
  1197.            }
  1198.        
  1199.            .result>.keluaran {
  1200.                display: flex;
  1201.                justify-content: end;
  1202.                /*color: var(--primary-text-color)!important;*/
  1203.                font-family: 'Abel', sans-serif;
  1204.                color: var(--highlight-text-color);
  1205.            }
  1206.            
  1207.        }
  1208. </style>
  1209. <div id="togel-desktop" class="togel-desktop desktop-only">
  1210.    
  1211.             <div class="show-more desktop-only">
  1212.                <div class="show-more-content">
  1213.                    <i class="bi bi-chevron-compact-down" style="font-size: 24px; line-height: 24px"></i>
  1214.                </div>
  1215.            </div>
  1216.            
  1217.        
  1218.    
  1219.        <div class="togel-content see-more">
  1220.                            <a href="/?content=hasil&pid=TWH" class="result">
  1221.                    
  1222.                    <div class="badge">
  1223.                                            </div>
  1224.                    
  1225.                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1226.                    <div class="keluaran">9840</div>
  1227.                    <div class="tanggal">KAMIS 10/7/2025</div>
  1228.                </a>
  1229.                            <a href="/?content=hasil&pid=HKD" class="result">
  1230.                    
  1231.                    <div class="badge">
  1232.                                            </div>
  1233.                    
  1234.                    <div class="pasaran">HK SIANG&nbsp</div>
  1235.                    <div class="keluaran">9191</div>
  1236.                    <div class="tanggal">RABU 9/7/2025</div>
  1237.                </a>
  1238.                            <a href="/?content=hasil&pid=SY1" class="result">
  1239.                    
  1240.                    <div class="badge">
  1241.                                            </div>
  1242.                    
  1243.                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
  1244.                    <div class="keluaran">5891</div>
  1245.                    <div class="tanggal">RABU 9/7/2025</div>
  1246.                </a>
  1247.                            <a href="/?content=hasil&pid=SY2" class="result">
  1248.                    
  1249.                    <div class="badge">
  1250.                                            </div>
  1251.                    
  1252.                    <div class="pasaran">SYDNEY POOLS&nbsp</div>
  1253.                    <div class="keluaran">7320</div>
  1254.                    <div class="tanggal">RABU 9/7/2025</div>
  1255.                </a>
  1256.                            <a href="/?content=hasil&pid=SG" class="result">
  1257.                    
  1258.                    <div class="badge">
  1259.                                            </div>
  1260.                    
  1261.                    <div class="pasaran">SINGAPORE&nbsp</div>
  1262.                    <div class="keluaran">0175</div>
  1263.                    <div class="tanggal">RABU 9/7/2025</div>
  1264.                </a>
  1265.                            <a href="/?content=hasil&pid=MY" class="result">
  1266.                    
  1267.                    <div class="badge">
  1268.                                            </div>
  1269.                    
  1270.                    <div class="pasaran">MALAYSIA&nbsp</div>
  1271.                    <div class="keluaran">8324</div>
  1272.                    <div class="tanggal">RABU 9/7/2025</div>
  1273.                </a>
  1274.                            <a href="/?content=hasil&pid=TWN" class="result">
  1275.                    
  1276.                    <div class="badge">
  1277.                                            </div>
  1278.                    
  1279.                    <div class="pasaran">TAIWAN&nbsp</div>
  1280.                    <div class="keluaran">8814</div>
  1281.                    <div class="tanggal">RABU 9/7/2025</div>
  1282.                </a>
  1283.                            <a href="/?content=hasil&pid=QTR" class="result">
  1284.                    
  1285.                    <div class="badge">
  1286.                                            </div>
  1287.                    
  1288.                    <div class="pasaran">QATAR&nbsp</div>
  1289.                    <div class="keluaran">3837</div>
  1290.                    <div class="tanggal">RABU 9/7/2025</div>
  1291.                </a>
  1292.                            <a href="/?content=hasil&pid=HK1" class="result">
  1293.                    
  1294.                    <div class="badge">
  1295.                                            </div>
  1296.                    
  1297.                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
  1298.                    <div class="keluaran">0618</div>
  1299.                    <div class="tanggal">RABU 9/7/2025</div>
  1300.                </a>
  1301.                            <a href="/?content=hasil&pid=HK2" class="result">
  1302.                    
  1303.                    <div class="badge">
  1304.                                            </div>
  1305.                    
  1306.                    <div class="pasaran">HONGKONG POOLS&nbsp</div>
  1307.                    <div class="keluaran">1120</div>
  1308.                    <div class="tanggal">RABU 9/7/2025</div>
  1309.                </a>
  1310.                            <a href="/?content=hasil&pid=TMC0" class="result">
  1311.                    
  1312.                    <div class="badge">
  1313.                                            </div>
  1314.                    
  1315.                    <div class="pasaran">TOTOMACAU 0001&nbsp</div>
  1316.                    <div class="keluaran">7387</div>
  1317.                    <div class="tanggal">KAMIS 10/7/2025</div>
  1318.                </a>
  1319.                            <a href="/?content=hasil&pid=TMC1" class="result">
  1320.                    
  1321.                    <div class="badge">
  1322.                                            </div>
  1323.                    
  1324.                    <div class="pasaran">TOTOMACAU 1300&nbsp</div>
  1325.                    <div class="keluaran">7647</div>
  1326.                    <div class="tanggal">RABU 9/7/2025</div>
  1327.                </a>
  1328.                            <a href="/?content=hasil&pid=TMC2" class="result">
  1329.                    
  1330.                    <div class="badge">
  1331.                                            </div>
  1332.                    
  1333.                    <div class="pasaran">TOTOMACAU 1600&nbsp</div>
  1334.                    <div class="keluaran">6925</div>
  1335.                    <div class="tanggal">RABU 9/7/2025</div>
  1336.                </a>
  1337.                            <a href="/?content=hasil&pid=TMC3" class="result">
  1338.                    
  1339.                    <div class="badge">
  1340.                                            </div>
  1341.                    
  1342.                    <div class="pasaran">TOTOMACAU 1900&nbsp</div>
  1343.                    <div class="keluaran">9893</div>
  1344.                    <div class="tanggal">RABU 9/7/2025</div>
  1345.                </a>
  1346.                            <a href="/?content=hasil&pid=TMC4" class="result">
  1347.                    
  1348.                    <div class="badge">
  1349.                                            </div>
  1350.                    
  1351.                    <div class="pasaran">TOTOMACAU 2200&nbsp</div>
  1352.                    <div class="keluaran">5212</div>
  1353.                    <div class="tanggal">RABU 9/7/2025</div>
  1354.                </a>
  1355.                            <a href="/?content=hasil&pid=TMC5" class="result">
  1356.                    
  1357.                    <div class="badge">
  1358.                                            </div>
  1359.                    
  1360.                    <div class="pasaran">TOTOMACAU 2300&nbsp</div>
  1361.                    <div class="keluaran">6640</div>
  1362.                    <div class="tanggal">RABU 9/7/2025</div>
  1363.                </a>
  1364.                        
  1365.        </div>
  1366.    </div>
  1367.    
  1368.    <div id="togel-mobile" class="togel-mobile mobile-only">
  1369.        
  1370.        <div class="togel-title">Togel Result</div>
  1371.        
  1372.                
  1373.    <div class="carousel slide p-0" data-bs-ride="carousel" style="min-height: 520px">
  1374.          <div id="mobile-togel" class="carousel-indicators" style="margin-bottom: 0px">
  1375.              
  1376.                                                                        <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  1377.                                                                                <button type="button" data-bs-target="#mobile-togel" data-bs-slide-to="1" aria-label="Slide 2"></button>
  1378.                                                              
  1379.          </div>
  1380.          <div class="carousel-inner">
  1381.  
  1382.            <div class='carousel-item accordion accordion-flush active'>                            <div class="result-data accordion-item">
  1383.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWH">
  1384.                                    <div class="badge">
  1385.                                                                            </div>
  1386.                                    <div class="pasaran">TOTO WUHAN&nbsp</div>
  1387.                                    <div class="keluaran">9840</div>
  1388.                                    <div class="tanggal">10-07-2025</div>
  1389.                              </button>
  1390.                                                                <div id="paito-TWH" class="accordion-collapse collapse">
  1391.                                        
  1392.                                                <div class="result">
  1393.                                                    <div class="pasaran"></div>
  1394.                                                    <div class="keluaran">1294</div>
  1395.                                                    <div class="tanggal">09-07-2025</div>
  1396.                                                </div>
  1397.                                            
  1398.                                                <div class="result">
  1399.                                                    <div class="pasaran"></div>
  1400.                                                    <div class="keluaran">4224</div>
  1401.                                                    <div class="tanggal">09-07-2025</div>
  1402.                                                </div>
  1403.                                            
  1404.                                                <div class="result">
  1405.                                                    <div class="pasaran"></div>
  1406.                                                    <div class="keluaran">7210</div>
  1407.                                                    <div class="tanggal">09-07-2025</div>
  1408.                                                </div>
  1409.                                            
  1410.                                                <div class="result">
  1411.                                                    <div class="pasaran"></div>
  1412.                                                    <div class="keluaran">0733</div>
  1413.                                                    <div class="tanggal">09-07-2025</div>
  1414.                                                </div>
  1415.                                            
  1416.                                                <div class="result">
  1417.                                                    <div class="pasaran"></div>
  1418.                                                    <div class="keluaran">5651</div>
  1419.                                                    <div class="tanggal">09-07-2025</div>
  1420.                                                </div>
  1421.                                            
  1422.                                                <div class="result">
  1423.                                                    <div class="pasaran"></div>
  1424.                                                    <div class="keluaran">7285</div>
  1425.                                                    <div class="tanggal">09-07-2025</div>
  1426.                                                </div>
  1427.                                            
  1428.                                                <div class="result">
  1429.                                                    <div class="pasaran"></div>
  1430.                                                    <div class="keluaran">6131</div>
  1431.                                                    <div class="tanggal">08-07-2025</div>
  1432.                                                </div>
  1433.                                                                                </div>
  1434.                                                            </div>
  1435.                            
  1436.                                                    <div class="result-data accordion-item">
  1437.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HKD">
  1438.                                    <div class="badge">
  1439.                                                                            </div>
  1440.                                    <div class="pasaran">HK SIANG&nbsp</div>
  1441.                                    <div class="keluaran">9191</div>
  1442.                                    <div class="tanggal">09-07-2025</div>
  1443.                              </button>
  1444.                                                                <div id="paito-HKD" class="accordion-collapse collapse">
  1445.                                        
  1446.                                                <div class="result">
  1447.                                                    <div class="pasaran"></div>
  1448.                                                    <div class="keluaran">4498</div>
  1449.                                                    <div class="tanggal">08-07-2025</div>
  1450.                                                </div>
  1451.                                            
  1452.                                                <div class="result">
  1453.                                                    <div class="pasaran"></div>
  1454.                                                    <div class="keluaran">9495</div>
  1455.                                                    <div class="tanggal">07-07-2025</div>
  1456.                                                </div>
  1457.                                            
  1458.                                                <div class="result">
  1459.                                                    <div class="pasaran"></div>
  1460.                                                    <div class="keluaran">0978</div>
  1461.                                                    <div class="tanggal">06-07-2025</div>
  1462.                                                </div>
  1463.                                            
  1464.                                                <div class="result">
  1465.                                                    <div class="pasaran"></div>
  1466.                                                    <div class="keluaran">2374</div>
  1467.                                                    <div class="tanggal">05-07-2025</div>
  1468.                                                </div>
  1469.                                            
  1470.                                                <div class="result">
  1471.                                                    <div class="pasaran"></div>
  1472.                                                    <div class="keluaran">7585</div>
  1473.                                                    <div class="tanggal">04-07-2025</div>
  1474.                                                </div>
  1475.                                            
  1476.                                                <div class="result">
  1477.                                                    <div class="pasaran"></div>
  1478.                                                    <div class="keluaran">7470</div>
  1479.                                                    <div class="tanggal">03-07-2025</div>
  1480.                                                </div>
  1481.                                            
  1482.                                                <div class="result">
  1483.                                                    <div class="pasaran"></div>
  1484.                                                    <div class="keluaran">1076</div>
  1485.                                                    <div class="tanggal">02-07-2025</div>
  1486.                                                </div>
  1487.                                                                                </div>
  1488.                                                            </div>
  1489.                            
  1490.                                                    <div class="result-data accordion-item">
  1491.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY1">
  1492.                                    <div class="badge">
  1493.                                                                            </div>
  1494.                                    <div class="pasaran">SYDNEY LOTTO&nbsp</div>
  1495.                                    <div class="keluaran">5891</div>
  1496.                                    <div class="tanggal">09-07-2025</div>
  1497.                              </button>
  1498.                                                                <div id="paito-SY1" class="accordion-collapse collapse">
  1499.                                        
  1500.                                                <div class="result">
  1501.                                                    <div class="pasaran"></div>
  1502.                                                    <div class="keluaran">7496</div>
  1503.                                                    <div class="tanggal">08-07-2025</div>
  1504.                                                </div>
  1505.                                            
  1506.                                                <div class="result">
  1507.                                                    <div class="pasaran"></div>
  1508.                                                    <div class="keluaran">5979</div>
  1509.                                                    <div class="tanggal">07-07-2025</div>
  1510.                                                </div>
  1511.                                            
  1512.                                                <div class="result">
  1513.                                                    <div class="pasaran"></div>
  1514.                                                    <div class="keluaran">6948</div>
  1515.                                                    <div class="tanggal">06-07-2025</div>
  1516.                                                </div>
  1517.                                            
  1518.                                                <div class="result">
  1519.                                                    <div class="pasaran"></div>
  1520.                                                    <div class="keluaran">2812</div>
  1521.                                                    <div class="tanggal">05-07-2025</div>
  1522.                                                </div>
  1523.                                            
  1524.                                                <div class="result">
  1525.                                                    <div class="pasaran"></div>
  1526.                                                    <div class="keluaran">7947</div>
  1527.                                                    <div class="tanggal">04-07-2025</div>
  1528.                                                </div>
  1529.                                            
  1530.                                                <div class="result">
  1531.                                                    <div class="pasaran"></div>
  1532.                                                    <div class="keluaran">0372</div>
  1533.                                                    <div class="tanggal">03-07-2025</div>
  1534.                                                </div>
  1535.                                            
  1536.                                                <div class="result">
  1537.                                                    <div class="pasaran"></div>
  1538.                                                    <div class="keluaran">1036</div>
  1539.                                                    <div class="tanggal">02-07-2025</div>
  1540.                                                </div>
  1541.                                                                                </div>
  1542.                                                            </div>
  1543.                            
  1544.                                                    <div class="result-data accordion-item">
  1545.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SY2">
  1546.                                    <div class="badge">
  1547.                                                                            </div>
  1548.                                    <div class="pasaran">SYDNEY POOLS&nbsp</div>
  1549.                                    <div class="keluaran">7320</div>
  1550.                                    <div class="tanggal">09-07-2025</div>
  1551.                              </button>
  1552.                                                                <div id="paito-SY2" class="accordion-collapse collapse">
  1553.                                        
  1554.                                                <div class="result">
  1555.                                                    <div class="pasaran"></div>
  1556.                                                    <div class="keluaran">8004</div>
  1557.                                                    <div class="tanggal">08-07-2025</div>
  1558.                                                </div>
  1559.                                            
  1560.                                                <div class="result">
  1561.                                                    <div class="pasaran"></div>
  1562.                                                    <div class="keluaran">7725</div>
  1563.                                                    <div class="tanggal">07-07-2025</div>
  1564.                                                </div>
  1565.                                            
  1566.                                                <div class="result">
  1567.                                                    <div class="pasaran"></div>
  1568.                                                    <div class="keluaran">3101</div>
  1569.                                                    <div class="tanggal">06-07-2025</div>
  1570.                                                </div>
  1571.                                            
  1572.                                                <div class="result">
  1573.                                                    <div class="pasaran"></div>
  1574.                                                    <div class="keluaran">4283</div>
  1575.                                                    <div class="tanggal">05-07-2025</div>
  1576.                                                </div>
  1577.                                            
  1578.                                                <div class="result">
  1579.                                                    <div class="pasaran"></div>
  1580.                                                    <div class="keluaran">2077</div>
  1581.                                                    <div class="tanggal">04-07-2025</div>
  1582.                                                </div>
  1583.                                            
  1584.                                                <div class="result">
  1585.                                                    <div class="pasaran"></div>
  1586.                                                    <div class="keluaran">2915</div>
  1587.                                                    <div class="tanggal">03-07-2025</div>
  1588.                                                </div>
  1589.                                            
  1590.                                                <div class="result">
  1591.                                                    <div class="pasaran"></div>
  1592.                                                    <div class="keluaran">5497</div>
  1593.                                                    <div class="tanggal">02-07-2025</div>
  1594.                                                </div>
  1595.                                                                                </div>
  1596.                                                            </div>
  1597.                            
  1598.                                                    <div class="result-data accordion-item">
  1599.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-SG">
  1600.                                    <div class="badge">
  1601.                                                                            </div>
  1602.                                    <div class="pasaran">SINGAPORE&nbsp</div>
  1603.                                    <div class="keluaran">0175</div>
  1604.                                    <div class="tanggal">09-07-2025</div>
  1605.                              </button>
  1606.                                                                <div id="paito-SG" class="accordion-collapse collapse">
  1607.                                        
  1608.                                                <div class="result">
  1609.                                                    <div class="pasaran"></div>
  1610.                                                    <div class="keluaran">2991</div>
  1611.                                                    <div class="tanggal">07-07-2025</div>
  1612.                                                </div>
  1613.                                            
  1614.                                                <div class="result">
  1615.                                                    <div class="pasaran"></div>
  1616.                                                    <div class="keluaran">2472</div>
  1617.                                                    <div class="tanggal">06-07-2025</div>
  1618.                                                </div>
  1619.                                            
  1620.                                                <div class="result">
  1621.                                                    <div class="pasaran"></div>
  1622.                                                    <div class="keluaran">0264</div>
  1623.                                                    <div class="tanggal">05-07-2025</div>
  1624.                                                </div>
  1625.                                            
  1626.                                                <div class="result">
  1627.                                                    <div class="pasaran"></div>
  1628.                                                    <div class="keluaran">1217</div>
  1629.                                                    <div class="tanggal">03-07-2025</div>
  1630.                                                </div>
  1631.                                            
  1632.                                                <div class="result">
  1633.                                                    <div class="pasaran"></div>
  1634.                                                    <div class="keluaran">1924</div>
  1635.                                                    <div class="tanggal">02-07-2025</div>
  1636.                                                </div>
  1637.                                            
  1638.                                                <div class="result">
  1639.                                                    <div class="pasaran"></div>
  1640.                                                    <div class="keluaran">8710</div>
  1641.                                                    <div class="tanggal">30-06-2025</div>
  1642.                                                </div>
  1643.                                            
  1644.                                                <div class="result">
  1645.                                                    <div class="pasaran"></div>
  1646.                                                    <div class="keluaran">7479</div>
  1647.                                                    <div class="tanggal">29-06-2025</div>
  1648.                                                </div>
  1649.                                                                                </div>
  1650.                                                            </div>
  1651.                            
  1652.                                                    <div class="result-data accordion-item">
  1653.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-MY">
  1654.                                    <div class="badge">
  1655.                                                                            </div>
  1656.                                    <div class="pasaran">MALAYSIA&nbsp</div>
  1657.                                    <div class="keluaran">8324</div>
  1658.                                    <div class="tanggal">09-07-2025</div>
  1659.                              </button>
  1660.                                                                <div id="paito-MY" class="accordion-collapse collapse">
  1661.                                        
  1662.                                                <div class="result">
  1663.                                                    <div class="pasaran"></div>
  1664.                                                    <div class="keluaran">0702</div>
  1665.                                                    <div class="tanggal">08-07-2025</div>
  1666.                                                </div>
  1667.                                            
  1668.                                                <div class="result">
  1669.                                                    <div class="pasaran"></div>
  1670.                                                    <div class="keluaran">2701</div>
  1671.                                                    <div class="tanggal">07-07-2025</div>
  1672.                                                </div>
  1673.                                            
  1674.                                                <div class="result">
  1675.                                                    <div class="pasaran"></div>
  1676.                                                    <div class="keluaran">8120</div>
  1677.                                                    <div class="tanggal">06-07-2025</div>
  1678.                                                </div>
  1679.                                            
  1680.                                                <div class="result">
  1681.                                                    <div class="pasaran"></div>
  1682.                                                    <div class="keluaran">5309</div>
  1683.                                                    <div class="tanggal">05-07-2025</div>
  1684.                                                </div>
  1685.                                            
  1686.                                                <div class="result">
  1687.                                                    <div class="pasaran"></div>
  1688.                                                    <div class="keluaran">6791</div>
  1689.                                                    <div class="tanggal">04-07-2025</div>
  1690.                                                </div>
  1691.                                            
  1692.                                                <div class="result">
  1693.                                                    <div class="pasaran"></div>
  1694.                                                    <div class="keluaran">5110</div>
  1695.                                                    <div class="tanggal">03-07-2025</div>
  1696.                                                </div>
  1697.                                            
  1698.                                                <div class="result">
  1699.                                                    <div class="pasaran"></div>
  1700.                                                    <div class="keluaran">1475</div>
  1701.                                                    <div class="tanggal">02-07-2025</div>
  1702.                                                </div>
  1703.                                                                                </div>
  1704.                                                            </div>
  1705.                            
  1706.                                                    <div class="result-data accordion-item">
  1707.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TWN">
  1708.                                    <div class="badge">
  1709.                                                                            </div>
  1710.                                    <div class="pasaran">TAIWAN&nbsp</div>
  1711.                                    <div class="keluaran">8814</div>
  1712.                                    <div class="tanggal">09-07-2025</div>
  1713.                              </button>
  1714.                                                                <div id="paito-TWN" class="accordion-collapse collapse">
  1715.                                        
  1716.                                                <div class="result">
  1717.                                                    <div class="pasaran"></div>
  1718.                                                    <div class="keluaran">5791</div>
  1719.                                                    <div class="tanggal">08-07-2025</div>
  1720.                                                </div>
  1721.                                            
  1722.                                                <div class="result">
  1723.                                                    <div class="pasaran"></div>
  1724.                                                    <div class="keluaran">0757</div>
  1725.                                                    <div class="tanggal">07-07-2025</div>
  1726.                                                </div>
  1727.                                            
  1728.                                                <div class="result">
  1729.                                                    <div class="pasaran"></div>
  1730.                                                    <div class="keluaran">1994</div>
  1731.                                                    <div class="tanggal">06-07-2025</div>
  1732.                                                </div>
  1733.                                            
  1734.                                                <div class="result">
  1735.                                                    <div class="pasaran"></div>
  1736.                                                    <div class="keluaran">4327</div>
  1737.                                                    <div class="tanggal">05-07-2025</div>
  1738.                                                </div>
  1739.                                            
  1740.                                                <div class="result">
  1741.                                                    <div class="pasaran"></div>
  1742.                                                    <div class="keluaran">0508</div>
  1743.                                                    <div class="tanggal">04-07-2025</div>
  1744.                                                </div>
  1745.                                            
  1746.                                                <div class="result">
  1747.                                                    <div class="pasaran"></div>
  1748.                                                    <div class="keluaran">3965</div>
  1749.                                                    <div class="tanggal">03-07-2025</div>
  1750.                                                </div>
  1751.                                            
  1752.                                                <div class="result">
  1753.                                                    <div class="pasaran"></div>
  1754.                                                    <div class="keluaran">3638</div>
  1755.                                                    <div class="tanggal">02-07-2025</div>
  1756.                                                </div>
  1757.                                                                                </div>
  1758.                                                            </div>
  1759.                            
  1760.                                                    <div class="result-data accordion-item">
  1761.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-QTR">
  1762.                                    <div class="badge">
  1763.                                                                            </div>
  1764.                                    <div class="pasaran">QATAR&nbsp</div>
  1765.                                    <div class="keluaran">3837</div>
  1766.                                    <div class="tanggal">09-07-2025</div>
  1767.                              </button>
  1768.                                                                <div id="paito-QTR" class="accordion-collapse collapse">
  1769.                                        
  1770.                                                <div class="result">
  1771.                                                    <div class="pasaran"></div>
  1772.                                                    <div class="keluaran">4186</div>
  1773.                                                    <div class="tanggal">08-07-2025</div>
  1774.                                                </div>
  1775.                                            
  1776.                                                <div class="result">
  1777.                                                    <div class="pasaran"></div>
  1778.                                                    <div class="keluaran">8705</div>
  1779.                                                    <div class="tanggal">07-07-2025</div>
  1780.                                                </div>
  1781.                                            
  1782.                                                <div class="result">
  1783.                                                    <div class="pasaran"></div>
  1784.                                                    <div class="keluaran">0881</div>
  1785.                                                    <div class="tanggal">06-07-2025</div>
  1786.                                                </div>
  1787.                                            
  1788.                                                <div class="result">
  1789.                                                    <div class="pasaran"></div>
  1790.                                                    <div class="keluaran">7550</div>
  1791.                                                    <div class="tanggal">05-07-2025</div>
  1792.                                                </div>
  1793.                                            
  1794.                                                <div class="result">
  1795.                                                    <div class="pasaran"></div>
  1796.                                                    <div class="keluaran">0288</div>
  1797.                                                    <div class="tanggal">04-07-2025</div>
  1798.                                                </div>
  1799.                                            
  1800.                                                <div class="result">
  1801.                                                    <div class="pasaran"></div>
  1802.                                                    <div class="keluaran">6336</div>
  1803.                                                    <div class="tanggal">03-07-2025</div>
  1804.                                                </div>
  1805.                                            
  1806.                                                <div class="result">
  1807.                                                    <div class="pasaran"></div>
  1808.                                                    <div class="keluaran">3771</div>
  1809.                                                    <div class="tanggal">02-07-2025</div>
  1810.                                                </div>
  1811.                                                                                </div>
  1812.                                                            </div>
  1813.                            
  1814.                                                    <div class="result-data accordion-item">
  1815.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK1">
  1816.                                    <div class="badge">
  1817.                                                                            </div>
  1818.                                    <div class="pasaran">HONGKONG LOTTO&nbsp</div>
  1819.                                    <div class="keluaran">0618</div>
  1820.                                    <div class="tanggal">09-07-2025</div>
  1821.                              </button>
  1822.                                                                <div id="paito-HK1" class="accordion-collapse collapse">
  1823.                                        
  1824.                                                <div class="result">
  1825.                                                    <div class="pasaran"></div>
  1826.                                                    <div class="keluaran">5239</div>
  1827.                                                    <div class="tanggal">08-07-2025</div>
  1828.                                                </div>
  1829.                                            
  1830.                                                <div class="result">
  1831.                                                    <div class="pasaran"></div>
  1832.                                                    <div class="keluaran">3278</div>
  1833.                                                    <div class="tanggal">07-07-2025</div>
  1834.                                                </div>
  1835.                                            
  1836.                                                <div class="result">
  1837.                                                    <div class="pasaran"></div>
  1838.                                                    <div class="keluaran">7716</div>
  1839.                                                    <div class="tanggal">06-07-2025</div>
  1840.                                                </div>
  1841.                                            
  1842.                                                <div class="result">
  1843.                                                    <div class="pasaran"></div>
  1844.                                                    <div class="keluaran">1820</div>
  1845.                                                    <div class="tanggal">05-07-2025</div>
  1846.                                                </div>
  1847.                                            
  1848.                                                <div class="result">
  1849.                                                    <div class="pasaran"></div>
  1850.                                                    <div class="keluaran">8734</div>
  1851.                                                    <div class="tanggal">04-07-2025</div>
  1852.                                                </div>
  1853.                                            
  1854.                                                <div class="result">
  1855.                                                    <div class="pasaran"></div>
  1856.                                                    <div class="keluaran">2144</div>
  1857.                                                    <div class="tanggal">03-07-2025</div>
  1858.                                                </div>
  1859.                                            
  1860.                                                <div class="result">
  1861.                                                    <div class="pasaran"></div>
  1862.                                                    <div class="keluaran">4190</div>
  1863.                                                    <div class="tanggal">02-07-2025</div>
  1864.                                                </div>
  1865.                                                                                </div>
  1866.                                                            </div>
  1867.                            
  1868.                                                    <div class="result-data accordion-item">
  1869.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-HK2">
  1870.                                    <div class="badge">
  1871.                                                                            </div>
  1872.                                    <div class="pasaran">HONGKONG POOLS&nbsp</div>
  1873.                                    <div class="keluaran">1120</div>
  1874.                                    <div class="tanggal">09-07-2025</div>
  1875.                              </button>
  1876.                                                                <div id="paito-HK2" class="accordion-collapse collapse">
  1877.                                        
  1878.                                                <div class="result">
  1879.                                                    <div class="pasaran"></div>
  1880.                                                    <div class="keluaran">9345</div>
  1881.                                                    <div class="tanggal">08-07-2025</div>
  1882.                                                </div>
  1883.                                            
  1884.                                                <div class="result">
  1885.                                                    <div class="pasaran"></div>
  1886.                                                    <div class="keluaran">7712</div>
  1887.                                                    <div class="tanggal">07-07-2025</div>
  1888.                                                </div>
  1889.                                            
  1890.                                                <div class="result">
  1891.                                                    <div class="pasaran"></div>
  1892.                                                    <div class="keluaran">4669</div>
  1893.                                                    <div class="tanggal">06-07-2025</div>
  1894.                                                </div>
  1895.                                            
  1896.                                                <div class="result">
  1897.                                                    <div class="pasaran"></div>
  1898.                                                    <div class="keluaran">6021</div>
  1899.                                                    <div class="tanggal">05-07-2025</div>
  1900.                                                </div>
  1901.                                            
  1902.                                                <div class="result">
  1903.                                                    <div class="pasaran"></div>
  1904.                                                    <div class="keluaran">2856</div>
  1905.                                                    <div class="tanggal">04-07-2025</div>
  1906.                                                </div>
  1907.                                            
  1908.                                                <div class="result">
  1909.                                                    <div class="pasaran"></div>
  1910.                                                    <div class="keluaran">6204</div>
  1911.                                                    <div class="tanggal">03-07-2025</div>
  1912.                                                </div>
  1913.                                            
  1914.                                                <div class="result">
  1915.                                                    <div class="pasaran"></div>
  1916.                                                    <div class="keluaran">3683</div>
  1917.                                                    <div class="tanggal">02-07-2025</div>
  1918.                                                </div>
  1919.                                                                                </div>
  1920.                                                            </div>
  1921.                            
  1922.                        </div><div class='carousel-item accordion accordion-flush'>                            <div class="result-data accordion-item">
  1923.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC0">
  1924.                                    <div class="badge">
  1925.                                                                            </div>
  1926.                                    <div class="pasaran">TOTOMACAU 0001&nbsp</div>
  1927.                                    <div class="keluaran">7387</div>
  1928.                                    <div class="tanggal">10-07-2025</div>
  1929.                              </button>
  1930.                                                                <div id="paito-TMC0" class="accordion-collapse collapse">
  1931.                                        
  1932.                                                <div class="result">
  1933.                                                    <div class="pasaran"></div>
  1934.                                                    <div class="keluaran">2264</div>
  1935.                                                    <div class="tanggal">09-07-2025</div>
  1936.                                                </div>
  1937.                                            
  1938.                                                <div class="result">
  1939.                                                    <div class="pasaran"></div>
  1940.                                                    <div class="keluaran">5995</div>
  1941.                                                    <div class="tanggal">08-07-2025</div>
  1942.                                                </div>
  1943.                                            
  1944.                                                <div class="result">
  1945.                                                    <div class="pasaran"></div>
  1946.                                                    <div class="keluaran">1260</div>
  1947.                                                    <div class="tanggal">07-07-2025</div>
  1948.                                                </div>
  1949.                                            
  1950.                                                <div class="result">
  1951.                                                    <div class="pasaran"></div>
  1952.                                                    <div class="keluaran">4432</div>
  1953.                                                    <div class="tanggal">06-07-2025</div>
  1954.                                                </div>
  1955.                                            
  1956.                                                <div class="result">
  1957.                                                    <div class="pasaran"></div>
  1958.                                                    <div class="keluaran">0436</div>
  1959.                                                    <div class="tanggal">05-07-2025</div>
  1960.                                                </div>
  1961.                                            
  1962.                                                <div class="result">
  1963.                                                    <div class="pasaran"></div>
  1964.                                                    <div class="keluaran">9545</div>
  1965.                                                    <div class="tanggal">04-07-2025</div>
  1966.                                                </div>
  1967.                                            
  1968.                                                <div class="result">
  1969.                                                    <div class="pasaran"></div>
  1970.                                                    <div class="keluaran">4725</div>
  1971.                                                    <div class="tanggal">03-07-2025</div>
  1972.                                                </div>
  1973.                                                                                </div>
  1974.                                                            </div>
  1975.                            
  1976.                                                    <div class="result-data accordion-item">
  1977.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC1">
  1978.                                    <div class="badge">
  1979.                                                                            </div>
  1980.                                    <div class="pasaran">TOTOMACAU 1300&nbsp</div>
  1981.                                    <div class="keluaran">7647</div>
  1982.                                    <div class="tanggal">09-07-2025</div>
  1983.                              </button>
  1984.                                                                <div id="paito-TMC1" class="accordion-collapse collapse">
  1985.                                        
  1986.                                                <div class="result">
  1987.                                                    <div class="pasaran"></div>
  1988.                                                    <div class="keluaran">4644</div>
  1989.                                                    <div class="tanggal">08-07-2025</div>
  1990.                                                </div>
  1991.                                            
  1992.                                                <div class="result">
  1993.                                                    <div class="pasaran"></div>
  1994.                                                    <div class="keluaran">5389</div>
  1995.                                                    <div class="tanggal">07-07-2025</div>
  1996.                                                </div>
  1997.                                            
  1998.                                                <div class="result">
  1999.                                                    <div class="pasaran"></div>
  2000.                                                    <div class="keluaran">6749</div>
  2001.                                                    <div class="tanggal">06-07-2025</div>
  2002.                                                </div>
  2003.                                            
  2004.                                                <div class="result">
  2005.                                                    <div class="pasaran"></div>
  2006.                                                    <div class="keluaran">9184</div>
  2007.                                                    <div class="tanggal">05-07-2025</div>
  2008.                                                </div>
  2009.                                            
  2010.                                                <div class="result">
  2011.                                                    <div class="pasaran"></div>
  2012.                                                    <div class="keluaran">0808</div>
  2013.                                                    <div class="tanggal">04-07-2025</div>
  2014.                                                </div>
  2015.                                            
  2016.                                                <div class="result">
  2017.                                                    <div class="pasaran"></div>
  2018.                                                    <div class="keluaran">7742</div>
  2019.                                                    <div class="tanggal">03-07-2025</div>
  2020.                                                </div>
  2021.                                            
  2022.                                                <div class="result">
  2023.                                                    <div class="pasaran"></div>
  2024.                                                    <div class="keluaran">2013</div>
  2025.                                                    <div class="tanggal">02-07-2025</div>
  2026.                                                </div>
  2027.                                                                                </div>
  2028.                                                            </div>
  2029.                            
  2030.                                                    <div class="result-data accordion-item">
  2031.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC2">
  2032.                                    <div class="badge">
  2033.                                                                            </div>
  2034.                                    <div class="pasaran">TOTOMACAU 1600&nbsp</div>
  2035.                                    <div class="keluaran">6925</div>
  2036.                                    <div class="tanggal">09-07-2025</div>
  2037.                              </button>
  2038.                                                                <div id="paito-TMC2" class="accordion-collapse collapse">
  2039.                                        
  2040.                                                <div class="result">
  2041.                                                    <div class="pasaran"></div>
  2042.                                                    <div class="keluaran">0034</div>
  2043.                                                    <div class="tanggal">08-07-2025</div>
  2044.                                                </div>
  2045.                                            
  2046.                                                <div class="result">
  2047.                                                    <div class="pasaran"></div>
  2048.                                                    <div class="keluaran">7867</div>
  2049.                                                    <div class="tanggal">07-07-2025</div>
  2050.                                                </div>
  2051.                                            
  2052.                                                <div class="result">
  2053.                                                    <div class="pasaran"></div>
  2054.                                                    <div class="keluaran">0046</div>
  2055.                                                    <div class="tanggal">06-07-2025</div>
  2056.                                                </div>
  2057.                                            
  2058.                                                <div class="result">
  2059.                                                    <div class="pasaran"></div>
  2060.                                                    <div class="keluaran">4731</div>
  2061.                                                    <div class="tanggal">05-07-2025</div>
  2062.                                                </div>
  2063.                                            
  2064.                                                <div class="result">
  2065.                                                    <div class="pasaran"></div>
  2066.                                                    <div class="keluaran">7537</div>
  2067.                                                    <div class="tanggal">04-07-2025</div>
  2068.                                                </div>
  2069.                                            
  2070.                                                <div class="result">
  2071.                                                    <div class="pasaran"></div>
  2072.                                                    <div class="keluaran">7040</div>
  2073.                                                    <div class="tanggal">03-07-2025</div>
  2074.                                                </div>
  2075.                                            
  2076.                                                <div class="result">
  2077.                                                    <div class="pasaran"></div>
  2078.                                                    <div class="keluaran">9762</div>
  2079.                                                    <div class="tanggal">02-07-2025</div>
  2080.                                                </div>
  2081.                                                                                </div>
  2082.                                                            </div>
  2083.                            
  2084.                                                    <div class="result-data accordion-item">
  2085.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC3">
  2086.                                    <div class="badge">
  2087.                                                                            </div>
  2088.                                    <div class="pasaran">TOTOMACAU 1900&nbsp</div>
  2089.                                    <div class="keluaran">9893</div>
  2090.                                    <div class="tanggal">09-07-2025</div>
  2091.                              </button>
  2092.                                                                <div id="paito-TMC3" class="accordion-collapse collapse">
  2093.                                        
  2094.                                                <div class="result">
  2095.                                                    <div class="pasaran"></div>
  2096.                                                    <div class="keluaran">5576</div>
  2097.                                                    <div class="tanggal">08-07-2025</div>
  2098.                                                </div>
  2099.                                            
  2100.                                                <div class="result">
  2101.                                                    <div class="pasaran"></div>
  2102.                                                    <div class="keluaran">1660</div>
  2103.                                                    <div class="tanggal">07-07-2025</div>
  2104.                                                </div>
  2105.                                            
  2106.                                                <div class="result">
  2107.                                                    <div class="pasaran"></div>
  2108.                                                    <div class="keluaran">4712</div>
  2109.                                                    <div class="tanggal">06-07-2025</div>
  2110.                                                </div>
  2111.                                            
  2112.                                                <div class="result">
  2113.                                                    <div class="pasaran"></div>
  2114.                                                    <div class="keluaran">5438</div>
  2115.                                                    <div class="tanggal">05-07-2025</div>
  2116.                                                </div>
  2117.                                            
  2118.                                                <div class="result">
  2119.                                                    <div class="pasaran"></div>
  2120.                                                    <div class="keluaran">9251</div>
  2121.                                                    <div class="tanggal">04-07-2025</div>
  2122.                                                </div>
  2123.                                            
  2124.                                                <div class="result">
  2125.                                                    <div class="pasaran"></div>
  2126.                                                    <div class="keluaran">4629</div>
  2127.                                                    <div class="tanggal">03-07-2025</div>
  2128.                                                </div>
  2129.                                            
  2130.                                                <div class="result">
  2131.                                                    <div class="pasaran"></div>
  2132.                                                    <div class="keluaran">5197</div>
  2133.                                                    <div class="tanggal">02-07-2025</div>
  2134.                                                </div>
  2135.                                                                                </div>
  2136.                                                            </div>
  2137.                            
  2138.                                                    <div class="result-data accordion-item">
  2139.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC4">
  2140.                                    <div class="badge">
  2141.                                                                            </div>
  2142.                                    <div class="pasaran">TOTOMACAU 2200&nbsp</div>
  2143.                                    <div class="keluaran">5212</div>
  2144.                                    <div class="tanggal">09-07-2025</div>
  2145.                              </button>
  2146.                                                                <div id="paito-TMC4" class="accordion-collapse collapse">
  2147.                                        
  2148.                                                <div class="result">
  2149.                                                    <div class="pasaran"></div>
  2150.                                                    <div class="keluaran">0671</div>
  2151.                                                    <div class="tanggal">08-07-2025</div>
  2152.                                                </div>
  2153.                                            
  2154.                                                <div class="result">
  2155.                                                    <div class="pasaran"></div>
  2156.                                                    <div class="keluaran">6265</div>
  2157.                                                    <div class="tanggal">07-07-2025</div>
  2158.                                                </div>
  2159.                                            
  2160.                                                <div class="result">
  2161.                                                    <div class="pasaran"></div>
  2162.                                                    <div class="keluaran">1569</div>
  2163.                                                    <div class="tanggal">06-07-2025</div>
  2164.                                                </div>
  2165.                                            
  2166.                                                <div class="result">
  2167.                                                    <div class="pasaran"></div>
  2168.                                                    <div class="keluaran">5853</div>
  2169.                                                    <div class="tanggal">05-07-2025</div>
  2170.                                                </div>
  2171.                                            
  2172.                                                <div class="result">
  2173.                                                    <div class="pasaran"></div>
  2174.                                                    <div class="keluaran">0973</div>
  2175.                                                    <div class="tanggal">04-07-2025</div>
  2176.                                                </div>
  2177.                                            
  2178.                                                <div class="result">
  2179.                                                    <div class="pasaran"></div>
  2180.                                                    <div class="keluaran">4997</div>
  2181.                                                    <div class="tanggal">03-07-2025</div>
  2182.                                                </div>
  2183.                                            
  2184.                                                <div class="result">
  2185.                                                    <div class="pasaran"></div>
  2186.                                                    <div class="keluaran">4042</div>
  2187.                                                    <div class="tanggal">02-07-2025</div>
  2188.                                                </div>
  2189.                                                                                </div>
  2190.                                                            </div>
  2191.                            
  2192.                                                    <div class="result-data accordion-item">
  2193.                                <button class="result accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#paito-TMC5">
  2194.                                    <div class="badge">
  2195.                                                                            </div>
  2196.                                    <div class="pasaran">TOTOMACAU 2300&nbsp</div>
  2197.                                    <div class="keluaran">6640</div>
  2198.                                    <div class="tanggal">09-07-2025</div>
  2199.                              </button>
  2200.                                                                <div id="paito-TMC5" class="accordion-collapse collapse">
  2201.                                        
  2202.                                                <div class="result">
  2203.                                                    <div class="pasaran"></div>
  2204.                                                    <div class="keluaran">2972</div>
  2205.                                                    <div class="tanggal">08-07-2025</div>
  2206.                                                </div>
  2207.                                            
  2208.                                                <div class="result">
  2209.                                                    <div class="pasaran"></div>
  2210.                                                    <div class="keluaran">0262</div>
  2211.                                                    <div class="tanggal">07-07-2025</div>
  2212.                                                </div>
  2213.                                            
  2214.                                                <div class="result">
  2215.                                                    <div class="pasaran"></div>
  2216.                                                    <div class="keluaran">6598</div>
  2217.                                                    <div class="tanggal">06-07-2025</div>
  2218.                                                </div>
  2219.                                            
  2220.                                                <div class="result">
  2221.                                                    <div class="pasaran"></div>
  2222.                                                    <div class="keluaran">8429</div>
  2223.                                                    <div class="tanggal">05-07-2025</div>
  2224.                                                </div>
  2225.                                            
  2226.                                                <div class="result">
  2227.                                                    <div class="pasaran"></div>
  2228.                                                    <div class="keluaran">8038</div>
  2229.                                                    <div class="tanggal">04-07-2025</div>
  2230.                                                </div>
  2231.                                            
  2232.                                                <div class="result">
  2233.                                                    <div class="pasaran"></div>
  2234.                                                    <div class="keluaran">9882</div>
  2235.                                                    <div class="tanggal">03-07-2025</div>
  2236.                                                </div>
  2237.                                            
  2238.                                                <div class="result">
  2239.                                                    <div class="pasaran"></div>
  2240.                                                    <div class="keluaran">8547</div>
  2241.                                                    <div class="tanggal">02-07-2025</div>
  2242.                                                </div>
  2243.                                                                                </div>
  2244.                                                            </div>
  2245.                            
  2246.                        </div>              
  2247.              
  2248.          </div>
  2249.        </div>
  2250.    </div>
  2251.    
  2252.    <script>
  2253.        
  2254.        function togglePaito(paitoid) {
  2255.            let paito = document.getElementById(paitoid);
  2256.            paito.classList.add("open");
  2257.        }
  2258.        
  2259.        
  2260.    </script>
  2261.  
  2262.    
  2263.            <div class="provider">
  2264.                <div class="provider-group">
  2265.                    <img src="https://img.viva88athenae.com/assets/categories.png" class="desktop-only" alt="" style="padding-bottom: 16px">
  2266.                    <img src="https://img.viva88athenae.com/assets/providers.png" class="desktop-only" alt="">
  2267.    
  2268.                    <img src="https://img.viva88athenae.com/mproviders.png" alt="" style="width: 100%;" class="mobile-only">
  2269.                </div>
  2270.            </div>
  2271.            
  2272.            <div class="transaksi">
  2273.    
  2274.                <div>
  2275.                    <div class="transaksi-kontak">
  2276.                        
  2277.                        <div class="d-flex flex-column w-100">
  2278.                            <div class="transaksi-title">
  2279.                                <div class="transaksi-title-group">
  2280.                                    <div class="fitur-header">Transaksi</div>
  2281.                                    <div class="desktop-only" style="line-height: .8rem; color: var(--primary-text-color)">Kami Menerima Pembayaran Dibawah Ini</div>
  2282.                                </div>
  2283.                                
  2284.                                <div class="devider desktop-only" style="width: 320px"></div>
  2285.                            </div>
  2286.                            
  2287.                            <div class="transaksi-content">
  2288.                                <!-- Bank -->
  2289.                                
  2290. <style>
  2291.  
  2292.    .transaksi-group {
  2293.        display: grid;
  2294.        grid-template-columns: 380px 1fr;
  2295.        justify-content: space-between;
  2296.        grid-template-areas:
  2297.        "transaksi-bank transaksi-other";
  2298.    }
  2299.    
  2300.    .transaksi-bank {
  2301.        grid-area: transaksi-bank;
  2302.        display: grid;
  2303.        place-items: center
  2304.    }
  2305.    
  2306.    .transaksi-other {
  2307.        grid-area: transaksi-other;
  2308.        display: flex;
  2309.        justify-content: space-evenly;
  2310.        width: 100%;
  2311.    }
  2312.    
  2313.    .transaksi-list-bank {
  2314.        height: fit-content;
  2315.        display: grid;
  2316.        grid-template-columns: repeat(4, 92px);
  2317.        grid-template-rows: repeat(4, auto);
  2318.        gap: 4px;
  2319.    }
  2320.    
  2321.    .transaksi-list-other {
  2322.        height: fit-content;
  2323.        display: grid;
  2324.        grid-template-columns: repeat(3, 92px);
  2325.        gap: 4px;
  2326.    }
  2327.    
  2328.    
  2329.    .transaksi-item {
  2330.        display: flex;
  2331.        flex-direction: column;
  2332.        /* transform: perspective(10px) rotateX(3deg); */
  2333.    }
  2334.    
  2335.    .transaksi-header {
  2336.  
  2337.        height: 30px;
  2338.        border-radius: 5px;
  2339.        display: grid;
  2340.        place-items: center;
  2341.        font-weight: bold;
  2342.        border: 2px solid rgba(108,108,108,1);
  2343.        background: rgba(54,54,54,1);
  2344.        color: white;
  2345.    }
  2346.    
  2347.    .transaksi-status {
  2348.        margin-left: 3px;
  2349.        margin-right: 3px;
  2350.        height: 3px;
  2351.        border-radius: 0px 0px 4px 4px;
  2352.        background: rgb(54,54,54);
  2353.        background: linear-gradient(90deg, rgba(54,54,54,1) 0%, rgba(108,108,108,1) 50%, rgba(54,54,54,1) 100%);
  2354.    }
  2355.    
  2356.    .header-green {
  2357.        background: rgba(44,121,6,1);
  2358.        border-color: rgba(168,255,0,1);
  2359.    }
  2360.    
  2361.    .header-blue {
  2362.        background: rgba(0,80,89,1);
  2363.        border-color: rgba(0,255,204,1);
  2364.    }
  2365.    
  2366.    .status-green {
  2367.        background: rgb(44,121,6);
  2368.        background: linear-gradient(90deg, rgba(44,121,6,1) 0%, rgba(168,255,0,1) 50%, rgba(44,121,6,1) 100%);
  2369.    }
  2370.    
  2371.    .status-blue {
  2372.        background: rgb(0,80,89);
  2373.        background: linear-gradient(90deg, rgba(0,80,89,1) 0%, rgba(0,255,204,1) 50%, rgba(0,80,89,1) 100%);
  2374.    }
  2375.    
  2376.    .transaksi-name {
  2377.        font-size: 1.1rem;
  2378.        font-weight: bold;
  2379.        line-height: 1.5rem
  2380.    }
  2381.    
  2382.    .transaksi-wrapper {
  2383.        display: flex;
  2384.        flex-direction: column;
  2385.        gap: .5rem;
  2386.    }
  2387.    #transaksi-bank-indicators .carousel-inner .carousel-item.active {
  2388.    height: 154px;
  2389. }
  2390.  
  2391.    @media only screen and (max-width: 768px) {
  2392.        
  2393.        .transaksi-group {
  2394.            display: grid;
  2395.            grid-template-columns: 1fr;
  2396.            grid-template-areas:
  2397.            "transaksi-bank"
  2398.            "transaksi-other";
  2399.            gap: 16px;
  2400.            
  2401.        }
  2402.        
  2403.        .transaksi-header {
  2404.            font-size: 1.1rem;
  2405.            height: 36px;
  2406.        }
  2407.        
  2408.        .transaksi-list-bank {
  2409.            grid-template-columns: repeat(4, 1fr);
  2410.        }
  2411.        
  2412.        .transaksi-list-other {
  2413.            grid-template-columns: repeat(4, 1fr);
  2414.        }
  2415.        
  2416.        .transaksi-list {
  2417.            display: grid;
  2418.            grid-template-columns: repeat(3, 1fr);
  2419.        }
  2420.        
  2421.        .transaksi-item {
  2422.            width: 100%;
  2423.        }
  2424.        
  2425.        .transaksi-title-group {
  2426.            justify-content: center;
  2427.            padding: 16px 0;
  2428.        }
  2429.        
  2430.        .transaksi-name {
  2431.            font-size: 1.3rem;
  2432.            text-align: center;    
  2433.        }
  2434.  
  2435.        .transaksi-wrapper {
  2436.            width: 100%;
  2437.            max-width: 100%!important;
  2438.            gap: 1rem;
  2439.        }
  2440.  
  2441.        #transaksi-bank-indicators .carousel-inner .carousel-item.active {
  2442.    height: 184px!important;
  2443. }
  2444.        
  2445.  
  2446.    }
  2447. </style>
  2448.  
  2449.  
  2450. <div class="transaksi-group">
  2451.    <div class="transaksi-bank">
  2452.  
  2453.            <div class="transaksi-wrapper">
  2454.                <div class="transaksi-name">Bank Lokal</div>
  2455.                
  2456.                <div id="transaksi-bank-indicators" class="carousel slide" data-bs-ride="carousel">
  2457.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2458.                    
  2459.                                                                        <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
  2460.                                                                                                <button type="button" data-bs-target="#transaksi-bank-indicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
  2461.                                                                
  2462.                </div>
  2463.                <div class="carousel-inner" style="min-height: 144px">
  2464.                                            <div class="carousel-item active">
  2465.                            <div class="transaksi-list-bank">
  2466.                            
  2467.                                                        
  2468.                                                                
  2469.                                <div class="transaksi-item">
  2470.                                    <div class="transaksi-header">BCA</div>
  2471.                                    <div class="transaksi-status status-green"></div>
  2472.                                </div>
  2473.                                                        
  2474.                                                                
  2475.                                <div class="transaksi-item">
  2476.                                    <div class="transaksi-header">Mandiri</div>
  2477.                                    <div class="transaksi-status status-green"></div>
  2478.                                </div>
  2479.                                                        
  2480.                                                                
  2481.                                <div class="transaksi-item">
  2482.                                    <div class="transaksi-header">BNI</div>
  2483.                                    <div class="transaksi-status status-green"></div>
  2484.                                </div>
  2485.                                                        
  2486.                                                                
  2487.                                <div class="transaksi-item">
  2488.                                    <div class="transaksi-header">BRI</div>
  2489.                                    <div class="transaksi-status status-green"></div>
  2490.                                </div>
  2491.                                                        
  2492.                                                                
  2493.                                <div class="transaksi-item">
  2494.                                    <div class="transaksi-header">CIMB</div>
  2495.                                    <div class="transaksi-status status-green"></div>
  2496.                                </div>
  2497.                                                        
  2498.                                                                
  2499.                                <div class="transaksi-item">
  2500.                                    <div class="transaksi-header">Danamon</div>
  2501.                                    <div class="transaksi-status status-green"></div>
  2502.                                </div>
  2503.                                                        
  2504.                                                                
  2505.                                <div class="transaksi-item">
  2506.                                    <div class="transaksi-header">Permata</div>
  2507.                                    <div class="transaksi-status status-green"></div>
  2508.                                </div>
  2509.                                                        
  2510.                                                                
  2511.                                <div class="transaksi-item">
  2512.                                    <div class="transaksi-header">BJB</div>
  2513.                                    <div class="transaksi-status status-green"></div>
  2514.                                </div>
  2515.                                                        
  2516.                                                                
  2517.                                <div class="transaksi-item">
  2518.                                    <div class="transaksi-header">PANIN</div>
  2519.                                    <div class="transaksi-status status-green"></div>
  2520.                                </div>
  2521.                                                        
  2522.                                                                
  2523.                                <div class="transaksi-item">
  2524.                                    <div class="transaksi-header">OCBC</div>
  2525.                                    <div class="transaksi-status status-green"></div>
  2526.                                </div>
  2527.                                                        
  2528.                                                                
  2529.                                <div class="transaksi-item">
  2530.                                    <div class="transaksi-header">DKI</div>
  2531.                                    <div class="transaksi-status status-green"></div>
  2532.                                </div>
  2533.                                                        
  2534.                                                                
  2535.                                <div class="transaksi-item">
  2536.                                    <div class="transaksi-header">SUMUT</div>
  2537.                                    <div class="transaksi-status status-green"></div>
  2538.                                </div>
  2539.                                                        
  2540.                                                                
  2541.                                <div class="transaksi-item">
  2542.                                    <div class="transaksi-header">BSI</div>
  2543.                                    <div class="transaksi-status status-green"></div>
  2544.                                </div>
  2545.                                                        
  2546.                                                                
  2547.                                <div class="transaksi-item">
  2548.                                    <div class="transaksi-header">NEO</div>
  2549.                                    <div class="transaksi-status status-green"></div>
  2550.                                </div>
  2551.                                                        
  2552.                                                                
  2553.                                <div class="transaksi-item">
  2554.                                    <div class="transaksi-header">JAGO</div>
  2555.                                    <div class="transaksi-status status-green"></div>
  2556.                                </div>
  2557.                                                        
  2558.                                                                
  2559.                                <div class="transaksi-item">
  2560.                                    <div class="transaksi-header">SeaBank</div>
  2561.                                    <div class="transaksi-status status-green"></div>
  2562.                                </div>
  2563.                                                        
  2564.                            </div>
  2565.                        </div>
  2566.                    
  2567.                                            <div class="carousel-item ">
  2568.                            <div class="transaksi-list-bank">
  2569.                            
  2570.                                                        
  2571.                                                                
  2572.                                <div class="transaksi-item">
  2573.                                    <div class="transaksi-header">Sinarmas</div>
  2574.                                    <div class="transaksi-status status-green"></div>
  2575.                                </div>
  2576.                                                        
  2577.                                                                
  2578.                                <div class="transaksi-item">
  2579.                                    <div class="transaksi-header">Mega</div>
  2580.                                    <div class="transaksi-status status-green"></div>
  2581.                                </div>
  2582.                                                        
  2583.                                                            
  2584.                            </div>
  2585.                        </div>
  2586.                    
  2587.                    
  2588.                    
  2589.                  </div>
  2590.                </div>
  2591.  
  2592.        </div>
  2593.    </div>
  2594.    
  2595.    <div class="transaksi-other">
  2596.            
  2597.            <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2598.            
  2599.            <div class="transaksi-wrapper" style="max-width: 284px">
  2600.  
  2601.                <div class="transaksi-name">E Money & Pulsa</div>
  2602.  
  2603.    
  2604.                <div id="transaksi-other-indicators" class="carousel slide" data-bs-ride="carousel">
  2605.                <div class="carousel-indicators" style="bottom: -32px; margin-bottom: 0px">
  2606.                    
  2607.                                        
  2608.                    </div>
  2609.                  <div class="carousel-inner" >
  2610.                                            <div class="carousel-item active">
  2611.                            <div class="transaksi-list-other">
  2612.                            
  2613.                                                        
  2614.                                                                
  2615.                                <div class="transaksi-item">
  2616.                                    <div class="transaksi-header">Jenius</div>
  2617.                                    <div class="transaksi-status status-blue"></div>
  2618.                                </div>
  2619.                                                        
  2620.                                                                
  2621.                                <div class="transaksi-item">
  2622.                                    <div class="transaksi-header">DANA</div>
  2623.                                    <div class="transaksi-status status-blue"></div>
  2624.                                </div>
  2625.                                                        
  2626.                                                                
  2627.                                <div class="transaksi-item">
  2628.                                    <div class="transaksi-header">OVO</div>
  2629.                                    <div class="transaksi-status status-blue"></div>
  2630.                                </div>
  2631.                                                        
  2632.                                                                
  2633.                                <div class="transaksi-item">
  2634.                                    <div class="transaksi-header">ShopeePay</div>
  2635.                                    <div class="transaksi-status status-blue"></div>
  2636.                                </div>
  2637.                                                        
  2638.                                                                
  2639.                                <div class="transaksi-item">
  2640.                                    <div class="transaksi-header">GOPAY</div>
  2641.                                    <div class="transaksi-status status-blue"></div>
  2642.                                </div>
  2643.                                                        
  2644.                                                                
  2645.                                <div class="transaksi-item">
  2646.                                    <div class="transaksi-header">LinkAja</div>
  2647.                                    <div class="transaksi-status status-blue"></div>
  2648.                                </div>
  2649.                                                        
  2650.                                                                
  2651.                                <div class="transaksi-item">
  2652.                                    <div class="transaksi-header">Sakuku</div>
  2653.                                    <div class="transaksi-status status-blue"></div>
  2654.                                </div>
  2655.                                                        
  2656.                                                                
  2657.                                <div class="transaksi-item">
  2658.                                    <div class="transaksi-header">QRIS</div>
  2659.                                    <div class="transaksi-status status-blue"></div>
  2660.                                </div>
  2661.                                                        
  2662.                                                                
  2663.                                <div class="transaksi-item">
  2664.                                    <div class="transaksi-header">Telkomsel</div>
  2665.                                    <div class="transaksi-status status-blue"></div>
  2666.                                </div>
  2667.                                                        
  2668.                                                                
  2669.                                <div class="transaksi-item">
  2670.                                    <div class="transaksi-header">Axiata</div>
  2671.                                    <div class="transaksi-status status-blue"></div>
  2672.                                </div>
  2673.                                                        
  2674.                                                                
  2675.                                <div class="transaksi-item">
  2676.                                    <div class="transaksi-header">Three</div>
  2677.                                    <div class="transaksi-status status-blue"></div>
  2678.                                </div>
  2679.                                                        
  2680.                                                            
  2681.                            </div>
  2682.                        </div>
  2683.                    
  2684.                    
  2685.                    
  2686.                </div>
  2687.            </div>
  2688.        </div>
  2689.        
  2690.        <div class="desktop-only" style="height: 100%; width: 2px; background: #888888"></div>
  2691.    </div>
  2692. </div>
  2693.  
  2694.  
  2695.        
  2696.  
  2697.  
  2698.                            </div>
  2699.                            
  2700.                            
  2701.                        </div>
  2702.                        
  2703.                        <!--<div class="d-flex flex-column desktop-only" style="width: 180px">-->
  2704.                            
  2705.                        <!--    <div class="transaksi-title">-->
  2706.                        <!--        <div class="transaksi-title-group">-->
  2707.                        <!--            <div class="fitur-header">Kontak Kami</div>-->
  2708.                        <!--        </div>-->
  2709.                                
  2710.                        <!--        <div class="devider desktop-only"></div>-->
  2711.                        <!--    </div>-->
  2712.                            
  2713.    
  2714.                        <!--    
  2715. <div id="kontak-kami-indicators" class="carousel slide" data-bs-ride="carousel" style="padding-top: 14px">
  2716.    <div class="carousel-indicators" style="bottom: -33px; margin-bottom: 0px">
  2717.        
  2718.                
  2719.    </div>
  2720.      <div class="carousel-inner" style="height: 164px">
  2721.                    <div class="carousel-item active">
  2722.                <div>
  2723.                
  2724.                                
  2725.                                        
  2726.                    <div style="display: flex; align-items: center; gap: 8px; margin-bottom: 12px">
  2727.                       <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/>
  2728.  
  2729.                                                            <a class="d-flex flex-column" href="https://api.whatsapp.com/send/?phone=%2B6282267488952&text&type=phone_number&app_absent=0" target='_blank'>
  2730.                                       <div style="color: #888888;">WHATSAPP</div>
  2731.                                       <div style="line-height: .9rem; color: var(--primary-text-color)">082267488952</div>
  2732.                                    </a>
  2733.                                
  2734.                                
  2735.                    </div>
  2736.                                
  2737.                                    
  2738.                </div>
  2739.            </div>
  2740.        
  2741.        
  2742.        
  2743.    </div>
  2744. </div>
  2745. -->
  2746.                                    
  2747.                        <!--</div>-->
  2748.                    </div>
  2749.                </div>
  2750.            </div>
  2751.            
  2752.            <div class="guidelines">
  2753.                <div class="guidelines-content desktop-only">
  2754.                    <img src="https://img.viva88athenae.com/guidelines.png" />
  2755.                </div>
  2756.            </div>
  2757.    
  2758.    
  2759.            <div class="bantuan">
  2760.                                <ul class="bantuan-content">
  2761.                    <li class="bantuan-item" onclick="showInformasi('tentang')">TENTANG KAMI</li>
  2762.                    <div class="bantuan-devider desktop-only">|</div>
  2763.                    <li class="bantuan-item" onclick="showInformasi('bantuan')">BANTUAN</li>
  2764.                    <div class="bantuan-devider desktop-only">|</div>
  2765.                    <li class="bantuan-item" onclick="showInformasi('peraturan')">PERATURAN</li>
  2766.                    <div class="bantuan-devider desktop-only">|</div>
  2767.                    <li class="bantuan-item" onclick="showInformasi('bank')">INFORMASI BANK</li>
  2768.                    <div class="bantuan-devider desktop-only">|</div>
  2769.                    <li class="bantuan-item" onclick="showInformasi('hubungi')">HUBUNGI KAMI</li>
  2770.                    <div class="bantuan-devider desktop-only">|</div>
  2771.                    <li class="bantuan-item" onclick="showInformasi('privasi')">KEBIJAKAN PRIVASI</li>
  2772.                    <div class="bantuan-devider desktop-only">|</div>
  2773.                    <li class="bantuan-item" onclick="showInformasi('cookies')">PERSETUJUAN COOKIES</li>
  2774.                </ul>
  2775.                            </div>
  2776.    
  2777.    
  2778.            <footer class="footer">
  2779.                <div>
  2780.                    <h1 style="color: #DAA520; font-size: 2em; font-weight: bold;">
  2781. <center>
  2782. <br />Hermes4D | Media Cetak Online Berteknologi Tinggi</center>
  2783. </h1>
  2784.  
  2785. <div style="text-align: center;">
  2786. <p>Hermes4D adalah salah satu bisnis media cetak terkini yang menggunakan teknologi AI paling canggih yang memudahkan pemasaran hingga diluar negri</p>
  2787. </div>
  2788. <br />
  2789.  
  2790. <script>
  2791. $("<a class='btn' style='color:White; background: radial-gradient(#001620, #da02f5); font-size: 20px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://heylink.me/hermes4dcom_/' target='_blank'>CLAIM 50 K + 20 K </a>").insertAfter(".btn-info:eq(0)")
  2792. </script>
  2793. <script>
  2794. $("<a class='btn' style='color:White; background: radial-gradient(#001620, #1df502); font-size: 20px; width: 100%; height: 50px; display: grid; border-radius: 20px; place-items: center' href='https://pola.rtphermes4d.xyz/01/' target='_blank'>RTP GACOR HERMES4D</a>").insertAfter(".btn-info:eq(0)")
  2795. </script>
  2796.  
  2797. <div style="position: fixed; bottom: 145px; left: 5px; z-index: 10; opacity: 0.98;">
  2798.        <p>
  2799.            <a href="https://pola.rtphermes4d.xyz/01" target="_blank"> <img class="wabutton"
  2800. src="https://bit.ly/47SoClY" alt="RTP" width="64" height="64"></a>
  2801.        </p>
  2802. </div>
  2803. <div style="position: fixed; bottom: 70px; left: 5px; z-index: 10; opacity: 0.98;">
  2804.        <p>
  2805.            <a href="https://jagonyaspin.art/" target="_blank"> <img class="wabutton"
  2806. src="https://bit.ly/3XbVwux" alt="LUCKYSPIN" width="65" height="65"></a>
  2807.        </p>
  2808. </div>
  2809. <div style="position: fixed; bottom: 220px; left: 5px; z-index: 10; opacity: 0.98;">
  2810.        <p>
  2811.            <a href="https://t.me/s/HERMES4DJP" target="_blank"> <img class="wabutton"
  2812. src="https://bit.ly/3yXxFVq" alt="BUKTI JP" width="65" height="65"></a>
  2813.        </p>
  2814.  
  2815.        </p>
  2816. </div>
  2817. <div style="position: fixed; bottom: 295px; left: 5px; z-index: 10; opacity: 0.98;">
  2818.        <p>
  2819.            <a href="https://hermeshadir.pro/m/downloads/download.apk" target="_blank"> <img class="wabutton"
  2820. src="https://bit.ly/4e8DL5r" alt="APK" width="65" height="65"></a>
  2821.        </p>
  2822.                </div>
  2823.                
  2824.                
  2825.                <div class="footer-group">
  2826.                    <div class="copyright">
  2827.                        <div style="white-space: nowrap">© 2015 - 2025 Copyright HERMES4D.</div>
  2828.                        <div>All Rights Reserved.</div>
  2829.                    </div>
  2830.                    <div class="desktop-only">
  2831.                        <div class="d-flex gap-1">
  2832.                                                            <div class="btn-footer" onclick='window.location.href="/?mobile"'>MOBILE</div>
  2833.                                                        <div class="btn-footer" onclick='window.location.href="/wap/index.php"'>WAP</div>
  2834.                        </div>
  2835.                    </div>
  2836.                    <img class="mobile-only" style="width: 100%" src="https://img.viva88athenae.com/guidelines.png" alt="">
  2837.                    
  2838.                    <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=1N22jRVQt31Q8Qi2FiAPfNMEDqJS6T1QzoQTVK9FiKw.','mywindow','menubar=1,resizable=1,width=430 ,height=880');">
  2839.                        <i class="bi bi-shield-fill-exclamation"></i>
  2840.                        <strong class="ms-1">LAPOR PUSAT</strong>
  2841.                    </button>
  2842.                </div>
  2843.            </footer>
  2844.            
  2845.            
  2846.            
  2847.            <!-- SIDENAV -->
  2848.            <div id="mySidenav" class="sidenav desktop-only">
  2849.                <div id="nav">
  2850.                    <div style="display: flex; align-items: start;">
  2851.                        <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;">
  2852.                            
  2853.                            <img src="/assets/hubungi.png?11">
  2854.                            
  2855.                        </div>
  2856.                        <!--<img id="about" src="/images/kontak.png?4">-->
  2857.                    </div>
  2858.                    <div class="ptsans" style="font-size: 1rem; background: white; border-radius: 0px 5px 5px 5px; overflow: hidden; width: 160px">
  2859.                       <div id="" style="padding: 4px">
  2860.                       <img src="/assets/24h.png" style="width: 100%"></img>
  2861.                        </div>
  2862.                    
  2863.                        <div id="kontak-content" style="display: flex; flex-direction: column; width: 100%; font-size: .8rem">
  2864.                            <div style="display: grid; place-items: center; font-weight: bold; font-size: 1rem">MEMBER SERVICE</div>
  2865.                            
  2866.                                                                
  2867.                                                                                
  2868.                                            <a href="https://api.whatsapp.com/send/?phone=%2B6282267488952&text&type=phone_number&app_absent=0" target='_blank' style="padding: 4px; display: flex; align-items: center; gap: 8px; border-bottom: 1px solid #e0e0e0">
  2869.                                                <img src="https://img.viva88athenae.com/kontak/whatsapp.png" width="20"/><span>082267488952</span>
  2870.                                            </a>
  2871.                                            
  2872.                                            
  2873.                                    
  2874.                                                                
  2875.    
  2876.                        </div>
  2877.                            <div style="margin: 8px">
  2878.                                <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>
  2879.                            </div>
  2880.                    </div>
  2881.                </div>
  2882.            </div>
  2883.        </div>
  2884.        
  2885.        <!--POP UP -->
  2886.        
  2887.        <style>
  2888.        
  2889.                    
  2890.            .modal-dialog {
  2891.                max-width: max-content;
  2892.                margin-top: 180px
  2893.            }
  2894.            
  2895.            .imgpop {
  2896.                border:2px solid #FFF;
  2897.                width: 600px;
  2898.                aspect-ratio: 2;
  2899.                object-fit: cover;
  2900.            }
  2901.  
  2902.            
  2903.            @media only screen and (max-width: 768px) {
  2904.                
  2905.                .modal-dialog {
  2906.                    margin-top: 98px
  2907.                }
  2908.                
  2909.                .imgpop {
  2910.                    width: 100%;
  2911.                }
  2912.                
  2913.            }
  2914.            
  2915.            
  2916.            
  2917.        </style>
  2918.  
  2919.  
  2920.        <!-- Modal -->
  2921.        <div class="modal fade" id="promo" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  2922.          <div class="modal-dialog" style="">
  2923.            <div class="modal-content">
  2924.              <div class="modal-body"  style="padding: 0px">
  2925.                <img src="images/upload-Popup-20250322154302.jpg" alt="" class="imgpop"/>
  2926.              </div>
  2927.            </div>
  2928.          </div>
  2929.        </div>
  2930.  
  2931.  <!--<div class="modal fade" id="promo">-->
  2932.  <!--  <div class="modal-dialog" style="margin:180px auto 0px; width:600px; padding:0px">-->
  2933.  <!--    <div class="modal-content" style="padding:0px; border-radius:0px;">-->
  2934.  <!--      <div class="modal-body" style="padding:0px;">-->
  2935.  <!--          <img src="images/upload-Popup-20250322154302.jpg" alt="" style="border:2px solid #FFF; width: 600px; height: 300px;"/>-->
  2936.  <!--          <button type="btn button" class="closepop" data-dismiss="modal" style="color:#FFF; margin-top:10px">&times;</button>-->
  2937.  <!--      </div>-->
  2938.  <!--    </div>-->
  2939.  <!--  </div>-->
  2940.  <!--</div> -->
  2941.        
  2942.        <!-- LIVE CHAT -->
  2943.        <!-- Start of LiveChat (www.livechat.com) code -->
  2944. <script>
  2945.    window.__lc = window.__lc || {};
  2946.    window.__lc.license = 13325190;
  2947.    window.__lc.integration_name = "manual_channels";
  2948.    window.__lc.product_name = "livechat";
  2949.    ;(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))
  2950. </script>
  2951. <noscript><a href="https://www.livechat.com/chat-with/13325190/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
  2952. <!-- End of LiveChat code -->
  2953.  
  2954.                
  2955.          
  2956.  
  2957.        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
  2958.  
  2959.        <script>
  2960.                            if(document.getElementById("promo")) {
  2961.                    var myModal = new bootstrap.Modal(document.getElementById("promo"), {});
  2962.                    window.onload = () => {
  2963.                        myModal.show();
  2964.                    }
  2965.                }
  2966.                    
  2967.            var mobileurl = 'm/';
  2968.            
  2969.  
  2970.  
  2971.            var showIDs = [];
  2972.            
  2973.            function showProducts(hoverID) {
  2974.                while(showIDs.length > 0) document.getElementById(showIDs.pop()).style.display = "none";
  2975.  
  2976.                // document.getElementById('hover').classList.add("hover-show");
  2977.                document.getElementById('hover').style.transitionDelay = "0s";
  2978.                document.getElementById('hover').style.visibility = "visible";
  2979.                document.getElementById('hover').style.opacity = "1";
  2980.                document.getElementById(hoverID).style.display = "flex";
  2981.  
  2982.                showIDs.push(hoverID);
  2983.  
  2984.            }
  2985.  
  2986.            function hideProducts(hoverID) {
  2987.                // document.getElementById('hover').classList.remove("hover-show");
  2988.                document.getElementById('hover').style.visibility = "hidden";
  2989.                document.getElementById('hover').style.opacity = "0";
  2990.                document.getElementById('hover').style.transitionDelay = "1s";
  2991.                
  2992.            }
  2993.  
  2994.            var mobileDaftarForm = document.getElementById('mobile-daftar-form');
  2995.            var marquee = document.getElementById('marquee');
  2996.  
  2997.            function closeContent() {
  2998.                $('#main-content').html("");
  2999.            }
  3000.  
  3001.  
  3002.            function openDaftar() {
  3003.                closeContent();
  3004.                
  3005.                mobileDaftarForm.style.display = "block";
  3006.                mobileDaftarForm.scrollIntoView();
  3007.            }
  3008.  
  3009.            function closeDaftar() {
  3010.                mobileDaftarForm.style.display = "none";
  3011.                marquee.scrollIntoView();
  3012.            }
  3013.            
  3014.            
  3015.            function showProvider(type) {
  3016.                $('#main-content').html("<div style='padding: 24px'><img src=\"images/loading.gif\" width=\"36px\"><div>");
  3017.                $('#main-content').load("new-showprovider.php?type=" + type);
  3018.            }
  3019.            
  3020.            function toggleInformasi(item) {
  3021.                page(item);
  3022.            }
  3023.            
  3024.            function showInformasi(item) {
  3025.                document.getElementById('modal-wrapper').style.display='block';
  3026.                toggleInformasi(item);
  3027.            }
  3028.            
  3029.            
  3030.  
  3031.                    
  3032.        </script>
  3033.        <script src="/js/old/new-webduo35.js?v=1743228206"></script>
  3034.    
  3035.        
  3036.        <!-- POP UP COOKIES -->
  3037.        
  3038. <style>
  3039.    
  3040.        
  3041.    .kebijakan-privasi, .kebijakan-cookies {
  3042.        color: white;
  3043.        text-decoration: underline;
  3044.    }
  3045.    
  3046.        
  3047. </style>
  3048.  
  3049.  
  3050. <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">
  3051.  <div style="margin:0px; padding: 15px; padding-right: 60px; border: 1px solid #999; font-size: 1rem">
  3052.        <div>
  3053.    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>  
  3054.  </div>
  3055.  <div>
  3056.     <div onclick="document.getElementById('boxprivacy').style.display='none'" class="closebox" title="Close Box" style="margin-right: 10px;">&times;</div>
  3057.  </div>
  3058. </div>
  3059. <script>
  3060.    $( "#boxprivacy" ).blur(function() {
  3061.    alert( "Handler for .blur() called." );
  3062. });
  3063. </script>  
  3064.  
  3065.        
  3066.    </body>
  3067. </html>
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda